MediaWiki:Gadget-GlobalStyle.css

/* 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}