2 * CSS in this file is used by *all* skins (that have any CSS at all). Be
3 * careful what you put in here, since what looks good in one skin may not in
4 * another, but don't ignore the poor pre-Monobook users either.
6 * NOTE: The images which are referenced in this file are no longer in use in
7 * essential interface components. They should NOT be embedded, because that
8 * optimizes for the uncommon case at the cost of bloating the size of render-
9 * blocking CSS common to all pages.
12 /* stylelint-disable selector-class-pattern */
14 /* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
17 * These classes should be used for text depending on the content direction.
18 * Content stuff like editsection, ul/ol and TOC depend on this.
30 /* Most input fields should be in site direction */
31 .sitedir-ltr textarea
,
37 .sitedir-rtl textarea
,
47 /* User-Agent styles for new HTML5 elements */
49 background-color: #ff0;
53 /* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
54 /* Note canonical HTML5 styles recommend "content: \u200B", but this doesn't work as of IE 11. */
56 display: inline-block
;
59 /* Input types that should follow user direction, like buttons */
60 /* TODO: What about buttons in wikipage content ? */
61 input
[ type
='submit' ],
62 input
[ type
='button' ],
63 input
[ type
='reset' ],
64 input
[ type
='file' ] {
68 /* Override default values */
69 textarea
[ dir
='ltr' ],
75 textarea
[ dir
='rtl' ],
81 /* Default style for semantic tags */
84 border-bottom: 1px dotted
;
88 @supports ( text-decoration: underline dotted
) {
92 text-decoration: underline dotted
;
96 /* Comment portions of RC entries */
99 unicode-bidi: -moz-isolate
;
100 unicode-bidi: isolate
;
103 /* Stop floats from intruding into edit area in previews */
110 /* Prevent editing textarea from jumping when toolbar is loaded */
115 /* Underline preference */
117 .mw-underline-always a {
118 text-decoration: underline
;
121 .mw-underline-never a {
122 text-decoration: none
;
129 span
.history-deleted
{
130 text-decoration: line-through
;
139 background-color: #ffa;
157 vertical-align: middle
;
169 .mw-input-with-label {
171 display: inline-block
;
177 * This is only meant to provide the most basic of styles, visual settings shouldn't be added here.
181 .mw-content-ltr .thumbcaption {
186 .mw-content-ltr .magnify {
191 .mw-content-rtl .thumbcaption {
196 .mw-content-rtl .magnify {
205 * Overrides text justification (user preference)
215 list-style: none none
;
216 vertical-align: middle
!ie
;
220 display: inline-block
;
222 border-left: 1px solid
#a2a9b1;
226 display: inline
!ie
; /* stylelint-disable-line declaration-block-no-duplicate-properties */
229 .catlinks li:first-child {
230 padding-left: 0.25em;
234 /* (T7346) make category redirects italic */
235 .catlinks li a.mw-redirect {
242 .mw-hidden-cats-hidden {
246 .catlinks-allhidden {
251 * Convenience links to edit delete and protect reasons
253 p
.mw-protect-editreasons
,
254 p
.mw-filedelete-editreasons
,
255 p
.mw-delete-editreasons
{
260 /* The auto-generated edit comments */
263 .autocomment a:visited {
267 /** Generic minor/bot/newpage styling (recent changes) */
275 * Recreating deleted page warning
276 * Reupload file warning
277 * Page protection warning
278 * incl. log entries for these warnings
280 div
.mw-warning-with-logexcerpt
{
283 border: 2px solid
#2a4b8d;
287 div
.mw-warning-with-logexcerpt ul li
{
291 /* (show/hide) revision deletion links */
292 span
.mw-revdelundel-link
,
293 strong
.mw-revdelundel-link
{
297 span
.mw-revdelundel-hidden
,
298 input
.mw-revdelundel-hidden
{
302 td
.mw-revdel-checkbox
,
303 th
.mw-revdel-checkbox
{
308 /* red links; see T38276 */
313 /* Plainlinks - this can be used to switch
314 * off special external link styling */
315 .plainlinks a.external {
316 background: none
!important
; /* stylelint-disable-line declaration-no-important */
317 padding: 0 !important
; /* stylelint-disable-line declaration-no-important */
320 /* External URLs should always be treated as LTR (T6330) */
321 /* @noflip */ .rtl a
.external
.free
,
322 .rtl a.external.autonumber {
328 * wikitable class for skinning normal tables
329 * keep in sync with commonPrint.css
332 background-color: #f8f9fa;
335 border: 1px solid
#a2a9b1;
336 border-collapse: collapse
;
339 .wikitable
> tr
> th
,
340 .wikitable
> tr
> td
,
341 .wikitable
> * > tr
> th
,
342 .wikitable > * > tr > td {
343 border: 1px solid
#a2a9b1;
344 padding: 0.2em 0.4em;
347 .wikitable
> tr
> th
,
348 .wikitable > * > tr > th {
349 background-color: #eaecf0;
353 .wikitable > caption {
357 /* success and error messages */
382 display: inline-block
;
384 *display: inline
; /* stylelint-disable-line declaration-block-no-duplicate-properties */
400 border-color: #fac5c5;
401 background-color: #fae3e3;
406 border-color: #fde29b;
407 background-color: #fdf1d1;
412 border-color: #b7fdb5;
413 background-color: #e1fddf;
416 /* general info/warning box for SP */
418 border: 2px solid
#ff7f00;
431 margin: 0.5em 0.5em 0.5em 49px;
434 /* Note on preview page */
452 * Table with suddle borders
453 * and row-highlighting.
456 border: 1px solid
#a2a9b1;
457 border-collapse: collapse
;
462 border: 1px solid
#a2a9b1;
463 padding: 0.2em 0.4em;
467 background-color: #eaeeff;
471 background-color: #fff;
474 .mw-datatable tr:hover td {
475 background-color: #eaf3ff;
478 /* Correct directionality when page dir is different from site/user dir */
480 .mw-content-rtl .mw-content-ltr ul {
482 margin: 0.3em 0 0 1.6em;
487 .mw-content-ltr .mw-content-rtl ul {
489 margin: 0.3em 1.6em 0 0;
494 .mw-content-rtl .mw-content-ltr ol {
496 margin: 0.3em 0 0 3.2em;
501 .mw-content-ltr .mw-content-rtl ol {
503 margin: 0.3em 3.2em 0 0;
509 .mw-content-rtl .mw-content-ltr dd {
516 .mw-content-ltr .mw-content-rtl dd {
522 background-image: url
( images
/ajax-loader
.gif
);
523 background-position: center center
;
524 background-repeat: no-repeat
;
531 padding: 10px !important
; /* stylelint-disable-line declaration-no-important */
533 background-image: url
( images
/spinner
.gif
);
534 background-position: center center
;
535 background-repeat: no-repeat
;
538 /* Language specific height correction for titles. Ref T31405 and T32809 */
539 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
542 h1:lang
( bh
), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
561 line-height: 1.6em !important
; /* stylelint-disable-line declaration-no-important */
564 /* stylelint-disable selector-list-comma-newline-after */
565 h2:lang
( anp
), h3:lang
( anp
), h4:lang
( anp
), h5:lang
( anp
), h6:lang
( anp
),
566 h2:lang
( as
), h3:lang
( as
), h4:lang
( as
), h5:lang
( as
), h6:lang
( as
),
567 h2:lang
( bho
), h3:lang
( bho
), h4:lang
( bho
), h5:lang
( bho
), h6:lang
( bho
),
568 h2:lang
( bh
), h3:lang
( bh
), h4:lang
( bh
), h5:lang
( bh
), h6:lang
( bh
),
569 h2:lang
( bn
), h3:lang
( bn
), h4:lang
( bn
), h5:lang
( bn
), h6:lang
( bn
),
570 h2:lang
( gu
), h3:lang
( gu
), h4:lang
( gu
), h5:lang
( gu
), h6:lang
( gu
),
571 h2:lang
( hi
), h3:lang
( hi
), h4:lang
( hi
), h5:lang
( hi
), h6:lang
( hi
),
572 h2:lang
( kn
), h3:lang
( kn
), h4:lang
( kn
), h5:lang
( kn
), h6:lang
( kn
),
573 h2:lang
( ks
), h3:lang
( ks
), h4:lang
( ks
), h5:lang
( ks
), h6:lang
( ks
),
574 h2:lang
( ml
), h3:lang
( ml
), h4:lang
( ml
), h5:lang
( ml
), h6:lang
( ml
),
575 h2:lang
( mr
), h3:lang
( mr
), h4:lang
( mr
), h5:lang
( mr
), h6:lang
( mr
),
576 h2:lang
( my
), h3:lang
( my
), h4:lang
( my
), h5:lang
( my
), h6:lang
( my
),
577 h2:lang
( mai
), h3:lang
( mai
), h4:lang
( mai
), h5:lang
( mai
), h6:lang
( mai
),
578 h2:lang
( ne
), h3:lang
( ne
), h4:lang
( ne
), h5:lang
( ne
), h6:lang
( ne
),
579 h2:lang
( new
), h3:lang
( new
), h4:lang
( new
), h5:lang
( new
), h6:lang
( new
),
580 h2:lang
( or
), h3:lang
( or
), h4:lang
( or
), h5:lang
( or
), h6:lang
( or
),
581 h2:lang
( pa
), h3:lang
( pa
), h4:lang
( pa
), h5:lang
( pa
), h6:lang
( pa
),
582 h2:lang
( pi
), h3:lang
( pi
), h4:lang
( pi
), h5:lang
( pi
), h6:lang
( pi
),
583 h2:lang
( sa
), h3:lang
( sa
), h4:lang
( sa
), h5:lang
( sa
), h6:lang
( sa
),
584 h2:lang
( ta
), h3:lang
( ta
), h4:lang
( ta
), h5:lang
( ta
), h6:lang
( ta
),
585 h2:lang
( te
), h3:lang
( te
), h4:lang
( te
), h5:lang
( te
), h6:lang
( te
) {
588 /* stylelint-enable selector-list-comma-newline-after */
590 /* Localised ordered list numbering for some languages */
597 ol:lang
( kk-arab
) li
,
601 list-style-type: -moz-persian
;
602 list-style-type: persian
;
607 list-style-type: -moz-arabic-indic
;
608 list-style-type: arabic-indic
;
615 list-style-type: -moz-devanagari
;
616 list-style-type: devanagari
;
621 list-style-type: -moz-bengali
;
622 list-style-type: bengali
;
626 list-style-type: -moz-oriya
;
627 list-style-type: oriya
;
634 /* Correct directionality when page dir is different from site/user dir */
635 /* @noflip */ .mw-content-ltr
.toc ul
,
636 .mw-content-rtl .mw-content-ltr .toc ul {
640 /* @noflip */ .mw-content-rtl
.toc ul
,
641 .mw-content-ltr .mw-content-rtl .toc ul {
645 /* @noflip */ .mw-content-ltr
.toc ul ul
,
646 .mw-content-rtl .mw-content-ltr .toc ul ul {
650 /* @noflip */ .mw-content-rtl
.toc ul ul
,
651 .mw-content-ltr .mw-content-rtl .toc ul ul {
669 #mw-revision-info-current,
676 /* @noflip */ div
.tright
,
683 /* @noflip */ div
.tleft
,
702 /* Print footer should be hidden by default in screen. */
714 -moz-user-select: none
;
715 -webkit-user-select: none
;
716 -ms-user-select: none
;
720 /* Display editsection links smaller and next to headings */
722 .mw-editsection-like {
726 vertical-align: baseline
;
727 /* Reset line-height; headings tend to have it set to larger values */
731 /* Correct directionality when page dir is different from site/user dir */
733 .mw-content-ltr
.mw-editsection
,
734 .mw-content-rtl .mw-content-ltr .mw-editsection {
739 .mw-content-rtl
.mw-editsection
,
740 .mw-content-ltr .mw-content-rtl .mw-editsection {
744 /* Prevent citations and subscripts from interfering with the line-height */