MediaWiki:Common.css: Difference between revisions
no edit summary
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, dfn { | 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 .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; | ||
} | } | ||
/* Highlight linked elements (such as clicked references) in blue */ | /* Highlight linked elements (such as clicked references) in blue */ | ||
.citation:target { | .citation:target { | ||
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 | |||
* Keep in sync with Template:Refbegin/styles.css | |||
* And Template:Reflist/styles.css | |||
*/ | |||
ol.references { | |||
font-size: 90%; | |||
/* Make the list of references smaller | |||
ol.references | |||
font-size: 90%; | |||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
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; | margin: 0; /* don't trust the note that says margin doesn't work with inline | ||
* 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 ol, .hlist dl ul, | .hlist dl dl, | ||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | .hlist dl ol, | ||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | .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:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | .hlist dd dd:first-child:before, | ||
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | .hlist dd dt:first-child:before, | ||
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li: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: " ("; | 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 dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, | .hlist dd dd:last-child:after, | ||
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li: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: ")"; | 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 */ | ||
} | } | ||
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 | /* remove .infobox when th, td above are removed */ | ||
.infobox .infobox-navbar { | |||
/* @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; | ||
} | } | ||
/* 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; | ||
} | } | ||
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; | ||
} | } | ||
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 | .mbox-inside .standard-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); | ||
} | } | ||
/* 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; | ||
} | } | ||
/* Remove underlines from certain links */ | /* Remove underlines from certain links */ | ||
.nounderlines a, | .nounderlines a, | ||
.IPA a:link, .IPA a:visited { | .IPA a:link, | ||
.IPA a:visited { | |||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
/* | /* Prevent line breaks in silly places where desired (nowrap) | ||
and links when we don't want them to (nowraplinks a) */ | |||
.nowrap, | |||
.nowraplinks a { | |||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* But allow wrapping where desired: */ | /* But allow wrapping where desired: */ | ||
.wrap, | .wrap, | ||
.wraplinks a { | .wraplinks a { | ||
white-space: normal; | white-space: normal; | ||
} | } | ||
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-pages, #mw-category-media, | #mw-subcategories, | ||
#filehistory, #wikiPreview, #wikiDiff { | #mw-pages, | ||
#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: table-row; | |||
display: table-row; | |||
} | } | ||
.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) */ | ||
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; | ||
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 | |||
* compatibility with style conventions | |||
*/ | |||
/* 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; | ||
} | } | ||
Line 1,152: | Line 1,072: | ||
} | } | ||
@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 */ | |||
#siteSub { | #siteSub { | ||
display: block; | display: block; | ||
Line 1,193: | Line 1,100: | ||
} | } | ||
/* Temporary | /* Hide FlaggedRevs notice UI when there are no pending changes */ | ||
#t-upload | .flaggedrevs_draft_synced, | ||
.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; | ||
} | } | ||
Line 1,433: | Line 1,330: | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
} | } |