MediaWiki:Common.css: Difference between revisions
Content deleted Content added
Johnrdorazio (talk | contribs) No edit summary |
Johnrdorazio (talk | contribs) No edit summary |
||
Line 6: | Line 6: | ||
/* Reset italic styling set by user agent */ |
/* Reset italic styling set by user agent */ |
||
cite, |
cite, |
||
dfn { |
|||
font-style: inherit; |
font-style: inherit; |
||
} |
} |
||
Line 26: | Line 27: | ||
font-size: 85%; |
font-size: 85%; |
||
} |
} |
||
.mw-body-content sub, |
.mw-body-content sub, |
||
.mw-body-content sup, |
.mw-body-content sup, |
||
Line 45: | Line 47: | ||
/* Reduce page jumps by hiding collapsed/dismissed content */ |
/* Reduce page jumps by hiding collapsed/dismissed content */ |
||
.client-js .mw-special-Watchlist #watchlist-message, |
.client-js .mw-special-Watchlist #watchlist-message, |
||
.client-js . |
.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) { |
|||
/* Hide charinsert base for those not using the gadget */ |
|||
#editpage-specialchars { |
|||
display: none; |
display: none; |
||
} |
} |
||
Line 53: | Line 57: | ||
.mw-rcfilters-enabled .mw-specialpage-summary { |
.mw-rcfilters-enabled .mw-specialpage-summary { |
||
margin-top: 1em; |
margin-top: 1em; |
||
} |
|||
/* Hide charinsert base for those not using the gadget */ |
|||
#editpage-specialchars { |
|||
display: none; |
|||
} |
} |
||
/* Highlight linked elements (such as clicked references) in blue */ |
/* Highlight linked elements (such as clicked references) in blue */ |
||
body.action-info .mw-body-content :target, |
|||
.citation:target { |
.citation:target { |
||
background-color: #def; /* Fallback */ |
|||
background-color: rgba(0, 127, 255, 0.133); |
background-color: rgba(0, 127, 255, 0.133); |
||
} |
} |
||
Line 72: | Line 69: | ||
} |
} |
||
/* Make the list of references smaller |
|||
/* For linked citation numbers and document IDs, where the number need not be shown |
|||
* Keep in sync with Template:Refbegin/styles.css |
|||
on a screen or a handheld, but should be included in the printed version */ |
|||
* And Template:Reflist/styles.css |
|||
@media screen, handheld { |
|||
*/ |
|||
.citation .printonly { |
|||
ol.references { |
|||
display: none; |
|||
font-size: 90%; |
|||
} |
|||
} |
|||
/* Make the list of references smaller */ |
|||
/* Keep in sync with Template:Refbegin/styles.css */ |
|||
ol.references, |
|||
div.reflist { |
|||
font-size: 90%; /* Default font-size */ |
|||
margin-bottom: 0.5em; |
margin-bottom: 0.5em; |
||
} |
|||
div.reflist ol.references { |
|||
font-size: 100%; /* Reset font-size when nested in div.reflist */ |
|||
margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ |
|||
list-style-type: inherit; /* Enable custom list style types */ |
|||
} |
|||
/* Allow hidden ref errors to be shown by user CSS */ |
|||
/* TemplateStyles */ |
|||
span.brokenref { |
|||
display: none; |
|||
} |
|||
/* Reset top margin for lists embedded in columns */ |
|||
div.columns { |
|||
margin-top: 0.3em; |
|||
} |
|||
div.columns dl, |
|||
div.columns ol, |
|||
div.columns ul { |
|||
margin-top: 0; |
|||
} |
|||
/* Avoid elements breaking between columns */ |
|||
.nocolbreak, |
|||
div.columns li, |
|||
div.columns dd { |
|||
-webkit-column-break-inside: avoid; |
|||
page-break-inside: avoid; |
|||
break-inside: avoid-column; |
|||
} |
} |
||
Line 129: | Line 89: | ||
padding: 0; |
padding: 0; |
||
} |
} |
||
/* Display list items inline */ |
/* Display list items inline */ |
||
.hlist dd, |
.hlist dd, |
||
.hlist dt, |
.hlist dt, |
||
.hlist li { |
.hlist li { |
||
margin: 0; /* don't trust the note that says margin doesn't work with inline |
|||
margin: 0; |
|||
* removing margin: 0 makes dds have margins again */ |
|||
display: inline; |
display: inline; |
||
} |
} |
||
/* Display nested lists inline */ |
/* Display nested lists inline */ |
||
.hlist.inline, |
.hlist.inline, |
||
Line 141: | Line 104: | ||
.hlist.inline ol, |
.hlist.inline ol, |
||
.hlist.inline ul, |
.hlist.inline ul, |
||
.hlist dl dl |
.hlist dl dl, |
||
.hlist |
.hlist dl ol, |
||
.hlist |
.hlist dl ul, |
||
.hlist ol dl, |
|||
.hlist ol ol, |
|||
.hlist ol ul, |
|||
.hlist ul dl, |
|||
.hlist ul ol, |
|||
.hlist ul ul { |
|||
display: inline; |
display: inline; |
||
} |
} |
||
/* Hide empty list items */ |
/* Hide empty list items */ |
||
.hlist .mw-empty-li { |
.hlist .mw-empty-li { |
||
display: none; |
display: none; |
||
} |
} |
||
/* Generate interpuncts */ |
/* Generate interpuncts */ |
||
.hlist dt:after { |
.hlist dt:after { |
||
content: ": "; |
content: ": "; |
||
} |
} |
||
/** |
/** |
||
* Note hlist style usage |
* Note hlist style usage differs in Minerva and is defined in core as well! |
||
* |
* Please check Minerva desktop (and Minerva.css) when changing |
||
* See https://phabricator.wikimedia.org/T213239 |
* See https://phabricator.wikimedia.org/T213239 |
||
*/ |
*/ |
||
Line 164: | Line 136: | ||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
||
.hlist dd:last-child:after, |
.hlist dd:last-child:after, |
||
.hlist dt:last-child:after, |
.hlist dt:last-child:after, |
||
Line 169: | Line 142: | ||
content: none; |
content: none; |
||
} |
} |
||
/* Add parentheses around nested lists */ |
/* Add parentheses around nested lists */ |
||
.hlist dd dd |
.hlist dd dd:first-child:before, |
||
.hlist |
.hlist dd dt:first-child:before, |
||
.hlist |
.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: " ("; |
content: " ("; |
||
font-weight: normal; |
font-weight: normal; |
||
} |
} |
||
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, |
|||
.hlist |
.hlist dd dd:last-child:after, |
||
.hlist |
.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: ")"; |
content: ")"; |
||
font-weight: normal; |
font-weight: normal; |
||
} |
} |
||
/* Put ordinals in front of ordered list items */ |
/* Put ordinals in front of ordered list items */ |
||
.hlist ol { |
.hlist ol { |
||
counter-reset: listitem; |
counter-reset: listitem; |
||
} |
} |
||
.hlist ol > li { |
.hlist ol > li { |
||
counter-increment: listitem; |
counter-increment: listitem; |
||
} |
} |
||
.hlist ol > li:before { |
.hlist ol > li:before { |
||
content: " " counter(listitem) "\a0"; |
content: " " counter(listitem) "\a0"; |
||
} |
} |
||
.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, |
||
Line 205: | Line 196: | ||
margin: 0; |
margin: 0; |
||
} |
} |
||
.plainlist ol li, |
.plainlist ol li, |
||
.plainlist ul li { |
.plainlist ul li { |
||
Line 221: | Line 213: | ||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ |
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ |
||
} |
} |
||
.navbox .navbox { |
.navbox .navbox { |
||
margin-top: 0; /* No top margin for nested navboxes */ |
margin-top: 0; /* No top margin for nested navboxes */ |
||
} |
} |
||
.navbox + .navbox { |
.navbox + .navbox { |
||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ |
margin-top: -1px; /* Single pixel border between adjacent navboxes */ |
||
} |
} |
||
.navbox-inner, |
.navbox-inner, |
||
.navbox-subgroup { |
.navbox-subgroup { |
||
width: 100%; |
width: 100%; |
||
} |
} |
||
.navbox-group, |
.navbox-group, |
||
.navbox-title, |
.navbox-title, |
||
Line 238: | Line 234: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
th.navbox-group { /* Group style */ |
th.navbox-group { /* Group style */ |
||
white-space: nowrap; |
white-space: nowrap; |
||
Line 243: | Line 240: | ||
text-align: right; |
text-align: right; |
||
} |
} |
||
.navbox, |
.navbox, |
||
.navbox-subgroup { |
.navbox-subgroup { |
||
background-color: #fdfdfd; /* Background color */ |
background-color: #fdfdfd; /* Background color */ |
||
} |
} |
||
.navbox-list { |
.navbox-list { |
||
line-height: 1.5em; |
line-height: 1.5em; |
||
border-color: #fdfdfd; /* Must match background color */ |
border-color: #fdfdfd; /* Must match background color */ |
||
} |
} |
||
/* cell spacing for navbox cells */ |
/* cell spacing for navbox cells */ |
||
tr + tr > .navbox-abovebelow, |
tr + tr > .navbox-abovebelow, |
||
Line 258: | Line 258: | ||
border-top: 2px solid #fdfdfd; /* Must match background color */ |
border-top: 2px solid #fdfdfd; /* Must match background color */ |
||
} |
} |
||
.navbox th, |
.navbox th, |
||
.navbox-title { |
.navbox-title { |
||
background-color: #ccccff; /* Level 1 color */ |
background-color: #ccccff; /* Level 1 color */ |
||
} |
} |
||
.navbox-abovebelow, |
.navbox-abovebelow, |
||
th.navbox-group, |
th.navbox-group, |
||
Line 267: | Line 269: | ||
background-color: #ddddff; /* Level 2 color */ |
background-color: #ddddff; /* Level 2 color */ |
||
} |
} |
||
.navbox-subgroup .navbox-group, |
.navbox-subgroup .navbox-group, |
||
.navbox-subgroup .navbox-abovebelow { |
.navbox-subgroup .navbox-abovebelow { |
||
background-color: #e6e6ff; /* Level 3 color */ |
background-color: #e6e6ff; /* Level 3 color */ |
||
} |
} |
||
.navbox-even { |
.navbox-even { |
||
background-color: #f7f7f7; /* Even row striping */ |
background-color: #f7f7f7; /* Even row striping */ |
||
} |
} |
||
.navbox-odd { |
.navbox-odd { |
||
background-color: transparent; /* Odd row striping */ |
background-color: transparent; /* Odd row striping */ |
||
} |
} |
||
.navbox .hlist td dl, |
.navbox .hlist td dl, |
||
.navbox .hlist td ol, |
.navbox .hlist td ol, |
||
Line 284: | Line 290: | ||
.navbox td.hlist ul { |
.navbox td.hlist ul { |
||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
||
} |
|||
/* Default styling for Navbar template */ |
|||
.navbar { |
|||
display: inline; |
|||
font-size: 88%; |
|||
font-weight: normal; |
|||
} |
|||
.navbar ul { |
|||
display: inline-block; |
|||
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; |
|||
} |
|||
/* Navbar styling when nested in infobox and navbox */ |
|||
.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; |
|||
} |
} |
||
Line 333: | Line 300: | ||
padding-left: 0.2em; |
padding-left: 0.2em; |
||
} |
} |
||
.mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
.mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
||
/* @noflip */ |
/* @noflip */ |
||
Line 355: | Line 323: | ||
font-size: 88%; |
font-size: 88%; |
||
line-height: 1.5em; |
line-height: 1.5em; |
||
width: 22em; |
|||
} |
} |
||
/* not strictly certain these styles are necessary |
|||
* just replicating the module faithfully |
|||
*/ |
|||
.infobox-subbox { |
|||
padding: 0; |
|||
border: none; |
|||
margin: -3px; |
|||
width: auto; |
|||
min-width: 100%; |
|||
font-size: 100%; |
|||
clear: none; |
|||
float: none; |
|||
background-color: transparent; |
|||
} |
|||
.infobox-header, |
|||
.infobox-label, |
|||
.infobox-above, |
|||
.infobox-full-data, |
|||
.infobox-data, |
|||
.infobox-below, |
|||
.infobox-subheader, |
|||
.infobox-image, |
|||
.infobox-navbar, |
|||
/* Remove element declaration when both a) infobox3cols is migrated and |
|||
* b) when every .infobox thing is using the standard module/templates */ |
|||
.infobox th, |
|||
.infobox td { |
|||
vertical-align: top; |
|||
} |
|||
.infobox-label, |
|||
.infobox-data, |
|||
/* Remove element declaration when both a) infobox3cols is migrated and |
|||
* b) when every .infobox thing is using the standard module/templates */ |
|||
.infobox th, |
|||
.infobox td { |
|||
/* @noflip */ |
|||
text-align: left; |
|||
} |
|||
/* remove .infobox when th, td above are removed */ |
|||
.infobox .infobox-above, |
|||
.infobox .infobox-title, |
|||
/* Remove element declaration when both a) infobox3cols is migrated and |
|||
* b) when every .infobox thing is using the standard module/templates */ |
|||
.infobox caption { |
.infobox caption { |
||
font-size: 125%; |
font-size: 125%; |
||
font-weight: bold; |
font-weight: bold; |
||
text-align: center; |
|||
} |
|||
.infobox-title, |
|||
/* Remove element declaration when both a) infobox3cols is migrated and |
|||
* b) when every .infobox thing is using the standard module/templates */ |
|||
.infobox caption { |
|||
padding: 0.2em; |
padding: 0.2em; |
||
} |
|||
/* remove .infobox when th, td above are removed */ |
|||
.infobox .infobox-header, |
|||
.infobox .infobox-subheader, |
|||
.infobox .infobox-image, |
|||
.infobox .infobox-full-data, |
|||
.infobox .infobox-below { |
|||
text-align: center; |
text-align: center; |
||
} |
} |
||
.infobox td, |
|||
.infobox th |
/* remove .infobox when th, td above are removed */ |
||
.infobox .infobox-navbar { |
|||
vertical-align: top; |
|||
/* @noflip */ |
/* @noflip */ |
||
text-align: |
text-align: right; |
||
} |
} |
||
.infobox.bordered { |
.infobox.bordered { |
||
border-collapse: collapse; |
border-collapse: collapse; |
||
} |
} |
||
/* TODO split definitions to appropriate class names when live from HTML element */ |
|||
.infobox.bordered td, |
.infobox.bordered td, |
||
.infobox.bordered th { |
.infobox.bordered th { |
||
border: 1px solid #a2a9b1; |
border: 1px solid #a2a9b1; |
||
} |
} |
||
/* TODO split definitions to appropriate class names when live from HTML element */ |
|||
.infobox.bordered .borderless td, |
.infobox.bordered .borderless td, |
||
.infobox.bordered .borderless th { |
.infobox.bordered .borderless th { |
||
border: 0; |
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; |
|||
} |
} |
||
/* styles for bordered infobox with merged rows */ |
/* styles for bordered infobox with merged rows */ |
||
/* TODO split definitions to appropriate class names when live from HTML element */ |
|||
.infobox.bordered .mergedtoprow td, |
.infobox.bordered .mergedtoprow td, |
||
.infobox.bordered .mergedtoprow th { |
.infobox.bordered .mergedtoprow th { |
||
Line 403: | Line 426: | ||
} |
} |
||
/* TODO split definitions to appropriate class names when live from HTML element */ |
|||
.infobox.bordered .mergedrow td, |
.infobox.bordered .mergedrow td, |
||
.infobox.bordered .mergedrow th { |
.infobox.bordered .mergedrow th { |
||
Line 408: | Line 432: | ||
/* @noflip */ |
/* @noflip */ |
||
border-right: 1px solid #a2a9b1; |
border-right: 1px solid #a2a9b1; |
||
} |
|||
/* Styles for geography infoboxes, eg countries, |
|||
country subdivisions, cities, etc. */ |
|||
.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; |
|||
} |
} |
||
Line 462: | Line 448: | ||
text-align: left; |
text-align: left; |
||
} |
} |
||
/* ...unless they also use the hlist class */ |
/* ...unless they also use the hlist class */ |
||
.toc.hlist ul, |
.toc.hlist ul, |
||
Line 469: | Line 456: | ||
.wikitable.hlist td dl { |
.wikitable.hlist td dl { |
||
text-align: inherit; |
text-align: inherit; |
||
} |
|||
/* Icons for medialist templates [[Template:Listen]], |
|||
[[Template:Multi-listen_start]], [[Template:Video]], |
|||
[[Template:Multi-video_start]] */ |
|||
/* TemplateStyles */ |
|||
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; |
|||
} |
} |
||
Line 506: | Line 483: | ||
padding: .2em; |
padding: .2em; |
||
} |
} |
||
.messagebox.merge { |
.messagebox.merge { |
||
border: 1px solid #c0b8cc; |
border: 1px solid #c0b8cc; |
||
Line 511: | Line 489: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
.messagebox.cleanup { |
.messagebox.cleanup { |
||
border: 1px solid #9f9fff; |
border: 1px solid #9f9fff; |
||
Line 516: | Line 495: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
.messagebox.standard-talk { |
.messagebox.standard-talk { |
||
border: 1px solid #c0c090; |
border: 1px solid #c0c090; |
||
Line 521: | Line 501: | ||
margin: 4px auto; |
margin: 4px auto; |
||
} |
} |
||
/* For old WikiProject banners inside banner shells. */ |
/* For old WikiProject banners inside banner shells. */ |
||
.mbox-inside .standard-talk |
.mbox-inside .standard-talk { |
||
.messagebox.nested-talk { |
|||
border: 1px solid #c0c090; |
border: 1px solid #c0c090; |
||
background-color: #f8eaba; |
background-color: #f8eaba; |
||
Line 530: | Line 510: | ||
padding: 2px; |
padding: 2px; |
||
} |
} |
||
.messagebox.small { |
.messagebox.small { |
||
width: 238px; |
width: 238px; |
||
Line 540: | Line 521: | ||
line-height: 1.25em; |
line-height: 1.25em; |
||
} |
} |
||
.messagebox.small-talk { |
.messagebox.small-talk { |
||
width: 238px; |
width: 238px; |
||
Line 559: | Line 541: | ||
width: 100%; /* Make all mboxes the same width regardless of text length */ |
width: 100%; /* Make all mboxes the same width regardless of text length */ |
||
} |
} |
||
td.mbox-image { /* The left image cell */ |
td.mbox-image { /* The left image cell */ |
||
border: none; |
border: none; |
||
Line 565: | Line 548: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
td.mbox-imageright { /* The right image cell */ |
td.mbox-imageright { /* The right image cell */ |
||
border: none; |
border: none; |
||
Line 571: | Line 555: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
td.mbox-empty-cell { /* An empty narrow cell */ |
td.mbox-empty-cell { /* An empty narrow cell */ |
||
border: none; |
border: none; |
||
Line 586: | Line 571: | ||
box-sizing: border-box; |
box-sizing: border-box; |
||
} |
} |
||
table.ambox + table.ambox { /* Single border between stacked boxes. */ |
table.ambox + table.ambox { /* Single border between stacked boxes. */ |
||
margin-top: -1px; |
margin-top: -1px; |
||
} |
} |
||
.ambox th.mbox-text, |
.ambox th.mbox-text, |
||
.ambox td.mbox-text { /* The message body cell(s) */ |
.ambox td.mbox-text { /* The message body cell(s) */ |
||
padding: 0.25em 0.5em; /* 0.5em left/right */ |
padding: 0.25em 0.5em; /* 0.5em left/right */ |
||
} |
} |
||
.ambox td.mbox-image { /* The left image cell */ |
.ambox td.mbox-image { /* The left image cell */ |
||
/* @noflip */ |
/* @noflip */ |
||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ |
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ |
||
} |
} |
||
.ambox td.mbox-imageright { /* The right image cell */ |
.ambox td.mbox-imageright { /* The right image cell */ |
||
/* @noflip */ |
/* @noflip */ |
||
Line 606: | Line 595: | ||
border-left: 10px solid #36c; /* Blue */ |
border-left: 10px solid #36c; /* Blue */ |
||
} |
} |
||
table.ambox-speedy { |
table.ambox-speedy { |
||
/* @noflip */ |
/* @noflip */ |
||
Line 611: | Line 601: | ||
background-color: #fee7e6; /* Pink */ |
background-color: #fee7e6; /* Pink */ |
||
} |
} |
||
table.ambox-delete { |
table.ambox-delete { |
||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #b32424; /* Red */ |
border-left: 10px solid #b32424; /* Red */ |
||
} |
} |
||
table.ambox-content { |
table.ambox-content { |
||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #f28500; /* Orange */ |
border-left: 10px solid #f28500; /* Orange */ |
||
} |
} |
||
table.ambox-style { |
table.ambox-style { |
||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #fc3; /* Yellow */ |
border-left: 10px solid #fc3; /* Yellow */ |
||
} |
} |
||
table.ambox-move { |
table.ambox-move { |
||
/* @noflip */ |
/* @noflip */ |
||
border-left: 10px solid #9932cc; /* Purple */ |
border-left: 10px solid #9932cc; /* Purple */ |
||
} |
} |
||
table.ambox-protection { |
table.ambox-protection { |
||
/* @noflip */ |
/* @noflip */ |
||
Line 640: | Line 635: | ||
box-sizing: border-box; |
box-sizing: border-box; |
||
} |
} |
||
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ |
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ |
||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ |
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ |
||
display: block; /* Fix for webkit to force 100% width. */ |
display: block; /* Fix for webkit to force 100% width. */ |
||
} |
} |
||
.mbox-inside .imbox { /* For imboxes inside other templates. */ |
.mbox-inside .imbox { /* For imboxes inside other templates. */ |
||
margin: 4px; |
margin: 4px; |
||
Line 651: | Line 648: | ||
border: 3px solid #36c; /* Blue */ |
border: 3px solid #36c; /* Blue */ |
||
} |
} |
||
table.imbox-speedy { |
table.imbox-speedy { |
||
border: 3px solid #b32424; /* Red */ |
border: 3px solid #b32424; /* Red */ |
||
background-color: #fee7e6; /* Pink */ |
background-color: #fee7e6; /* Pink */ |
||
} |
} |
||
table.imbox-delete { |
table.imbox-delete { |
||
border: 3px solid #b32424; /* Red */ |
border: 3px solid #b32424; /* Red */ |
||
} |
} |
||
table.imbox-content { |
table.imbox-content { |
||
border: 3px solid #f28500; /* Orange */ |
border: 3px solid #f28500; /* Orange */ |
||
} |
} |
||
table.imbox-style { |
table.imbox-style { |
||
border: 3px solid #fc3; /* Yellow */ |
border: 3px solid #fc3; /* Yellow */ |
||
} |
} |
||
table.imbox-move { |
table.imbox-move { |
||
border: 3px solid #9932cc; /* Purple */ |
border: 3px solid #9932cc; /* Purple */ |
||
} |
} |
||
table.imbox-protection { |
table.imbox-protection { |
||
border: 3px solid #a2a9b1; /* Gray-gold */ |
border: 3px solid #a2a9b1; /* Gray-gold */ |
||
} |
} |
||
table.imbox-license { |
table.imbox-license { |
||
border: 3px solid #88a; /* Dark gray */ |
border: 3px solid #88a; /* Dark gray */ |
||
background-color: #f7f8ff; /* Light gray */ |
background-color: #f7f8ff; /* Light gray */ |
||
} |
} |
||
table.imbox-featured { |
table.imbox-featured { |
||
border: 3px solid #cba135; /* Brown-gold */ |
border: 3px solid #cba135; /* Brown-gold */ |
||
Line 690: | Line 695: | ||
background-color: #d8e8ff; /* Blue */ |
background-color: #d8e8ff; /* Blue */ |
||
} |
} |
||
table.cmbox-speedy { |
table.cmbox-speedy { |
||
margin-top: 4px; |
margin-top: 4px; |
||
Line 696: | Line 702: | ||
background-color: #ffdbdb; /* Pink */ |
background-color: #ffdbdb; /* Pink */ |
||
} |
} |
||
table.cmbox-delete { |
table.cmbox-delete { |
||
background-color: #ffdbdb; /* Pink */ |
background-color: #ffdbdb; /* Pink */ |
||
} |
} |
||
table.cmbox-content { |
table.cmbox-content { |
||
background-color: #ffe7ce; /* Orange */ |
background-color: #ffe7ce; /* Orange */ |
||
} |
} |
||
table.cmbox-style { |
table.cmbox-style { |
||
background-color: #fff9db; /* Yellow */ |
background-color: #fff9db; /* Yellow */ |
||
} |
} |
||
table.cmbox-move { |
table.cmbox-move { |
||
background-color: #e4d8ff; /* Purple */ |
background-color: #e4d8ff; /* Purple */ |
||
} |
} |
||
table.cmbox-protection { |
table.cmbox-protection { |
||
background-color: #efefe1; /* Gray-gold */ |
background-color: #efefe1; /* Gray-gold */ |
||
Line 724: | Line 735: | ||
border: 1px solid #a2a9b1; /* Gray */ |
border: 1px solid #a2a9b1; /* Gray */ |
||
} |
} |
||
table.ombox-speedy { |
table.ombox-speedy { |
||
border: 2px solid #b32424; /* Red */ |
border: 2px solid #b32424; /* Red */ |
||
background-color: #fee7e6; /* Pink */ |
background-color: #fee7e6; /* Pink */ |
||
} |
} |
||
table.ombox-delete { |
table.ombox-delete { |
||
border: 2px solid #b32424; /* Red */ |
border: 2px solid #b32424; /* Red */ |
||
} |
} |
||
table.ombox-content { |
table.ombox-content { |
||
border: 1px solid #f28500; /* Orange */ |
border: 1px solid #f28500; /* Orange */ |
||
} |
} |
||
table.ombox-style { |
table.ombox-style { |
||
border: 1px solid #fc3; /* Yellow */ |
border: 1px solid #fc3; /* Yellow */ |
||
} |
} |
||
table.ombox-move { |
table.ombox-move { |
||
border: 1px solid #9932cc; /* Purple */ |
border: 1px solid #9932cc; /* Purple */ |
||
} |
} |
||
table.ombox-protection { |
table.ombox-protection { |
||
border: 2px solid #a2a9b1; /* Gray-gold */ |
border: 2px solid #a2a9b1; /* Gray-gold */ |
||
Line 753: | Line 770: | ||
box-sizing: border-box; |
box-sizing: border-box; |
||
} |
} |
||
.tmbox.mbox-small { |
.tmbox.mbox-small { |
||
min-width: 0; /* reset the min-width of tmbox above */ |
min-width: 0; /* reset the min-width of tmbox above */ |
||
} |
} |
||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ |
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ |
||
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ |
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ |
||
width: 100%; /* For Safari and Opera */ |
width: 100%; /* For Safari and Opera */ |
||
} |
} |
||
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ |
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ |
||
line-height: 1.5em; /* also "nested", so reset styles that are */ |
line-height: 1.5em; /* also "nested", so reset styles that are */ |
||
Line 769: | Line 789: | ||
background-color: #fee7e6; /* Pink */ |
background-color: #fee7e6; /* Pink */ |
||
} |
} |
||
table.tmbox-delete { |
table.tmbox-delete { |
||
border: 2px solid #b32424; /* Red */ |
border: 2px solid #b32424; /* Red */ |
||
} |
} |
||
table.tmbox-content { |
table.tmbox-content { |
||
border: 2px solid #f28500; /* Orange */ |
border: 2px solid #f28500; /* Orange */ |
||
} |
} |
||
table.tmbox-style { |
table.tmbox-style { |
||
border: 2px solid #fc3; /* Yellow */ |
border: 2px solid #fc3; /* Yellow */ |
||
} |
} |
||
table.tmbox-move { |
table.tmbox-move { |
||
border: 2px solid #9932cc; /* Purple */ |
border: 2px solid #9932cc; /* Purple */ |
||
} |
} |
||
table.tmbox-protection, |
table.tmbox-protection, |
||
table.tmbox-notice { |
table.tmbox-notice { |
||
Line 795: | Line 820: | ||
box-sizing: border-box; |
box-sizing: border-box; |
||
} |
} |
||
table.fmbox-system { |
table.fmbox-system { |
||
background-color: #f8f9fa; |
background-color: #f8f9fa; |
||
} |
} |
||
table.fmbox-warning { |
table.fmbox-warning { |
||
border: 1px solid #bb7070; /* Dark pink */ |
border: 1px solid #bb7070; /* Dark pink */ |
||
background-color: #ffdbdb; /* Pink */ |
background-color: #ffdbdb; /* Pink */ |
||
} |
} |
||
table.fmbox-editnotice { |
table.fmbox-editnotice { |
||
background-color: transparent; |
background-color: transparent; |
||
} |
} |
||
/* Div based "warning" style fmbox messages. */ |
/* Div based "warning" style fmbox messages. */ |
||
div.mw-warning-with-logexcerpt, |
div.mw-warning-with-logexcerpt, |
||
Line 818: | Line 847: | ||
padding: 0.25em 0.9em; |
padding: 0.25em 0.9em; |
||
box-sizing: border-box; |
box-sizing: border-box; |
||
} |
|||
/* Use default color for partial block fmbox banner per [[Special:PermaLink/1028105567#pblock-style]] */ |
|||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt { |
|||
border-color: #fc3; |
|||
background-color: #fef6e7; |
|||
} |
} |
||
Line 835: | Line 870: | ||
line-height: 1.25em; |
line-height: 1.25em; |
||
} |
} |
||
html body.mediawiki .mbox-small-left { /* For the "small=left" option. */ |
html body.mediawiki .mbox-small-left { /* For the "small=left" option. */ |
||
/* @noflip */ |
/* @noflip */ |
||
Line 853: | Line 889: | ||
display: none; |
display: none; |
||
} |
} |
||
/* Remove borders, backgrounds, padding, etc. */ |
/* Remove borders, backgrounds, padding, etc. */ |
||
.compact-ambox table.ambox { |
.compact-ambox table.ambox { |
||
Line 863: | Line 900: | ||
display: block; |
display: block; |
||
} |
} |
||
body.mediawiki .compact-ambox table.mbox-small-left { |
body.mediawiki .compact-ambox table.mbox-small-left { |
||
font-size: 100%; |
font-size: 100%; |
||
Line 868: | Line 906: | ||
margin: 0; |
margin: 0; |
||
} |
} |
||
/* Style the text cell as a list item and remove its padding */ |
/* Style the text cell as a list item and remove its padding */ |
||
.compact-ambox table .mbox-text { |
.compact-ambox table .mbox-text { |
||
Line 873: | Line 912: | ||
margin: 0 !important; |
margin: 0 !important; |
||
} |
} |
||
.compact-ambox table .mbox-text-span { |
.compact-ambox table .mbox-text-span { |
||
display: list-item; |
display: list-item; |
||
Line 879: | Line 919: | ||
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg); |
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/resources/skins.vector.styles/images/bullet-icon.svg); |
|||
} |
|||
/* Allow for hiding text in compact form */ |
/* Allow for hiding text in compact form */ |
||
.compact-ambox .hide-when-compact { |
.compact-ambox .hide-when-compact { |
||
display: none; |
display: none; |
||
} |
|||
/* Hide (formatting) elements from screen, but not from screenreaders */ |
|||
.visualhide { |
|||
position: absolute; |
|||
left: -10000px; |
|||
top: auto; |
|||
width: 1px; |
|||
height: 1px; |
|||
overflow: hidden; |
|||
} |
} |
||
/* Remove underlines from certain links */ |
/* Remove underlines from certain links */ |
||
.nounderlines a, |
.nounderlines a, |
||
.IPA a:link, |
.IPA a:link, |
||
.IPA a:visited { |
|||
text-decoration: none !important; |
text-decoration: none !important; |
||
} |
} |
||
/* Prevent line breaks in silly places where desired (nowrap) |
|||
/* Standard Navigationsleisten, aka box hiding thingy |
|||
and links when we don't want them to (nowraplinks a) */ |
|||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ |
|||
.nowrap, |
|||
div.NavFrame { |
|||
.nowraplinks a { |
|||
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 and disambiguation notices */ |
|||
.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; |
|||
} |
|||
/* Allow transcluded pages to display in lists rather than a table. */ |
|||
.listify td { |
|||
display: list-item; |
|||
} |
|||
.listify tr { |
|||
display: block; |
|||
} |
|||
.listify table { |
|||
display: block; |
|||
} |
|||
/* Geographical coordinates defaults. See [[Template:Coord/link]] |
|||
for how these are used. The classes "geo", "longitude", and |
|||
"latitude" are used by the [[Geo microformat]]. */ |
|||
/* TemplateStyles */ |
|||
.geo-default, .geo-dms, .geo-dec { |
|||
display: inline; |
|||
} |
|||
.geo-nondefault, .geo-multi-punct { |
|||
display: none; |
|||
} |
|||
.longitude, .latitude { |
|||
white-space: nowrap; |
white-space: nowrap; |
||
} |
} |
||
/* User block messages */ |
|||
div.user-block { |
|||
padding: 5px; |
|||
margin-bottom: 0.5em; |
|||
border: 1px solid #a9a9a9; |
|||
background-color: #ffefd5; |
|||
} |
|||
/* Prevent line breaks in silly places: |
|||
1) Where desired |
|||
2) Links when we don't want them to |
|||
3) Bold "links" to the page itself */ |
|||
.nowrap, |
|||
.nowraplinks a, |
|||
.nowraplinks .selflink { |
|||
white-space: nowrap; |
|||
} |
|||
.nowrap pre { |
|||
white-space: pre; |
|||
} |
|||
/* But allow wrapping where desired: */ |
/* But allow wrapping where desired: */ |
||
.wrap, |
.wrap, |
||
.wraplinks a { |
.wraplinks a { |
||
white-space: normal; |
white-space: normal; |
||
} |
|||
/* For template documentation */ |
|||
/* TemplateStyles */ |
|||
.template-documentation { |
|||
clear: both; |
|||
margin: 1em 0 0 0; |
|||
border: 1px solid #a2a9b1; |
|||
background-color: #ecfcf4; |
|||
padding: 1em; |
|||
} |
} |
||
Line 1,027: | Line 957: | ||
/* Prevent floating boxes from overlapping any category listings, |
/* Prevent floating boxes from overlapping any category listings, |
||
file histories, edit previews, and edit [Show changes] views. */ |
file histories, edit previews, and edit [Show changes] views. */ |
||
#mw-subcategories |
#mw-subcategories, |
||
#mw-pages, |
|||
#filehistory, #wikiPreview, #wikiDiff { |
|||
#mw-category-media, |
|||
#filehistory, |
|||
#wikiPreview, |
|||
#wikiDiff { |
|||
clear: both; |
clear: both; |
||
} |
} |
||
Line 1,037: | Line 971: | ||
display: none; |
display: none; |
||
} |
} |
||
.wpbs-inner .wpb .wpb-header { |
.wpbs-inner .wpb .wpb-header { |
||
display: |
display: table-row; |
||
} |
|||
.wpbs-inner .wpb .wpb-header { |
|||
display: table-row; /* for real browsers */ |
|||
} |
} |
||
.wpbs-inner .wpb-outside { |
.wpbs-inner .wpb-outside { |
||
display: none; /* hide things that should only display outside shells */ |
display: none; /* hide things that should only display outside shells */ |
||
Line 1,084: | Line 1,017: | ||
list-style: none none; |
list-style: none none; |
||
} |
} |
||
ul.permissions-errors { |
ul.permissions-errors { |
||
margin: 0; |
margin: 0; |
||
} |
} |
||
/* |
/* texhtml class for inline math (based on generic times-serif class) */ |
||
.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 { |
|||
white-space: nowrap; |
white-space: nowrap; |
||
/* Force tabular and lining display for 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; |
|||
} |
} |
||
span.texhtml span.texhtml { |
span.texhtml span.texhtml { |
||
font-size: 100%; |
font-size: 100%; |
||
} |
} |
||
span.mwe-math-mathml-inline { |
span.mwe-math-mathml-inline { |
||
font-size: 118%; |
font-size: 118%; |
||
} |
} |
||
/* Make <math display="block"> be left aligned with one space indent for |
|||
/* Force tabular and lining display for digits and texhtml */ |
|||
* compatibility with style conventions |
|||
.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; |
|||
} |
|||
/* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */ |
|||
.mwe-math-fallback-image-display, |
.mwe-math-fallback-image-display, |
||
.mwe-math-mathml-display { |
.mwe-math-mathml-display { |
||
Line 1,122: | Line 1,053: | ||
margin-bottom: 0.6em; |
margin-bottom: 0.6em; |
||
} |
} |
||
.mwe-math-mathml-display math { |
.mwe-math-mathml-display math { |
||
display: inline; |
display: inline; |
||
} |
|||
/* Fix styling of transcluded prefindex tables */ |
|||
table#mw-prefixindex-list-table, |
|||
table#mw-prefixindex-nav-table { |
|||
width: 98%; |
|||
} |
|||
/* Make it possible to hide checkboxes in <inputbox> */ |
|||
.inputbox-hidecheckboxes form .inputbox-element, |
|||
.inputbox-hidecheckboxes .mw-ui-checkbox { |
|||
display: none !important; |
|||
} |
} |
||
Line 1,152: | Line 1,072: | ||
} |
} |
||
/* Hide FlaggedRevs notice UI when there are no pending changes */ |
|||
.flaggedrevs_draft_synced, |
|||
.flaggedrevs_stable_synced { |
|||
display: none; |
|||
} |
|||
/* Force imgs in galleries to have borders by wrapping them in class=bordered-images */ |
|||
.bordered-images img { |
|||
border: solid #ddd 1px; |
|||
} |
|||
/* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */ |
|||
@media screen { |
@media screen { |
||
/* Gallery styles background changes are restricted to screen view. |
|||
In printing we should avoid applying backgrounds. */ |
|||
/* The backgrounds for galleries. */ |
/* The backgrounds for galleries. */ |
||
#content .gallerybox div.thumb { |
#content .gallerybox div.thumb { |
||
Line 1,170: | Line 1,080: | ||
background-color: #f8f9fa; |
background-color: #f8f9fa; |
||
} |
} |
||
/* Put a chequered background behind images, only visible if they have transparency. |
/* Put a chequered background behind images, only visible if they have transparency. |
||
'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */ |
|||
.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; |
||
Line 1,184: | Line 1,093: | ||
} |
} |
||
/* Display "From Wikipedia, the free encyclopedia" in skins that support it, |
|||
} |
|||
do not apply to print mode */ |
|||
/* Display "From Wikipedia, the free encyclopedia" in skins that support it, do not apply to print mode */ |
|||
@media screen { |
|||
#siteSub { |
#siteSub { |
||
display: block; |
display: block; |
||
Line 1,193: | Line 1,100: | ||
} |
} |
||
/* Hide FlaggedRevs notice UI when there are no pending changes */ |
|||
/* Temporary measures to remove links in sidebar */ |
|||
.flaggedrevs_draft_synced, |
|||
#t-upload { |
|||
.flaggedrevs_stable_synced, |
|||
/* "Temporary" to remove links in sidebar T255381 */ |
|||
#t-upload, |
|||
/* Hide broken download box on Special:Book pending T285400 */ |
|||
.mw-special-Book #coll-downloadbox { |
|||
display: none; |
display: none; |
||
} |
|||
#n-shoplink { |
|||
display: none; |
|||
} |
|||
.mobileonly { |
|||
display: none; |
|||
} |
|||
.nomobile { |
|||
display: initial; |
|||
} |
|||
.mw-parser-output a.extiw:visited { |
|||
color: #36b; |
|||
} |
} |
||
Line 1,433: | Line 1,330: | ||
opacity: 0; |
opacity: 0; |
||
} |
} |
||
} |
|||
.infobox td.infobox-image { |
|||
text-align: center; |
|||
} |
} |