2 * MediaWiki style sheet for general styles on complex content
4 * Styles for complex things which are a standard part of page content
5 * (ie: the CSS classing built into the system), like the TOC.
8 /* stylelint-disable selector-class-pattern */
10 /* Table of Contents */
14 border: 1px solid
#a2a9b1;
15 background-color: #f8f9fa;
21 * We want to display the ToC element with intrinsic width in block mode. The fit-content
22 * value for width is however not supported by large groups of browsers.
24 * We use display:table. Even though it should only contain other table-* display
25 * elements, there are no known problems with using this.
27 * Because IE < 8 and other older browsers don't support display:table, we fallback to
28 * using inline-block mode, which features at least intrinsic width, but won't clear preceding
29 * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
30 * this is an acceptable sacrifice.
33 display: inline-block
;
38 *display: inline
; /* stylelint-disable declaration-block-no-duplicate-properties */
42 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
44 border-collapse: collapse
;
47 /* Remove additional paddings inside table-cells that are not present in <div>s */
65 list-style-type: none
;
66 list-style-image: none
;
76 /* Separate columns for tocnumber and toctext */
77 /* Ignored by IE7 and lower */
82 Text decorations are not propagated to the contents of inline blocks and inline tables,
83 according to <https://www.w3.org/TR/css-text-decor-3/#line-decoration>, and 'display: table-cell'
84 generates an inline table when used without any parent table-rows and tables.
86 text-decoration: inherit
;
89 /* Space between the columns for tocnumber and toctext */
96 .mw-content-ltr .tocnumber {
102 .mw-content-rtl .tocnumber {
118 margin: 0 0 0.5em 0.5em;
124 margin: 0 0.5em 0.5em 0;
129 margin-bottom: 0.5em;
131 background-color: transparent
;
135 border: 1px solid
#c8ccd1;
137 background-color: #f8f9fa;
140 /* new block formatting context,
141 * to clear background from floating content */
146 background-color: #fff;
147 border: 1px solid
#c8ccd1;
155 /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
160 /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
171 /* …and replace it with the image */
174 /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
176 /* Use same SVG support hack as mediawiki.legacy's shared.css */
177 background-image: url
( images
/magnify-clip-ltr
.png
);
179 background-image: linear-gradient
( transparent
, transparent
), url
( images
/magnify-clip-ltr
.svg
);
180 /* Don't annoy people who copy-paste everything too much */
181 -moz-user-select: none
;
182 -webkit-user-select: none
;
183 -ms-user-select: none
;
188 border: 1px solid
#eaecf0;
191 /* Directionality-specific styles for thumbnails - their positioning depends on content language */
194 .mw-content-ltr .thumbcaption {
199 .mw-content-ltr .magnify {
206 .mw-content-ltr div.magnify a {
207 /* Use same SVG support hack as mediawiki.legacy's shared.css */
208 background-image: url
( images
/magnify-clip-ltr
.png
);
210 background-image: linear-gradient
( transparent
, transparent
), url
( images
/magnify-clip-ltr
.svg
);
214 .mw-content-rtl .thumbcaption {
219 .mw-content-rtl .magnify {
226 .mw-content-rtl div.magnify a {
227 /* Use same SVG support hack as mediawiki.legacy's shared.css */
228 background-image: url
( images
/magnify-clip-rtl
.png
);
230 background-image: linear-gradient
( transparent
, transparent
), url
( images
/magnify-clip-rtl
.svg
);
235 margin: 0.5em 0 1.3em 1.4em;
240 margin: 0.5em 1.4em 1.3em 0;
243 /* Hide elements that are marked as "empty" according to legacy Tidy rules,
244 * except if a client script removes the mw-hide-empty-elt class from the body
246 body
.mw-hide-empty-elt
.mw-empty-elt
{