MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content deleted Content added
135B09 |
2px |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins on both desktop and mobile |
|||
The "mobile" body class can be used to target mobile specifically */ |
|||
.mw-wiki-logo { background-size: 150px; } |
.mw-wiki-logo { background-size: 150px; } |
||
Line 8: | Line 11: | ||
body.skin--responsive .mw-body, .mw-footer { |
body.skin--responsive .mw-body, .mw-footer { |
||
background:#FFFFE8; |
background:#FFFFE8; |
||
} |
|||
body.anon.ns-content.action-view.desktop .notice-template.show { |
|||
margin-top: 0 !important; |
|||
} |
} |
||
Line 25: | Line 32: | ||
} |
} |
||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
img { |
|||
image-rendering: crisp-edges; |
image-rendering: crisp-edges; |
||
image-rendering: pixelated; |
|||
} |
} |
||
.pixelated, .pixelart, .sprites, .sprite { |
|||
/* Root category */ |
|||
image-rendering: crisp-edges; image-rendering: pixelated; |
|||
body.page-Category_Croc_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type, |
|||
} |
|||
body.page-Category_Croc_Wiki.action-view #catlinks { |
|||
display: none; |
|||
img { |
|||
image-rendering: crisp-edges; |
|||
image-rendering: pixelated; |
|||
} |
} |
||
Line 51: | Line 61: | ||
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox { |
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox { |
||
display: inline-block !important; |
display: inline-block !important; |
||
} |
|||
/* File pages */ |
|||
#file img, .filehistory a img { |
|||
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat; |
|||
} |
|||
/* Media files */ |
|||
.gallery audio { |
|||
max-width: calc(100% - 30px) !important; |
|||
} |
|||
.gallery audio, .gallery video, .thumb audio, .thumb video { |
|||
display: block; |
|||
margin: auto; |
|||
} |
|||
.filehistory audio, .filehistory video { |
|||
max-width: 120px !important; |
|||
} |
} |
||
/* Formatting fixes */ |
/* Formatting fixes */ |
||
#toc { clear: left; } |
|||
pre { overflow: auto; } |
pre { overflow: auto; } |
||
hr { overflow: hidden; } |
hr { overflow: hidden; } |
||
Line 60: | Line 88: | ||
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] { |
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] { |
||
word-wrap: anywhere; |
word-wrap: anywhere; |
||
} |
|||
/** search results **/ |
|||
.mw-search-result-data { |
|||
color: #008000; |
|||
font-size: 97%; |
|||
} |
|||
.mw-body .mw-search-nonefound { |
|||
margin: 0; |
|||
font-size: revert; |
|||
} |
} |
||
Line 74: | Line 113: | ||
.ns-subject:not(.ns-110) #mw-content-text ol + dl { |
.ns-subject:not(.ns-110) #mw-content-text ol + dl { |
||
margin-top: 0.3em !important; |
margin-top: 0.3em !important; |
||
} |
|||
/* pre */ |
|||
pre { |
|||
background-color: #fff; |
|||
border: 1px dashed #135B09; |
|||
color: #000; |
|||
overflow:auto; |
|||
} |
} |
||
Line 90: | Line 121: | ||
max-width: max-content; |
max-width: max-content; |
||
border: 0; |
border: 0; |
||
} |
|||
/* main page */ |
|||
body.page-Croc_Wiki.action-view h1.firstHeading, |
|||
body.page-Croc_Wiki.action-view #contentSub > *, |
|||
body.page-Croc_Wiki.action-view #siteSub, |
|||
body.page-Croc_Wiki.action-view #catlinks, |
|||
body.page-Croc_Wiki.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Croc_Wiki.action-view #bodyContent { |
|||
margin-top: 16px; |
|||
} |
|||
body.page-Croc_Wiki.action-view .usermessage { |
|||
margin-top: 43px; |
|||
} |
|||
/* main page box */ |
|||
#mainpagebox { |
|||
padding:0.5em; |
|||
background:#fff3b2; |
|||
border:1px solid #000; |
|||
margin-top:5px; |
|||
vertical-align:top; |
|||
} |
|||
#mpheader { |
|||
font-size:110%; |
|||
padding:5px; |
|||
background-color:#B3D5BB; |
|||
border:1px solid #1F481C; |
|||
color:#000; |
|||
text-align:center; |
|||
font-weight:bold; |
|||
} |
} |
||
Line 100: | Line 166: | ||
margin-left: 10px; |
margin-left: 10px; |
||
} |
} |
||
/* Links */ |
|||
a { color: #00f; } |
|||
a:active { color: orange; } |
|||
a:visited { color: #00c; } |
|||
.mw-parser-output a.extiw { color: #06f; } |
|||
.mw-parser-output a.extiw:visited { color: #3366BB; } |
|||
.mw-parser-output a.external { color: #06f; } |
|||
.mw-parser-output a.external:visited { color: #0044CC; } |
|||
/* Link fixes */ |
/* Link fixes */ |
||
Line 113: | Line 189: | ||
.autocomment a:hover { |
.autocomment a:hover { |
||
color: inherit; |
color: inherit; |
||
} |
|||
/* fake links */ |
|||
span.fakelink { |
|||
color: #002bb8; |
|||
cursor: pointer; |
|||
} |
|||
span.fakelink:hover { |
|||
text-decoration: underline; |
|||
} |
} |
||
Line 118: | Line 203: | ||
#mw-indicator-mw-helplink { display: none; } |
#mw-indicator-mw-helplink { display: none; } |
||
/* |
/* Special:Preferences */ |
||
#mw-htmlform-mobile .oo-ui-inline-help { display: none; } |
|||
.infobox { |
|||
background: ghostwhite; |
|||
/* Special:Contact */ |
|||
border: 1px solid black; |
|||
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] { |
|||
float: right; |
|||
display: none; |
|||
margin: 0 0 1em 1.15em; |
|||
} |
|||
width: 300px; |
|||
.mw-special-Contact #wpCaptchaWord, |
|||
padding: 3px; |
|||
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"], |
|||
font-size: 88%; |
|||
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] { |
|||
margin-top: 2px; |
|||
} |
|||
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] { |
|||
margin-top: 1em; |
|||
} |
} |
||
/* Watchlist expiry (icon fix) */ |
|||
.infobox tr { |
|||
.oo-ui-icon-clock, .mw-ui-icon-clock::before { |
|||
vertical-align: top; |
|||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E"); |
|||
} |
} |
||
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon { |
|||
.infobox td, .infobox th { |
|||
height: 13px; |
|||
min-height: 13px; |
|||
position: relative; |
|||
top: -1px; |
|||
opacity: 0.51; |
|||
} |
} |
||
/* Pixelated gallery/interface image upscaling */ |
|||
.infobox .mw-collapsible-toggle { |
|||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
min-width: 39px; |
|||
image-rendering: crisp-edges; |
|||
text-align: right; |
|||
image-rendering: pixelated; |
|||
} |
} |
||
/* |
/* Root category */ |
||
body.page-Category_Croc_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type, |
|||
body.page-Category_Croc_Wiki.action-view #catlinks { |
|||
display: none; |
|||
} |
|||
/* infobox formatting */ |
|||
.infobox audio + br { |
|||
margin-top: 2px; |
|||
} |
|||
.infobox td > audio:first-child { |
|||
margin-top: 2px; |
|||
} |
|||
/* infobox coloring */ |
|||
.infobox { color: #000; } |
|||
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; } |
|||
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; } |
|||
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; } |
|||
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; } |
|||
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; } |
|||
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; } |
|||
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; } |
|||
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; } |
|||
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; } |
|||
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; } |
|||
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; } |
|||
.infobox.skyblue { border: 1px solid #000; background: #F0F8FF; } |
|||
.infobox.skyblue > tbody > tr:first-child > * { background: skyblue; } |
|||
.infobox.skyblue > tbody > tr:nth-child(2n+3) { background: powderblue; } |
|||
.infobox.orange { border: 1px solid #FF5300; background: #FFF7EE; } |
|||
.infobox.orange > tbody > tr:first-child > * { background: #FF8A4A; } |
|||
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FF9C77; } |
|||
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; } |
|||
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; } |
|||
.infobox.pink { border: 1px solid #AA8899; background: ghostwhite; } |
|||
.infobox.pink > tbody > tr:first-child > td { background: #F29BC4; } |
|||
.infobox.pink > tbody > tr:nth-child(2n+3) { background: #F9CFE3; } |
|||
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; } |
|||
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; } |
|||
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; } |
|||
.infobox.game { border: 1px solid #5e86a4; background: ghostwhite; } |
|||
.infobox.game > tbody > tr:first-child > * { background: #a2bad8; } |
|||
.infobox.game > tbody > tr:nth-child(2n+3) { background: #ccd8ea; } |
|||
/* notice templates */ |
|||
body:not(.ns-6) .notice-template + .notice-template { |
body:not(.ns-6) .notice-template + .notice-template { |
||
margin-top: -0.375em !important; |
margin-top: -0.375em !important; |
||
Line 157: | Line 303: | ||
} |
} |
||
.notice-template |
.notice-template { |
||
display: flex; |
|||
background: #f1f1de; |
|||
border: 2px solid #996; |
|||
margin: |
margin: 0 2% 0.75em; |
||
padding: |
padding:0 1em; |
||
color: #000; |
|||
} |
} |
||
.notice-template.copyright { |
|||
/* main page */ |
|||
width: 90%; |
|||
body.page-Croc_Wiki.action-view h1.firstHeading, |
|||
margin: 2.5px auto; |
|||
body.page-Croc_Wiki.action-view #contentSub > *, |
|||
padding: 5px; |
|||
body.page-Croc_Wiki.action-view #siteSub, |
|||
font-size: 95%; |
|||
body.page-Croc_Wiki.action-view #catlinks, |
|||
background: #FFF; |
|||
body.page-Croc_Wiki.action-view #lastmod { |
|||
border: 1px solid #000; |
|||
display: none !important; |
|||
} |
|||
body.page-Croc_Wiki.action-view #bodyContent { |
|||
margin-top: 16px; |
|||
} |
|||
body.page-Croc_Wiki.action-view .usermessage { |
|||
margin-top: 43px; |
|||
} |
} |
||
/* |
/* Tabs fix */ |
||
.tabber { display: inline-block; } |
|||
.tabbertab:not(:first-of-type) { display: none; } |
|||
.tabbertab:first-child { padding: 6px; margin-top: 26px; } |
|||
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; } |
|||
.infobox .tabbertab:first-child, .infobox p.mw-empty-elt:first-child + .tabbertab { padding: 6px; margin-top: 24px; } |
|||
.infobox .tabber:not(.tabberlive) { display: block; } |
|||
.tabbertab > p:first-child { margin-top: 0.2em; } |
|||
.tabbertab > p:last-child { margin-bottom: 0; } |
|||
.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; } |
|||
#mainpagebox { |
|||
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; } |
|||
padding:0.5em; |
|||
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; } |
|||
background:#fff3b2; |
|||
.mobile .infobox .tabbertab:first-child { padding-top: 29px; } |
|||
border:1px solid #000; |
|||
margin-top:5px; |
|||
vertical-align:top; |
|||
} |
|||
/* Black border & cell tables */ |
|||
#mpheader { |
|||
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black} |
|||
font-size:110%; |
|||
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em} |
|||
padding:5px; |
|||
background-color:#B3D5BB; |
|||
border:1px solid #1F481C; |
|||
color:#000; |
|||
text-align:center; |
|||
font-weight:bold; |
|||
} |
|||
/* Show/hide toggles */ |
|||
.navbox .mw-collapsible-toggle { |
|||
text-align: right; |
|||
min-width: 3.729em; |
|||
} |
|||
.wikitable.mw-collapsed .mw-collapsible-toggle { |
|||
margin-left: 10px; |
|||
} |
|||
/* Media player */ |
|||
#file > .video-js { display: inline-block !important; } |
|||
.thumb .video-js { margin-left: auto; margin-right: auto; } |
|||
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; } |
|||
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; } |
|||
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; } |
|||
.video-js { overflow-x: clip; display: block !important; } |
|||
.video-js .vjs-control-bar { background: #000; } |
|||
/* Newbie bug fix */ |
|||
body.newbie .video-js { overflow: hidden !important; } |
|||
body.newbie .vjs-time-tooltip { display: none !important; } |
|||
/* Pixelated gallery/interface image upscaling */ |
|||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
image-rendering: crisp-edges; |
|||
image-rendering: pixelated; |
|||
} |
|||
.pixelated, .pixelart, .sprites, .sprite { |
|||
image-rendering: crisp-edges; image-rendering: pixelated; |
|||
} |
Latest revision as of 21:16, February 22, 2023
/* CSS placed here will be applied to all skins on both desktop and mobile
The "mobile" body class can be used to target mobile specifically */
.mw-wiki-logo { background-size: 150px; }
.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
display: none;
}
body.skin--responsive .mw-body, .mw-footer {
background:#FFFFE8;
}
body.anon.ns-content.action-view.desktop .notice-template.show {
margin-top: 0 !important;
}
/* Site notice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}
/* Image thumbs */
html .thumbimage { background-color: #fff; }
/* Image/gallery classes */
img.blackbg, .gallery.blackbg img { background: #000 !important; }
img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img {
background: #808080 !important;
}
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
.pixelated, .pixelart, .sprites, .sprite {
image-rendering: crisp-edges; image-rendering: pixelated;
}
img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
/* Gallery classes */
.gallery.center {
margin-left: auto !important;
margin-right: auto !important;
}
.gallery.centertext .gallerytext {
text-align: center !important;
}
/* Gallery slideshow */
.mw-gallery-slideshow .gallerybox + .gallerybox {
display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
display: inline-block !important;
}
/* File pages */
#file img, .filehistory a img {
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat;
}
/* Media files */
.gallery audio {
max-width: calc(100% - 30px) !important;
}
.gallery audio, .gallery video, .thumb audio, .thumb video {
display: block;
margin: auto;
}
.filehistory audio, .filehistory video {
max-width: 120px !important;
}
/* Formatting fixes */
#toc { clear: left; }
pre { overflow: auto; }
hr { overflow: hidden; }
div[style*="column-"] > p { margin: 0 !important; }
.mw-parser-output table sup { white-space: nowrap; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
word-wrap: anywhere;
}
/** search results **/
.mw-search-result-data {
color: #008000;
font-size: 97%;
}
.mw-body .mw-search-nonefound {
margin: 0;
font-size: revert;
}
/* Margin fixes */
.ns-subject:not(.ns-110) #mw-content-text li > ul,
.ns-subject:not(.ns-110) #mw-content-text li > ol {
margin-top: 0.1em !important;
}
.ns-subject:not(.ns-110) #mw-content-text dl + ul,
.ns-subject:not(.ns-110) #mw-content-text dl + ol {
margin-top: -0.3em !important;
}
.ns-subject:not(.ns-110) #mw-content-text ul + dl,
.ns-subject:not(.ns-110) #mw-content-text ol + dl {
margin-top: 0.3em !important;
}
/* Scrollable tables */
table.scrollable {
display: block;
overflow: auto;
max-width: max-content;
border: 0;
}
/* main page */
body.page-Croc_Wiki.action-view h1.firstHeading,
body.page-Croc_Wiki.action-view #contentSub > *,
body.page-Croc_Wiki.action-view #siteSub,
body.page-Croc_Wiki.action-view #catlinks,
body.page-Croc_Wiki.action-view #lastmod {
display: none !important;
}
body.page-Croc_Wiki.action-view #bodyContent {
margin-top: 16px;
}
body.page-Croc_Wiki.action-view .usermessage {
margin-top: 43px;
}
/* main page box */
#mainpagebox {
padding:0.5em;
background:#fff3b2;
border:1px solid #000;
margin-top:5px;
vertical-align:top;
}
#mpheader {
font-size:110%;
padding:5px;
background-color:#B3D5BB;
border:1px solid #1F481C;
color:#000;
text-align:center;
font-weight:bold;
}
/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
margin-left: 10px;
}
/* Links */
a { color: #00f; }
a:active { color: orange; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }
/* Link fixes */
body.mediawiki a.mw-selflink {
color: inherit !important;
cursor: inherit !important;
text-decoration: inherit !important;
font-weight: bold !important;
}
a font:hover, a span:hover {
text-decoration: inherit;
}
.autocomment a:hover {
color: inherit;
}
/* fake links */
span.fakelink {
color: #002bb8;
cursor: pointer;
}
span.fakelink:hover {
text-decoration: underline;
}
/* Hide help indicator */
#mw-indicator-mw-helplink { display: none; }
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
/* Special:Contact */
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
display: none;
}
.mw-special-Contact #wpCaptchaWord,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"],
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] {
margin-top: 2px;
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
margin-top: 1em;
}
/* Watchlist expiry (icon fix) */
.oo-ui-icon-clock, .mw-ui-icon-clock::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
}
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
height: 13px;
min-height: 13px;
position: relative;
top: -1px;
opacity: 0.51;
}
/* Pixelated gallery/interface image upscaling */
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
/* Root category */
body.page-Category_Croc_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type,
body.page-Category_Croc_Wiki.action-view #catlinks {
display: none;
}
/* infobox formatting */
.infobox audio + br {
margin-top: 2px;
}
.infobox td > audio:first-child {
margin-top: 2px;
}
/* infobox coloring */
.infobox { color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; }
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; }
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; }
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; }
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; }
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; }
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; }
.infobox.skyblue { border: 1px solid #000; background: #F0F8FF; }
.infobox.skyblue > tbody > tr:first-child > * { background: skyblue; }
.infobox.skyblue > tbody > tr:nth-child(2n+3) { background: powderblue; }
.infobox.orange { border: 1px solid #FF5300; background: #FFF7EE; }
.infobox.orange > tbody > tr:first-child > * { background: #FF8A4A; }
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FF9C77; }
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; }
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; }
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; }
.infobox.pink { border: 1px solid #AA8899; background: ghostwhite; }
.infobox.pink > tbody > tr:first-child > td { background: #F29BC4; }
.infobox.pink > tbody > tr:nth-child(2n+3) { background: #F9CFE3; }
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; }
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; }
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; }
.infobox.game { border: 1px solid #5e86a4; background: ghostwhite; }
.infobox.game > tbody > tr:first-child > * { background: #a2bad8; }
.infobox.game > tbody > tr:nth-child(2n+3) { background: #ccd8ea; }
/* notice templates */
body:not(.ns-6) .notice-template + .notice-template {
margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
margin-top: 0.75em !important;
margin-bottom: 2.5px !important;
}
.notice-template p {
margin: 0.6em 0;
}
.notice-template {
display: flex;
background: #f1f1de;
border: 2px solid #996;
margin: 0 2% 0.75em;
padding:0 1em;
color: #000;
}
.notice-template.copyright {
width: 90%;
margin: 2.5px auto;
padding: 5px;
font-size: 95%;
background: #FFF;
border: 1px solid #000;
}
/* Tabs fix */
.tabber { display: inline-block; }
.tabbertab:not(:first-of-type) { display: none; }
.tabbertab:first-child { padding: 6px; margin-top: 26px; }
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; }
.infobox .tabbertab:first-child, .infobox p.mw-empty-elt:first-child + .tabbertab { padding: 6px; margin-top: 24px; }
.infobox .tabber:not(.tabberlive) { display: block; }
.tabbertab > p:first-child { margin-top: 0.2em; }
.tabbertab > p:last-child { margin-bottom: 0; }
.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; }
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; }
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; }
.mobile .infobox .tabbertab:first-child { padding-top: 29px; }
/* Black border & cell tables */
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}