2 * Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
5 /*csslint regex-selectors:false */
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.
14 counter-reset: mw-NumberedExtLink;
17 .mw-body-content a[rel~="mw:ExtLink"]:empty:after {
18 content: "[" counter(mw-NumberedExtLink) "]";
19 counter-increment: mw-NumberedExtLink;
25 * Parser and Extension:Cite output reference numbers for <sup>[1]</sup> for <ref> tags.
28 * Cake is good<sup>[2]</sup>
29 * The cake is a lie<span class="reference">[1]</span>
36 vertical-align: super;
46 figure[typeof*='mw:Image'] {
55 margin: .5em 0 1.3em 1.4em;
64 margin: .5em 1.4em 1.3em 0;
78 margin: 0 auto .5em auto;
85 display: table-caption;
87 /* In mw-core the font-size is duplicated, 94% in thumbiner
88 and again 94% in thumbcaption. 88% for font size of the
89 caption results in the same behavior. */
94 border: 1px solid #ccc;
97 /* taken from .thumbcaption, plus .thumbinner */
99 background-color: #f9f9f9;
103 figure[typeof~='mw:Image/Thumb'],
104 figure[typeof~='mw:Image/Frame'] {
108 border: 1px solid #ccc;
109 border-bottom: 0; // No border to caption
110 border-collapse: collapse;
111 background-color: #f9f9f9;
112 // Default to right alignment. This is needed since Parsoid only specifies the
113 // alignment class when the alignment is explicitly set.
114 margin: .5em 0 1.3em 1.4em;
119 figure[typeof~='mw:Image/Thumb'] > *:first-child > img,
120 figure[typeof~='mw:Image/Frame'] > *:first-child > img,
121 .mw-image-border > *:first-child > img {
122 border: 1px solid #cccccc;
126 /* Hide the caption for frameless and plain floated images */
127 figure[typeof~="mw:Image/Frameless"] > figcaption,
128 figure[typeof~="mw:Image"] > figcaption { display: none }
131 * Finally, some basic styling for Parsoid render testing.
132 * Only Parsoid directly sets .mw-body-content directly on the body, so this
133 * shouldn't affect anything else.
135 body.mw-body-content {
136 background-color: #fff;