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: left;
  37                 /* @noflip */
  38                 float: left;
  39         }
  40
  41         /* @noflip */
  42         .mw-halign-left {
  43                 /* @noflip */
  44                 margin: .5em 1.4em 1.3em 0;
  45                 /* @noflip */
  46                 clear: right;
  47                 /* @noflip */
  48                 float: right;
  49         }
  50
  51         .mw-halign-center {
  52                 margin-left: auto;
  53                 margin-right: auto;
  54         }
  55
  56         figcaption {
  57                 display: table-caption;
  58                 caption-side: bottom;
  59                 /* In mw-core the font-size is duplicated, 94% in thumbiner
  60                    and again 94% in thumbcaption. 88% for font size of the
  61                    caption results in the same behavior. */
  62                 font-size: 88%;
  63                 line-height: 1.4em;
  64                 text-align: left;
  65
  66                 /* taken from .thumbcaption */
  67                 padding: 3px;
  68         }
  69 }
  70
  71 figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Image/Frame'] {
  72         display: table;
  73         overflow: hidden;
  74         text-align: center;
  75         padding: 3px;
  76 }