[Summary view] [Print] [Text view]

   1  /**
   2   * Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
   3   */
   4  
   5  /*csslint regex-selectors:false */
   6  
   7  /*
   8   * Auto-numbered external links
   9   * Parsoid renders those as link without content, and lets CSS do the
  10   * counting. This way the counting style can be customized, and counts update
  11   * automatically when content is modified.
  12   */
  13  .mw-body-content {
  14      counter-reset: mw-NumberedExtLink;
  15  }
  16  
  17  .mw-body-content a[rel~="mw:ExtLink"]:empty:after {
  18      content: "[" counter(mw-NumberedExtLink) "]";
  19      counter-increment: mw-NumberedExtLink;
  20  }
  21  
  22  /**
  23   * References
  24   *
  25   * Parser and Extension:Cite output reference numbers for <sup>[1]</sup> for <ref> tags.
  26   *
  27   * Markup:
  28   * Cake is good<sup>[2]</sup>
  29   * The cake is a lie<span class="reference">[1]</span>
  30   *
  31   * Styleguide 1.1.
  32   */
  33  span.reference {
  34      font-size: 80%;
  35      line-height: 1;
  36      vertical-align: super;
  37      unicode-bidi: -moz-isolate;
  38      unicode-bidi: -webkit-isolate;
  39      unicode-bidi: isolate;
  40  }
  41  
  42  sup, sub {
  43      line-height: 1;
  44  }
  45  
  46  /**
  47   * Block media items
  48   */
  49  figure[typeof*='mw:Image'] {
  50      margin: 0;
  51  
  52      a {
  53          border: 0;
  54      }
  55  
  56      &.mw-halign-right {
  57          /* @noflip */
  58          margin: .5em 0 1.3em 1.4em;
  59          /* @noflip */
  60          clear: right;
  61          /* @noflip */
  62          float: right;
  63      }
  64  
  65      &.mw-halign-left {
  66          /* @noflip */
  67          margin: .5em 1.4em 1.3em 0;
  68          /* @noflip */
  69          clear: left;
  70          /* @noflip */
  71          float: left;
  72      }
  73  
  74      &.mw-halign-none {
  75          margin: 0;
  76          clear: none;
  77          float: none;
  78      }
  79  
  80      &.mw-halign-center {
  81          margin: 0 auto .5em auto;
  82          display: table;
  83          clear: none;
  84          float: none;
  85      }
  86  
  87      > figcaption {
  88          display: table-caption;
  89          caption-side: bottom;
  90          /* In mw-core the font-size is duplicated, 94% in thumbiner
  91             and again 94% in thumbcaption. 88% for font size of the
  92             caption results in the same behavior. */
  93          font-size: 88%;
  94          line-height: 1.4em;
  95          text-align: left;
  96  
  97          border: 1px solid #ccc;
  98          border-top: 0;
  99  
 100          /* taken from .thumbcaption, plus .thumbinner */
 101          padding: 1px 5px 5px;
 102          background-color: #f9f9f9;
 103      }
 104  }
 105  
 106  figure[typeof~='mw:Image/Thumb'],
 107  figure[typeof~='mw:Image/Frame'] {
 108      display: table;
 109      overflow: auto;
 110      text-align: center;
 111      border: 1px solid #ccc;
 112      border-bottom: 0; // No border to caption
 113      border-collapse: collapse;
 114      background-color: #f9f9f9;
 115      // Default to right alignment. This is needed since Parsoid only specifies the
 116      // alignment class when the alignment is explicitly set.
 117      margin: .5em 0 1.3em 1.4em;
 118      clear: right;
 119      float: right;
 120  }
 121  
 122  figure[typeof~='mw:Image/Thumb'] > *:first-child > img,
 123  figure[typeof~='mw:Image/Frame'] > *:first-child > img,
 124  .mw-image-border > *:first-child > img {
 125      border: 1px solid #cccccc;
 126      margin: 3px;
 127  }
 128  
 129  /* Hide the caption for frameless and plain floated images */
 130  figure[typeof~="mw:Image/Frameless"] > figcaption,
 131  figure[typeof~="mw:Image"] > figcaption { display: none }