MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "โReset italic styling set by user agent: cite, dfn { font-style: inherit; } โStraight quote marks for <q>: q { quotes: '"' '"' "'" "'"; } โAvoid collision of blockquote with floating elements by swapping margin and padding: blockquote { overflow: hidden; margin: 1em 0; padding: 0 40px; } โgive pre a float clearing new block formatting context: โAlso break any really long words/urls to keep them visible in that case: pre, .mw-code { overflow-x..." ย |
Updated css to be aware of theme colors. ย |
||
| Line 1: | Line 1: | ||
/* | /* MediaWiki:Common.css โ migrated site styles with theme-aware box colors. | ||
* Copy this entire file into MediaWiki:Common.css. | |||
*/ | |||
/* | /* Typography and basic layout */ | ||
q { | cite, dfn { font-style: inherit; } | ||
q { quotes: '"' '"' "'" "'"; } | |||
} | |||
ย | |||
blockquote { | blockquote { | ||
overflow: hidden; | overflow: hidden; | ||
| Line 15: | Line 11: | ||
padding: 0 40px; | padding: 0 40px; | ||
} | } | ||
pre, .mw-code { | pre, .mw-code { | ||
overflow-x: hidden; | overflow-x: hidden; | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
} | } | ||
ย | small { font-size: 85%; } | ||
small { | |||
} | |||
.mw-body-content sub, | .mw-body-content sub, | ||
.mw-body-content sup, | .mw-body-content sup, | ||
span.reference | span.reference { font-size: 80%; } | ||
} | |||
ย | |||
.ns-talk .mw-body-content dd { | .ns-talk .mw-body-content dd { | ||
margin-top: 0.4em; | margin-top: 0.4em; | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
} | } | ||
#interwiki-completelist { font-weight: bold; } | |||
/* | /* Collapsible content and editing interfaces */ | ||
ย | |||
.client-js .mw-special-Watchlist #watchlist-message, | .client-js .mw-special-Watchlist #watchlist-message, | ||
.client-js .NavFrame.collapsed .NavContent, | .client-js .NavFrame.collapsed .NavContent, | ||
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child) | .client-js .collapsible:not(.mw-made-collapsible).collapsed > tbody > tr:not(:first-child) { | ||
ย | |||
ย | |||
display: none; | display: none; | ||
} | } | ||
ย | .mw-rcfilters-enabled .mw-specialpage-summary { margin-top: 1em; } | ||
#editpage-specialchars { display: none; } | |||
body.action-info .mw-body-content :target, | body.action-info .mw-body-content :target, | ||
.citation:target { | .citation:target { | ||
background-color: #def; | background-color: #def; | ||
background-color: rgba(0, 127, 255, 0.133); | background-color: rgba(0, 127, 255, 0.133); | ||
} | } | ||
ย | .citation { word-wrap: break-word; } | ||
.citation { | |||
} | |||
ย | |||
@media screen, handheld { | @media screen, handheld { | ||
.citation .printonly { | .citation .printonly { display: none; } | ||
} | } | ||
/* | /* References and columns */ | ||
ol.references, div.reflist { | |||
ol.references, | font-size: 90%; | ||
div.reflist { | |||
font-size: 90%; | |||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
div.reflist ol.references { | div.reflist ol.references { | ||
font-size: 100%; | font-size: 100%; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
list-style-type: inherit; | list-style-type: inherit; | ||
} | } | ||
ย | span.brokenref { display: none; } | ||
div.columns { margin-top: 0.3em; } | |||
div.columns dl, div.columns ol, div.columns ul { margin-top: 0; } | |||
span.brokenref { | .nocolbreak, div.columns li, div.columns dd dd { | ||
} | |||
ย | |||
div.columns { | |||
} | |||
div.columns dl, | |||
div.columns ol, | |||
div.columns ul { | |||
} | |||
ย | |||
.nocolbreak, | |||
div.columns li, | |||
div.columns dd dd { | |||
-webkit-column-break-inside: avoid; | -webkit-column-break-inside: avoid; | ||
page-break-inside: avoid; | page-break-inside: avoid; | ||
| Line 119: | Line 62: | ||
} | } | ||
/* | /* Horizontal lists | ||
* Source: mediawiki.org/wiki/Snippets/Horizontal_lists | |||
* Revision 8 (2016-05-21), User:Edokter | |||
ย */ | ย */ | ||
.hlist dl, | .hlist dl, .hlist ol, .hlist ul { | ||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
.hlist dd, .hlist dt, .hlist li { | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; | margin: 0; | ||
display: inline; | display: inline; | ||
} | } | ||
.hlist.inline, | .hlist.inline, | ||
.hlist.inline dl, | .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, | ||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | .hlist dl dl, .hlist dl ol, .hlist dl ul, | ||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | .hlist ol dl, .hlist ol ol, .hlist ol ul, | ||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } | ||
.hlist .mw-empty-li { display: none; } | |||
} | .hlist dt:after { content: ": "; } | ||
/* Minerva also defines .hlist: see phabricator.wikimedia.org/T213239. */ | |||
.hlist .mw-empty-li { | .hlist dd:after, .hlist li:after { | ||
} | |||
.hlist dt:after { | |||
} | |||
/* | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " ยท "; | content: " ยท "; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 167: | Line 88: | ||
.hlist dd:last-child:after, | .hlist dd:last-child:after, | ||
.hlist dt:last-child:after, | .hlist dt:last-child:after, | ||
.hlist li:last-child:after { | .hlist li:last-child:after { content: none; } | ||
} | |||
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | ||
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | ||
| Line 183: | Line 101: | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
.hlist ol { counter-reset: listitem; } | |||
.hlist ol { | .hlist ol > li { counter-increment: listitem; } | ||
.hlist ol > li:before { content: " " counter(listitem) "\a0"; } | |||
} | |||
.hlist ol > li { | |||
} | |||
.hlist ol > li:before { | |||
} | |||
.hlist dd ol > li:first-child:before, | .hlist dd ol > li:first-child:before, | ||
.hlist dt ol > li:first-child:before, | .hlist dt ol > li:first-child:before, | ||
.hlist li ol > li:first-child:before { | .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; } | ||
.plainlist ol, .plainlist ul { | |||
} | |||
ย | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | line-height: inherit; | ||
list-style: none none; | list-style: none none; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.plainlist ol li, | .plainlist ol li, .plainlist ul li { margin-bottom: 0; } | ||
.plainlist ul li { | |||
} | |||
/* | /* Navigation boxes */ | ||
.navbox { | .navbox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| Line 220: | Line 123: | ||
text-align: center; | text-align: center; | ||
padding: 1px; | padding: 1px; | ||
margin: 1em auto 0 | margin: 1em auto 0; | ||
} | } | ||
.navbox-group, | .navbox .navbox { margin-top: 0; } | ||
.navbox-title, | .navbox + .navbox { margin-top: -1px; } | ||
.navbox-abovebelow { | .navbox-inner, .navbox-subgroup { width: 100%; } | ||
padding: 0.25em 1em; | .navbox-group, .navbox-title, .navbox-abovebelow { | ||
padding: 0.25em 1em; | |||
line-height: 1.5em; | line-height: 1.5em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
th.navbox-group { | th.navbox-group { | ||
white-space: nowrap; | white-space: nowrap; | ||
/* @noflip */ | /* @noflip */ | ||
text-align: right; | text-align: right; | ||
} | } | ||
.navbox, | .navbox, .navbox-subgroup { background-color: #fdfdfd; } | ||
.navbox-subgroup { | |||
} | |||
.navbox-list { | .navbox-list { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
border-color: #fdfdfd; | border-color: #fdfdfd; | ||
} | } | ||
tr + tr > .navbox-abovebelow, | tr + tr > .navbox-abovebelow, | ||
tr + tr > .navbox-group, | tr + tr > .navbox-group, | ||
tr + tr > .navbox-image, | tr + tr > .navbox-image, | ||
tr + tr > .navbox-list { | tr + tr > .navbox-list { border-top: 2px solid #fdfdfd; } | ||
.navbox th, .navbox-title { background-color: #ccccff; } | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
} | |||
.navbox-abovebelow, | .navbox-abovebelow, | ||
th.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { background-color: #ddddff; } | ||
} | |||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { background-color: #e6e6ff; } | ||
.navbox-even { background-color: #f7f7f7; } | |||
} | .navbox-odd { background-color: transparent; } | ||
.navbox-even { | .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, | ||
.navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; } | |||
} | |||
.navbox-odd { | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
} | |||
/* | /* Navbar template */ | ||
.navbar { | .navbar { | ||
display: inline; | display: inline; | ||
| Line 297: | Line 168: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.mw-body-content .navbar ul { | .mw-body-content .navbar ul { line-height: inherit; } | ||
.navbar li { word-spacing: -0.125em; } | |||
} | |||
.navbar li { | |||
} | |||
.navbar.mini li abbr[title] { | .navbar.mini li abbr[title] { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Line 309: | Line 176: | ||
cursor: inherit; | cursor: inherit; | ||
} | } | ||
.infobox .navbar { font-size: 100%; } | |||
.infobox .navbar { | |||
} | |||
.navbox .navbar { | .navbox .navbar { | ||
display: block; | display: block; | ||
| Line 325: | Line 189: | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | } | ||
.mw-parser-output .mw-collapsible-toggle { | .mw-parser-output .mw-collapsible-toggle { | ||
font-weight: normal; | font-weight: normal; | ||
| Line 337: | Line 199: | ||
/* @noflip */ | /* @noflip */ | ||
float: left; | float: left; | ||
} | } | ||
/* | /* Infoboxes */ | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| Line 363: | Line 223: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.infobox td, | .infobox td, .infobox th { | ||
.infobox th { | |||
vertical-align: top; | vertical-align: top; | ||
/* @noflip */ | /* @noflip */ | ||
text-align: left; | text-align: left; | ||
} | } | ||
.infobox.bordered { | .infobox.bordered { border-collapse: collapse; } | ||
.infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } | |||
} | .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } | ||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
} | |||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
} | |||
ย | |||
.infobox.sisterproject { | .infobox.sisterproject { | ||
width: 20em; | width: 20em; | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.infobox.standard-talk { | .infobox.standard-talk { | ||
border: 1px solid #c0c090; | border: 1px solid #c0c090; | ||
| Line 391: | Line 240: | ||
} | } | ||
.infobox.standard-talk.bordered td, | .infobox.standard-talk.bordered td, | ||
.infobox.standard-talk.bordered th { | .infobox.standard-talk.bordered th { border: 1px solid #c0c090; } | ||
} | |||
ย | |||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
.infobox.bordered .mergedtoprow th { | .infobox.bordered .mergedtoprow th { | ||
| Line 403: | Line 248: | ||
border-right: 1px solid #a2a9b1; | border-right: 1px solid #a2a9b1; | ||
} | } | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
| Line 410: | Line 254: | ||
border-right: 1px solid #a2a9b1; | border-right: 1px solid #a2a9b1; | ||
} | } | ||
.infobox.geography { | .infobox.geography { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 418: | Line 259: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
ย | .infobox.geography td, .infobox.geography th { | ||
.infobox.geography | |||
.infobox.geography | |||
border-top: 1px solid #a2a9b1; | border-top: 1px solid #a2a9b1; | ||
padding: 0.4em 0.6em 0.4em 0.6em; | padding: 0.4em 0.6em 0.4em 0.6em; | ||
| Line 429: | Line 268: | ||
padding: 0.4em 0.6em 0.2em 0.6em; | padding: 0.4em 0.6em 0.2em 0.6em; | ||
} | } | ||
.infobox.geography .mergedrow td, | .infobox.geography .mergedrow td, | ||
.infobox.geography .mergedrow th { | .infobox.geography .mergedrow th { | ||
| Line 435: | Line 273: | ||
padding: 0 0.6em 0.2em 0.6em; | padding: 0 0.6em 0.2em 0.6em; | ||
} | } | ||
.infobox.geography .mergedbottomrow td, | .infobox.geography .mergedbottomrow td, | ||
.infobox.geography .mergedbottomrow th { | .infobox.geography .mergedbottomrow th { | ||
| Line 442: | Line 279: | ||
padding: 0 0.6em 0.4em 0.6em; | padding: 0 0.6em 0.4em 0.6em; | ||
} | } | ||
.infobox.geography .maptable td, | .infobox.geography .maptable td, | ||
.infobox.geography .maptable th { | .infobox.geography .maptable th { | ||
| Line 449: | Line 285: | ||
} | } | ||
/* | /* Tables and media links */ | ||
.wikitable.plainrowheaders th[scope=row] { | .wikitable.plainrowheaders th[scope=row] { | ||
font-weight: normal; | font-weight: normal; | ||
| Line 455: | Line 291: | ||
text-align: left; | text-align: left; | ||
} | } | ||
ย | .wikitable td ul, .wikitable td ol, .wikitable td dl { | ||
.wikitable td ul, | |||
.wikitable td ol, | |||
.wikitable td dl { | |||
/* @noflip */ | /* @noflip */ | ||
text-align: left; | text-align: left; | ||
} | } | ||
.toc.hlist ul, #toc.hlist ul, | |||
.toc.hlist ul, | .wikitable.hlist td ul, .wikitable.hlist td ol, .wikitable.hlist td dl { text-align: inherit; } | ||
#toc.hlist ul, | |||
.wikitable.hlist td ul, | |||
.wikitable.hlist td ol, | |||
.wikitable.hlist td dl { | |||
} | |||
ย | |||
div.listenlist { | div.listenlist { | ||
background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent; | background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent; | ||
| Line 481: | Line 302: | ||
padding-left: 40px; | padding-left: 40px; | ||
} | } | ||
ย | table.mw-hiero-table td { vertical-align: middle; } | ||
table.mw-hiero-table td { | |||
} | |||
ย | |||
.mw-parser-output a[href$=".pdf"].external, | .mw-parser-output a[href$=".pdf"].external, | ||
.mw-parser-output a[href*=".pdf?"].external, | .mw-parser-output a[href*=".pdf?"].external, | ||
| Line 522: | Line 337: | ||
margin: 4px auto; | margin: 4px auto; | ||
} | } | ||
.mbox-inside .standard-talk, .messagebox.nested-talk { | |||
.mbox-inside .standard-talk, | |||
.messagebox.nested-talk { | |||
border: 1px solid #c0c090; | border: 1px solid #c0c090; | ||
background-color: #f8eaba; | background-color: #f8eaba; | ||
| Line 552: | Line 365: | ||
background-color: #f8eaba; | background-color: #f8eaba; | ||
} | } | ||
ย | th.mbox-text, td.mbox-text { | ||
th.mbox-text, td.mbox-text { | |||
border: none; | border: none; | ||
/* @noflip */ | /* @noflip */ | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
width: 100%; | width: 100%; | ||
} | } | ||
td.mbox-image { | td.mbox-image { | ||
border: none; | border: none; | ||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0 2px 0.9em; | padding: 2px 0 2px 0.9em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
td.mbox-imageright { | td.mbox-imageright { | ||
border: none; | border: none; | ||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0.9em 2px 0; | padding: 2px 0.9em 2px 0; | ||
text-align: center; | text-align: center; | ||
} | } | ||
td.mbox-empty-cell { | td.mbox-empty-cell { | ||
border: none; | border: none; | ||
padding: 0; | padding: 0; | ||
| Line 578: | Line 389: | ||
} | } | ||
/* Article message | /* Article message boxes */ | ||
table.ambox { | table.ambox { | ||
margin: 0 10%; | margin: 0 10%; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #36c; | border-left: 10px solid #36c; | ||
background-color: #fbfbfb; | background-color: #fbfbfb; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
table.ambox + table.ambox { | table.ambox + table.ambox { margin-top: -1px; } | ||
.ambox th.mbox-text, .ambox td.mbox-text { | |||
/* @noflip */ | |||
padding: 0.25em 0.5em; | |||
} | } | ||
.ambox td.mbox-image { | |||
.ambox td.mbox-image { | |||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0 2px 0.5em; | padding: 2px 0 2px 0.5em; | ||
} | } | ||
.ambox td.mbox-imageright { | .ambox td.mbox-imageright { | ||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0.5em 2px 0; | padding: 2px 0.5em 2px 0; | ||
} | } | ||
table.ambox-notice { | table.ambox-notice { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #36c; | border-left: 10px solid #36c; | ||
} | } | ||
table.ambox-speedy { | table.ambox-speedy { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #b32424; | border-left: 10px solid #b32424; | ||
background-color: #fee7e6; | background-color: #fee7e6; | ||
} | } | ||
table.ambox-delete { | table.ambox-delete { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #b32424; | border-left: 10px solid #b32424; | ||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #f28500; | border-left: 10px solid #f28500; | ||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #fc3; | border-left: 10px solid #fc3; | ||
} | } | ||
table.ambox-move { | table.ambox-move { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #9932cc; | border-left: 10px solid #9932cc; | ||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #a2a9b1; | border-left: 10px solid #a2a9b1; | ||
} | } | ||
/* Image message | /* Image message boxes */ | ||
table.imbox { | table.imbox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 3px solid #36c; | border: 3px solid #36c; | ||
background-color: #fbfbfb; | background-color: #fbfbfb; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.imbox .mbox-text .imbox { | .imbox .mbox-text .imbox { | ||
margin: 0 -0.5em; | margin: 0 -0.5em; | ||
display: block | display: block; | ||
} | } | ||
.mbox-inside .imbox { margin: 4px; } | |||
table.imbox-notice { border: 3px solid #36c; } | |||
table.imbox-speedy { border: 3px solid #b32424; background-color: #fee7e6; } | |||
table.imbox-delete { border: 3px solid #b32424; } | |||
table.imbox-content { border: 3px solid #f28500; } | |||
table.imbox-style { border: 3px solid #fc3; } | |||
table.imbox-move { border: 3px solid #9932cc; } | |||
table.imbox-protection { border: 3px solid #a2a9b1; } | |||
table.imbox-license { border: 3px solid #88a; background-color: #f7f8ff; } | |||
table.imbox-featured { border: 3px solid #cba135; } | |||
/* Category message boxes */ | |||
ย | |||
/* Category message | |||
table.cmbox { | table.cmbox { | ||
margin: 3px 10%; | margin: 3px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background-color: #dfe8ff; | background-color: #dfe8ff; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
table.cmbox-notice { background-color: #d8e8ff; } | |||
table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b32424; background-color: #ffdbdb; } | |||
table.cmbox-delete { background-color: #ffdbdb; } | |||
table.cmbox-content { background-color: #ffe7ce; } | |||
table.cmbox-style { background-color: #fff9db; } | |||
table.cmbox-move { background-color: #e4d8ff; } | |||
table.cmbox-protection { background-color: #efefe1; } | |||
/* Other message boxes */ | |||
ย | |||
/* Other | |||
table.ombox { | table.ombox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
table.ombox-notice { border: 1px solid #a2a9b1; } | |||
table.ombox-speedy { border: 2px solid #b32424; background-color: #fee7e6; } | |||
table.ombox-delete { border: 2px solid #b32424; } | |||
table.ombox-content { border: 1px solid #f28500; } | |||
table.ombox-style { border: 1px solid #fc3; } | |||
table.ombox-move { border: 1px solid #9932cc; } | |||
table.ombox-protection { border: 2px solid #a2a9b1; } | |||
/* Talk-page message boxes */ | |||
ย | |||
table.tmbox { | table.tmbox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #c0c090; | border: 1px solid #c0c090; | ||
background-color: #f8eaba; | background-color: #f8eaba; | ||
min-width: 80%; | min-width: 80%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.tmbox.mbox-small { | .tmbox.mbox-small { min-width: 0; } | ||
.mediawiki .mbox-inside .tmbox { margin: 2px 0; width: 100%; } | |||
} | .mbox-inside .tmbox.mbox-small { line-height: 1.5em; font-size: 100%; } | ||
.mediawiki .mbox-inside .tmbox { | table.tmbox-speedy { border: 2px solid #b32424; background-color: #fee7e6; } | ||
table.tmbox-delete { border: 2px solid #b32424; } | |||
table.tmbox-content { border: 2px solid #f28500; } | |||
} | table.tmbox-style { border: 2px solid #fc3; } | ||
.mbox-inside .tmbox.mbox-small { | table.tmbox-move { border: 2px solid #9932cc; } | ||
table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; } | |||
} | |||
/* Footer and header message boxes */ | |||
ย | |||
/* Footer and header message | |||
table.fmbox { | table.fmbox { | ||
clear: both; | clear: both; | ||
| Line 793: | Line 521: | ||
width: 100%; | width: 100%; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
table.fmbox-system { | table.fmbox-system { background-color: #f8f9fa; } | ||
table.fmbox-warning { border: 1px solid #bb7070; background-color: #ffdbdb; } | |||
} | table.fmbox-editnotice { background-color: transparent; } | ||
table.fmbox-warning { | |||
} | |||
table.fmbox-editnotice { | |||
} | |||
div.mw-warning-with-logexcerpt, | div.mw-warning-with-logexcerpt, | ||
div.mw-lag-warn-high, | div.mw-lag-warn-high, | ||
| Line 821: | Line 541: | ||
} | } | ||
/* | /* Small and compact message boxes */ | ||
html body.mediawiki .mbox-small { | |||
html body.mediawiki .mbox-small { | |||
/* @noflip */ | /* @noflip */ | ||
clear: right; | clear: right; | ||
| Line 836: | Line 554: | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | } | ||
html body.mediawiki .mbox-small-left { | html body.mediawiki .mbox-small-left { | ||
/* @noflip */ | /* @noflip */ | ||
margin: 4px 1em 4px 0; | margin: 4px 1em 4px 0; | ||
| Line 846: | Line 564: | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | } | ||
.compact-ambox table .mbox-image, | .compact-ambox table .mbox-image, | ||
.compact-ambox table .mbox-imageright, | .compact-ambox table .mbox-imageright, | ||
.compact-ambox table .mbox-empty-cell { | .compact-ambox table .mbox-empty-cell { display: none; } | ||
} | |||
.compact-ambox table.ambox { | .compact-ambox table.ambox { | ||
border: none; | border: none; | ||
| Line 864: | Line 576: | ||
display: block; | display: block; | ||
} | } | ||
body.mediawiki .compact-ambox table.mbox-small-left { | body.mediawiki .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; } | ||
.compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; } | |||
} | |||
.compact-ambox table .mbox-text { | |||
} | |||
.compact-ambox table .mbox-text-span { | .compact-ambox table .mbox-text-span { | ||
display: list-item; | display: list-item; | ||
| Line 884: | Line 588: | ||
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg); | list-style-image: url(/w/skins/Vector/images/bullet-icon.svg); | ||
} | } | ||
.compact-ambox .hide-when-compact { display: none; } | |||
.compact-ambox .hide-when-compact { | |||
} | |||
ย | |||
.visualhide { | .visualhide { | ||
position: absolute; | position: absolute; | ||
| Line 898: | Line 597: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.check-icon a.new { display: none; speak: none; } | |||
.nounderlines a, .IPA a:link, .IPA a:visited { text-decoration: none !important; } | |||
/* | /* Older collapsible navigation frames */ | ||
ย | |||
ย | |||
div.NavFrame { | div.NavFrame { | ||
margin: 0; | margin: 0; | ||
| Line 923: | Line 609: | ||
font-size: 95%; | font-size: 95%; | ||
} | } | ||
div.NavFrame + div.NavFrame { | div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } | ||
} | |||
div.NavFrame div.NavHead { | div.NavFrame div.NavHead { | ||
line-height: 1.6em; | line-height: 1.6em; | ||
| Line 933: | Line 616: | ||
position: relative; | position: relative; | ||
} | } | ||
div.NavFrame p, | div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } | ||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
} | |||
a.NavToggle { | a.NavToggle { | ||
position: absolute; | position: absolute; | ||
| Line 947: | Line 626: | ||
} | } | ||
/* Hatnotes and | /* Hatnotes, coordinates, documentation and miscellaneous templates */ | ||
.hatnote { | .hatnote { font-style: italic; } | ||
.hatnote i { font-style: normal; } | |||
} | |||
.hatnote i { | |||
} | |||
div.hatnote { | div.hatnote { | ||
/* @noflip */ | /* @noflip */ | ||
| Line 959: | Line 634: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
div.hatnote + div.hatnote { | div.hatnote + div.hatnote { margin-top: -0.5em; } | ||
.listify td { display: list-item; } | |||
} | .listify tr, .listify table { display: block; } | ||
ย | .geo-default, .geo-dms, .geo-dec { display: inline; } | ||
.geo-nondefault, .geo-multi-punct { display: none; } | |||
.listify td { | .longitude, .latitude { white-space: nowrap; } | ||
} | |||
.listify tr | |||
.listify table { | |||
} | |||
ย | |||
.geo-default, .geo-dms, .geo-dec { | |||
} | |||
.geo-nondefault, .geo-multi-punct { | |||
} | |||
.longitude, .latitude { | |||
} | |||
ย | |||
div.user-block { | div.user-block { | ||
padding: 5px; | padding: 5px; | ||
| Line 995: | Line 646: | ||
background-color: #ffefd5; | background-color: #ffefd5; | ||
} | } | ||
ย | .nowrap, .nowraplinks a, .nowraplinks .selflink { white-space: nowrap; } | ||
.nowrap pre { white-space: pre; } | |||
.wrap, .wraplinks a { white-space: normal; } | |||
.nowrap, | |||
.nowraplinks a, | |||
.nowraplinks .selflink { | |||
} | |||
.nowrap pre { | |||
} | |||
.wrap, | |||
.wraplinks a { | |||
} | |||
ย | |||
.template-documentation { | .template-documentation { | ||
clear: both; | clear: both; | ||
| Line 1,023: | Line 656: | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
ย | #wpUploadDescription { height: 13em; } | ||
.thumbinner { min-width: 100px; } | |||
#wpUploadDescription { | |||
} | |||
ย | |||
.thumbinner { | |||
} | |||
ย | |||
#mw-subcategories, #mw-pages, #mw-category-media, | #mw-subcategories, #mw-pages, #mw-category-media, | ||
#filehistory, #wikiPreview, #wikiDiff { | #filehistory, #wikiPreview, #wikiDiff { clear: both; } | ||
.wpb .wpb-header { display: none; } | |||
} | .wpbs-inner .wpb .wpb-header { display: block; display: table-row; } | ||
ย | .wpbs-inner .wpb-outside { display: none; } | ||
.mw-tag-markers { font-style: italic; font-size: 90%; } | |||
.wpb .wpb-header { | |||
} | |||
.wpbs-inner .wpb .wpb-header { | |||
} | |||
.wpbs-inner .wpb-outside { | |||
} | |||
/* | /* Group-specific CSS can selectively reveal these elements. */ | ||
ย | |||
.checkuser-show, | .checkuser-show, | ||
.sysop-show, | .sysop-show, | ||
| Line 1,073: | Line 673: | ||
.extendedconfirmed-show, | .extendedconfirmed-show, | ||
.autoconfirmed-show, | .autoconfirmed-show, | ||
.user-show { | .user-show { display: none; } | ||
} | |||
ย | |||
ย | |||
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, | .ve-ui-mwNoticesPopupTool-item .editnotice-redlink, | ||
.ve-ui-mwNoticesPopupTool-item .mbox-image, | .ve-ui-mwNoticesPopupTool-item .mbox-image, | ||
.ve-ui-mwNoticesPopupTool-item .mbox-imageright { | .ve-ui-mwNoticesPopupTool-item .mbox-imageright { display: none !important; } | ||
ul.permissions-errors > li { list-style: none none; } | |||
} | ul.permissions-errors { margin: 0; } | ||
ย | |||
ul.permissions-errors > li { | |||
} | |||
ul.permissions-errors { | |||
} | |||
/* | /* Mathematics and numeric typography */ | ||
.times-serif, | .times-serif, span.texhtml { | ||
span.texhtml { | |||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | ||
font-size: 118%; | font-size: 118%; | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
span.texhtml { | span.texhtml { white-space: nowrap; } | ||
span.texhtml span.texhtml { font-size: 100%; } | |||
} | span.mwe-math-mathml-inline { font-size: 118%; } | ||
span.texhtml span.texhtml { | .digits, .texhtml { | ||
} | |||
span.mwe-math-mathml-inline { | |||
} | |||
ย | |||
.digits, | |||
.texhtml { | |||
-moz-font-feature-settings: "lnum", "tnum", "kern" 0; | -moz-font-feature-settings: "lnum", "tnum", "kern" 0; | ||
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0; | -webkit-font-feature-settings: "lnum", "tnum", "kern" 0; | ||
| Line 1,123: | Line 696: | ||
font-kerning: none; | font-kerning: none; | ||
} | } | ||
ย | .mwe-math-fallback-image-display, .mwe-math-mathml-display { | ||
.mwe-math-fallback-image-display, | |||
.mwe-math-mathml-display { | |||
margin-left: 1.6em !important; | margin-left: 1.6em !important; | ||
margin-top: 0.6em; | margin-top: 0.6em; | ||
margin-bottom: 0.6em; | margin-bottom: 0.6em; | ||
} | } | ||
.mwe-math-mathml-display math { | .mwe-math-mathml-display math { display: inline; } | ||
table#mw-prefixindex-list-table, table#mw-prefixindex-nav-table { width: 98%; } | |||
} | |||
ย | |||
table#mw-prefixindex-list-table, | |||
table#mw-prefixindex-nav-table { | |||
} | |||
ย | |||
.inputbox-hidecheckboxes form .inputbox-element, | .inputbox-hidecheckboxes form .inputbox-element, | ||
.inputbox-hidecheckboxes .mw-ui-checkbox { | .inputbox-hidecheckboxes .mw-ui-checkbox { display: none; } | ||
.k-player .k-attribution { visibility: hidden; } | |||
} | |||
ย | |||
.k-player .k-attribution { | |||
} | |||
ย | |||
.PopUpMediaTransform a .play-btn-large { | .PopUpMediaTransform a .play-btn-large { | ||
margin: 0; | margin: 0; | ||
| Line 1,160: | Line 713: | ||
left: 0; | left: 0; | ||
} | } | ||
.flaggedrevs_draft_synced, .flaggedrevs_stable_synced { display: none; } | |||
.bordered-images img { border: solid #ddd 1px; } | |||
/* Gallery backgrounds and site subtitle */ | |||
ย | |||
ย | |||
/* Gallery | |||
@media screen { | @media screen { | ||
#content .gallerybox div.thumb { background-color: #f8f9fa; } | |||
#content .gallerybox div.thumb { | |||
.gallerybox .thumb img { | .gallerybox .thumb img { | ||
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; | background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; | ||
} | } | ||
.ns-0 .gallerybox .thumb img, | .ns-0 .gallerybox .thumb img, | ||
.ns-2 .gallerybox .thumb img, | .ns-2 .gallerybox .thumb img, | ||
.ns-100 .gallerybox .thumb img, | .ns-100 .gallerybox .thumb img, | ||
.nochecker .gallerybox .thumb img { | .nochecker .gallerybox .thumb img { background-image: none; } | ||
#siteSub { display: block; } | |||
} | } | ||
/* Theme-aware box overrides. | |||
* MediaWiki's color variables follow light, dark, and automatic appearance. | |||
* Keep these overrides after the legacy rules above. | |||
*/ | |||
.navbox, | |||
.navbox-subgroup { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
color: var(--color-base, #202122); | |||
border-color: var(--border-color-base, #a2a9b1); | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background-color: var(--background-color-interactive, #eaecf0); | |||
color: var(--color-base, #202122); | |||
} | } | ||
ย | .navbox-abovebelow, | ||
th.navbox-group, | |||
.navbox-subgroup .navbox-title, | |||
# | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | |||
} | background-color: var(--background-color-neutral, #eaecf0); | ||
color: var(--color-base, #202122); | |||
} | |||
.navbox-even { background-color: var(--background-color-neutral-subtle, #f8f9fa); } | |||
.navbox-odd { background-color: transparent; } | |||
.navbox-list { border-color: var(--background-color-neutral-subtle, #f8f9fa); } | |||
tr + tr > .navbox-abovebelow, | |||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { | |||
border-top-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
} | |||
.infobox, | |||
.infobox.standard-talk { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
color: var(--color-base, #202122); | |||
border-color: var(--border-color-base, #a2a9b1); | |||
} | |||
.infobox.bordered td, | |||
.infobox.bordered th, | |||
.infobox.geography td, | |||
.infobox.geography th { | |||
border-color: var(--border-color-base, #a2a9b1); | |||
} | |||
div.NavFrame { border-color: var(--border-color-base, #a2a9b1); } | |||
div.NavFrame div.NavHead { | |||
background-color: var(--background-color-interactive, #eaecf0); | |||
color: var(--color-base, #202122); | |||
} | |||
.template-documentation { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
color: var(--color-base, #202122); | |||
border-color: var(--border-color-base, #a2a9b1); | |||
} | } | ||
Latest revision as of 21:22, 18 October 2026
/* MediaWiki:Common.css โ migrated site styles with theme-aware box colors.
* Copy this entire file into MediaWiki:Common.css.
*/
/* Typography and basic layout */
cite, dfn { font-style: inherit; }
q { quotes: '"' '"' "'" "'"; }
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
pre, .mw-code {
overflow-x: hidden;
overflow-wrap: break-word;
}
small { font-size: 85%; }
.mw-body-content sub,
.mw-body-content sup,
span.reference { font-size: 80%; }
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
#interwiki-completelist { font-weight: bold; }
/* Collapsible content and editing interfaces */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .NavFrame.collapsed .NavContent,
.client-js .collapsible:not(.mw-made-collapsible).collapsed > tbody > tr:not(:first-child) {
display: none;
}
.mw-rcfilters-enabled .mw-specialpage-summary { margin-top: 1em; }
#editpage-specialchars { display: none; }
body.action-info .mw-body-content :target,
.citation:target {
background-color: #def;
background-color: rgba(0, 127, 255, 0.133);
}
.citation { word-wrap: break-word; }
@media screen, handheld {
.citation .printonly { display: none; }
}
/* References and columns */
ol.references, div.reflist {
font-size: 90%;
margin-bottom: 0.5em;
}
div.reflist ol.references {
font-size: 100%;
margin-bottom: 0;
list-style-type: inherit;
}
span.brokenref { display: none; }
div.columns { margin-top: 0.3em; }
div.columns dl, div.columns ol, div.columns ul { margin-top: 0; }
.nocolbreak, div.columns li, div.columns dd dd {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
/* Horizontal lists
* Source: mediawiki.org/wiki/Snippets/Horizontal_lists
* Revision 8 (2016-05-21), User:Edokter
*/
.hlist dl, .hlist ol, .hlist ul {
margin: 0;
padding: 0;
}
.hlist dd, .hlist dt, .hlist li {
margin: 0;
display: inline;
}
.hlist.inline,
.hlist.inline dl, .hlist.inline ol, .hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; }
.hlist .mw-empty-li { display: none; }
.hlist dt:after { content: ": "; }
/* Minerva also defines .hlist: see phabricator.wikimedia.org/T213239. */
.hlist dd:after, .hlist li:after {
content: " ยท ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after { content: none; }
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
.hlist ol { counter-reset: listitem; }
.hlist ol > li { counter-increment: listitem; }
.hlist ol > li:before { content: " " counter(listitem) "\a0"; }
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }
.plainlist ol, .plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ol li, .plainlist ul li { margin-bottom: 0; }
/* Navigation boxes */
.navbox {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0;
}
.navbox .navbox { margin-top: 0; }
.navbox + .navbox { margin-top: -1px; }
.navbox-inner, .navbox-subgroup { width: 100%; }
.navbox-group, .navbox-title, .navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}
th.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox, .navbox-subgroup { background-color: #fdfdfd; }
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd;
}
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { border-top: 2px solid #fdfdfd; }
.navbox th, .navbox-title { background-color: #ccccff; }
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title { background-color: #ddddff; }
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow { background-color: #e6e6ff; }
.navbox-even { background-color: #f7f7f7; }
.navbox-odd { background-color: transparent; }
.navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul,
.navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; }
/* Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.mw-body-content .navbar ul { line-height: inherit; }
.navbar li { word-spacing: -0.125em; }
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
.infobox .navbar { font-size: 100%; }
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}
/* Infoboxes */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td, .infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered { border-collapse: collapse; }
.infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; }
.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th { border: 1px solid #c0c090; }
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td, .infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Tables and media links */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}
.wikitable td ul, .wikitable td ol, .wikitable td dl {
/* @noflip */
text-align: left;
}
.toc.hlist ul, #toc.hlist ul,
.wikitable.hlist td ul, .wikitable.hlist td ol, .wikitable.hlist td dl { text-align: inherit; }
div.listenlist {
background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
background-size: 30px;
padding-left: 40px;
}
table.mw-hiero-table td { vertical-align: middle; }
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* Messagebox templates */
.messagebox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto;
}
.mbox-inside .standard-talk, .messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
background-color: #f8eaba;
}
th.mbox-text, td.mbox-text {
border: none;
/* @noflip */
padding: 0.25em 0.9em;
width: 100%;
}
td.mbox-image {
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;
text-align: center;
}
td.mbox-imageright {
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;
text-align: center;
}
td.mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
/* Article message boxes */
table.ambox {
margin: 0 10%;
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box;
}
table.ambox + table.ambox { margin-top: -1px; }
.ambox th.mbox-text, .ambox td.mbox-text {
/* @noflip */
padding: 0.25em 0.5em;
}
.ambox td.mbox-image {
/* @noflip */
padding: 2px 0 2px 0.5em;
}
.ambox td.mbox-imageright {
/* @noflip */
padding: 2px 0.5em 2px 0;
}
table.ambox-notice {
/* @noflip */
border-left: 10px solid #36c;
}
table.ambox-speedy {
/* @noflip */
border-left: 10px solid #b32424;
background-color: #fee7e6;
}
table.ambox-delete {
/* @noflip */
border-left: 10px solid #b32424;
}
table.ambox-content {
/* @noflip */
border-left: 10px solid #f28500;
}
table.ambox-style {
/* @noflip */
border-left: 10px solid #fc3;
}
table.ambox-move {
/* @noflip */
border-left: 10px solid #9932cc;
}
table.ambox-protection {
/* @noflip */
border-left: 10px solid #a2a9b1;
}
/* Image message boxes */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box;
}
.imbox .mbox-text .imbox {
margin: 0 -0.5em;
display: block;
}
.mbox-inside .imbox { margin: 4px; }
table.imbox-notice { border: 3px solid #36c; }
table.imbox-speedy { border: 3px solid #b32424; background-color: #fee7e6; }
table.imbox-delete { border: 3px solid #b32424; }
table.imbox-content { border: 3px solid #f28500; }
table.imbox-style { border: 3px solid #fc3; }
table.imbox-move { border: 3px solid #9932cc; }
table.imbox-protection { border: 3px solid #a2a9b1; }
table.imbox-license { border: 3px solid #88a; background-color: #f7f8ff; }
table.imbox-featured { border: 3px solid #cba135; }
/* Category message boxes */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;
box-sizing: border-box;
}
table.cmbox-notice { background-color: #d8e8ff; }
table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b32424; background-color: #ffdbdb; }
table.cmbox-delete { background-color: #ffdbdb; }
table.cmbox-content { background-color: #ffe7ce; }
table.cmbox-style { background-color: #fff9db; }
table.cmbox-move { background-color: #e4d8ff; }
table.cmbox-protection { background-color: #efefe1; }
/* Other message boxes */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box;
}
table.ombox-notice { border: 1px solid #a2a9b1; }
table.ombox-speedy { border: 2px solid #b32424; background-color: #fee7e6; }
table.ombox-delete { border: 2px solid #b32424; }
table.ombox-content { border: 1px solid #f28500; }
table.ombox-style { border: 1px solid #fc3; }
table.ombox-move { border: 1px solid #9932cc; }
table.ombox-protection { border: 2px solid #a2a9b1; }
/* Talk-page message boxes */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box;
}
.tmbox.mbox-small { min-width: 0; }
.mediawiki .mbox-inside .tmbox { margin: 2px 0; width: 100%; }
.mbox-inside .tmbox.mbox-small { line-height: 1.5em; font-size: 100%; }
table.tmbox-speedy { border: 2px solid #b32424; background-color: #fee7e6; }
table.tmbox-delete { border: 2px solid #b32424; }
table.tmbox-content { border: 2px solid #f28500; }
table.tmbox-style { border: 2px solid #fc3; }
table.tmbox-move { border: 2px solid #9932cc; }
table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; }
/* Footer and header message boxes */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box;
}
table.fmbox-system { background-color: #f8f9fa; }
table.fmbox-warning { border: 1px solid #bb7070; background-color: #ffdbdb; }
table.fmbox-editnotice { background-color: transparent; }
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* Small and compact message boxes */
html body.mediawiki .mbox-small {
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell { display: none; }
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; }
.compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; }
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
.skin-vector .compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
}
.compact-ambox .hide-when-compact { display: none; }
.visualhide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.check-icon a.new { display: none; speak: none; }
.nounderlines a, .IPA a:link, .IPA a:visited { text-decoration: none !important; }
/* Older collapsible navigation frames */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #a2a9b1;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; }
div.NavFrame div.NavHead {
line-height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; }
a.NavToggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* Hatnotes, coordinates, documentation and miscellaneous templates */
.hatnote { font-style: italic; }
.hatnote i { font-style: normal; }
div.hatnote {
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
div.hatnote + div.hatnote { margin-top: -0.5em; }
.listify td { display: list-item; }
.listify tr, .listify table { display: block; }
.geo-default, .geo-dms, .geo-dec { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }
div.user-block {
padding: 5px;
margin-bottom: 0.5em;
border: 1px solid #a9a9a9;
background-color: #ffefd5;
}
.nowrap, .nowraplinks a, .nowraplinks .selflink { white-space: nowrap; }
.nowrap pre { white-space: pre; }
.wrap, .wraplinks a { white-space: normal; }
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
padding: 1em;
}
#wpUploadDescription { height: 13em; }
.thumbinner { min-width: 100px; }
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff { clear: both; }
.wpb .wpb-header { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; display: table-row; }
.wpbs-inner .wpb-outside { display: none; }
.mw-tag-markers { font-style: italic; font-size: 90%; }
/* Group-specific CSS can selectively reveal these elements. */
.checkuser-show,
.sysop-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show { display: none; }
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright { display: none !important; }
ul.permissions-errors > li { list-style: none none; }
ul.permissions-errors { margin: 0; }
/* Mathematics and numeric typography */
.times-serif, span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
}
span.texhtml { white-space: nowrap; }
span.texhtml span.texhtml { font-size: 100%; }
span.mwe-math-mathml-inline { font-size: 118%; }
.digits, .texhtml {
-moz-font-feature-settings: "lnum", "tnum", "kern" 0;
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
.mwe-math-fallback-image-display, .mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.mwe-math-mathml-display math { display: inline; }
table#mw-prefixindex-list-table, table#mw-prefixindex-nav-table { width: 98%; }
.inputbox-hidecheckboxes form .inputbox-element,
.inputbox-hidecheckboxes .mw-ui-checkbox { display: none; }
.k-player .k-attribution { visibility: hidden; }
.PopUpMediaTransform a .play-btn-large {
margin: 0;
top: auto;
right: auto;
bottom: 0;
left: 0;
}
.flaggedrevs_draft_synced, .flaggedrevs_stable_synced { display: none; }
.bordered-images img { border: solid #ddd 1px; }
/* Gallery backgrounds and site subtitle */
@media screen {
#content .gallerybox div.thumb { background-color: #f8f9fa; }
.gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img { background-image: none; }
#siteSub { display: block; }
}
/* Theme-aware box overrides.
* MediaWiki's color variables follow light, dark, and automatic appearance.
* Keep these overrides after the legacy rules above.
*/
.navbox,
.navbox-subgroup {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
color: var(--color-base, #202122);
border-color: var(--border-color-base, #a2a9b1);
}
.navbox th,
.navbox-title {
background-color: var(--background-color-interactive, #eaecf0);
color: var(--color-base, #202122);
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: var(--background-color-neutral, #eaecf0);
color: var(--color-base, #202122);
}
.navbox-even { background-color: var(--background-color-neutral-subtle, #f8f9fa); }
.navbox-odd { background-color: transparent; }
.navbox-list { border-color: var(--background-color-neutral-subtle, #f8f9fa); }
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
border-top-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.infobox,
.infobox.standard-talk {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
color: var(--color-base, #202122);
border-color: var(--border-color-base, #a2a9b1);
}
.infobox.bordered td,
.infobox.bordered th,
.infobox.geography td,
.infobox.geography th {
border-color: var(--border-color-base, #a2a9b1);
}
div.NavFrame { border-color: var(--border-color-base, #a2a9b1); }
div.NavFrame div.NavHead {
background-color: var(--background-color-interactive, #eaecf0);
color: var(--color-base, #202122);
}
.template-documentation {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
color: var(--color-base, #202122);
border-color: var(--border-color-base, #a2a9b1);
}