resources/src/mediawiki.skinning/content.parsoid.less

   1 /**
   2  * Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
   3  */
   4
   5 /**
   6  * References
   7  *
   8  * Parser and Extension:Cite output reference numbers for <sup>[1]</sup> for <ref> tags.
   9  *
  10  * Markup:
  11  * Cake is good<sup>[2]</sup>
  12  * The cake is a lie<span class="reference">[1]</span>
  13  *
  14  * Styleguide 1.1.
  15  */
  16 span.reference {
  17         font-size: smaller;
  18         line-height: normal;
  19         vertical-align: super;
  20 }
  21
  22 /**
  23  * Block media items
  24  */
  25 figure[typeof*='mw:Image'] {
  26         margin: 0;
  27
  28         a {
  29                 border: 0;
  30         }
  31
  32         &.mw-halign-right {
  33                 /* @noflip */
  34                 margin: .5em 0 1.3em 1.4em;
  35                 /* @noflip */
  36                 clear: right;
  37                 /* @noflip */
  38                 float: right;
  39         }
  40
  41         &.mw-halign-left {
  42                 /* @noflip */
  43                 margin: .5em 1.4em 1.3em 0;
  44                 /* @noflip */
  45                 clear: left;
  46                 /* @noflip */
  47                 float: left;
  48         }
  49
  50         &.mw-halign-center {
  51                 margin-left: auto;
  52                 margin-right: auto;
  53         }
  54
  55         figcaption {
  56                 display: table-caption;
  57                 caption-side: bottom;
  58                 /* In mw-core the font-size is duplicated, 94% in thumbiner
  59                    and again 94% in thumbcaption. 88% for font size of the
  60                    caption results in the same behavior. */
  61                 font-size: 88%;
  62                 line-height: 1.4em;
  63                 text-align: left;
  64
  65                 /* taken from .thumbcaption */
  66                 padding: 3px;
  67         }
  68 }
  69
  70 figure[typeof~='mw:Image/Thumb'],
  71 figure[typeof~='mw:Image/Frame'] {
  72         display: table;
  73         overflow: hidden;
  74         text-align: center;
  75         padding: 3px;
  76         border: 1px solid #ccc;
  77         background-color: #f9f9f9;
  78 }
  79
  80 figure[typeof~='mw:Image/Thumb'] img,
  81 .mw-image-border img {
  82         border: 1px solid #cccccc;
  83 }