.mw-highlight-header

개요

<style>
.mw-highlight-header {
  display: inline-block;
  border-left: 4px solid #59b;
  padding: 5px .8em;
  margin: 5px 0 0;
  word-break: break-all;
  background: #add;
  border-radius: 5px 5px 0 0;
}
.mw-highlight-sample {
  border-left: 4px solid #59b;
  background: #f7f8f9;
  padding: .9em;
  font-size: 1em;
  background-image: linear-gradient(90deg, rgba(7, 8, 9, 0.012) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 8, 9, 0.012) 1px, transparent 1px), linear-gradient(rgba(7, 8, 9, 0.012) 1px, transparent 1px), linear-gradient(rgba(7, 8, 9, 0.012) 1px, transparent 1px);
    background-size: 10px, 30px, 10px 10px, 30px 30px;
}
</style>

<div class="mw-highlight-header">
  <b>mediawiki/includes/specialpage/SpecialPageFactory.php</b>
</div>
<div class="mw-highlight-sample">
  Hello, World!
</div>