/**
* Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
*/
/*csslint regex-selectors:false */
/*
* Auto-numbered external links
* Parsoid renders those as link without content, and lets CSS do the
* counting. This way the counting style can be customized, and counts update
* automatically when content is modified.
*/
.mw-body-content {
counter-reset: mw-numbered-ext-link;
}
.mw-body-content a[rel~='mw:ExtLink']:empty:after {
content: '[' counter( mw-numbered-ext-link ) ']';
counter-increment: mw-numbered-ext-link;
}
/**
* References
*
* Parser and Extension:Cite output reference numbers for [1] for [ tags.
*
* Markup:
* Cake is good[2]
* The cake is a lie[1]
*
* Styleguide 1.1.
*/
span.reference {
font-size: 80%;
line-height: 1;
vertical-align: super;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
}
sup,
sub {
line-height: 1;
}
/**
* Block media items
*/
figure[typeof*='mw:Image'],
figure[typeof*='mw:Video'],
figure[typeof*='mw:Audio'] {
margin: 0;
a {
border: 0;
}
&.mw-halign-right {
/* @noflip */
margin: 0.5em 0 1.3em 1.4em;
/* @noflip */
clear: right;
/* @noflip */
float: right;
}
&.mw-halign-left {
/* @noflip */
margin: 0.5em 1.4em 1.3em 0;
/* @noflip */
clear: left;
/* @noflip */
float: left;
}
&.mw-halign-none {
margin: 0;
clear: none;
float: none;
}
&.mw-halign-center {
margin: 0 auto 0.5em auto;
display: table;
clear: none;
float: none;
}
> figcaption {
display: table-caption;
caption-side: bottom;
/* In mw-core the font-size is duplicated, 94% in thumbiner
* and again 94% in thumbcaption. 88.4% for font size of the
* caption results in the same behavior. */
font-size: 88.4%;
line-height: 1.4em;
text-align: left;
border: 1px solid #c8ccd1;
border-top: 0;
/* taken from .thumbcaption, plus .thumbinner */
padding: 0 6px 6px 6px;
background-color: #f8f9fa;
table {
/* reset caption side for tables inside figcaptions */
caption-side: top;
}
}
}
figure[typeof~='mw:Image/Thumb'],
figure[typeof~='mw:Video/Thumb'],
figure[typeof~='mw:Audio/Thumb'],
figure[typeof~='mw:Image/Frame'],
figure[typeof~='mw:Video/Frame'],
figure[typeof~='mw:Audio/Frame'] {
display: table;
overflow: auto;
text-align: center;
border: 1px solid #c8ccd1;
border-bottom: 0; // No border to caption
border-collapse: collapse;
background-color: #f8f9fa;
// Default to right alignment. This is needed since Parsoid only specifies the
// alignment class when the alignment is explicitly set.
margin: 0.5em 0 1.3em 1.4em;
clear: right;
float: right;
> *:first-child {
> img,
> video {
border: 1px solid #c8ccd1;
margin: 3px;
background: #fff;
}
}
}
/* Same as img.thumbborder in content.css */
.mw-image-border > *:first-child {
> img,
> video {
border: 1px solid #eaecf0;
}
}
/* Hide the caption for frameless and plain floated images */
figure[typeof~='mw:Image/Frameless'],
figure[typeof~='mw:Video/Frameless'],
figure[typeof~='mw:Audio/Frameless'],
figure[typeof~='mw:Image'],
figure[typeof~='mw:Video'],
figure[typeof~='mw:Audio'] {
> figcaption {
display: none;
}
}
]