MediaWiki:Gadget-NavboxStyle.css

/* Navbox template CSS */

/* Site styles */
.navbox {
	width: 100%;
	color: #000;
	clear: both;
	font-size: 88%;
	background: #FFF;
	border: 1px solid grey;
	margin-top: 15px;
}
.nav-right {
	color: #000;
	clear: right;
	float: right;
	width: 265px;
	font-size: 90%;
	box-sizing: border-box;
	margin: 0 0 10px 1em !important;
}
.content-table-wrapper + .content-table-wrapper .navbox,
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0 !important;
}
.navbox .navbox {
	font-size: 100%;
}
.navbox:not(.multi) .navbox {
	border: 0;
}
.navbox .footer sup[id^="footnote"] + small {
	font-size: 100% !important;
}
.mobile .navbox > * > tr:nth-of-type(2) > td:first-child {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 4.1em;
}
.navbox:not(.multi) .navbox > * > tr > th {
	background-image: none !important;
}
.navbox > * > tr:first-child > th {
	font-size: 108%;
}
.navbox > * > tr:not(:first-child, :has(+ tr > td)) > th:only-child {
	font-weight: normal;
}
.navbox > * > tr > td:only-child:not(:has(.navbox)) {
	text-align: center;
}
.navbox > * > tr > td:only-child:has(.navbox) {
	padding: 0;
}
.client-nojs .navspace {
	display: none;
}
@media print {
	.navbox {
		display: none;
	}
}

/* Link colors */
.navbox th a { color: inherit !important; }
.navbox td a.new:visited { color: #A55858; }
.navbox td a:visited { color: #00C; }
.navbox td a.new { color: #C20; }
.navbox td a { color: #00F; }

/* Navbox coloration */
.navbox > * > tr > th:only-child {
	color: var(--bannercolor);
	background: var(--bannerbg);
}
.navbox > * > tr:not(:first-child) > th:only-child {
	background: var(--subbannerbg);
}
.navbox > * > tr > th {
	background: var(--headerbg);
}
.navbox > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) {
	background: var(--subheaderbg);
}
.navbox > * > tr:nth-child(2n) > td {
	background: var(--evenbg);
}
.navbox > * > tr:nth-child(2n+1) > td {
	background: var(--oddbg);
}

/* Defaults */
.navbox {
	--bannercolor: #FFF;
	--bannerbg: #999;
	--subbannerbg: #9F9F9F;
	--headerbg: #CCC;
	--subheaderbg: #DDD;
	--evenbg: #F5F5F5;
	--oddbg: #FCFCFC;
}

/* Light sub/banners and dark sub/headers */
.navbox.light > * > tr > th:only-child { color: #000; }
.navbox.dark > * > tr > th:not(:only-child) { color: #FFF; }

/* Mario */
.navbox.mario {
	--bannerbg: #C00;
	--subbannerbg: #D33;
	--headerbg: #F43;
	--subheaderbg: coral;
	--evenbg: bisque;
	--oddbg: #FFF5EE;
}
.navbox.mario.sm {
	--bannerbg: #FF2400;
	--subbannerbg: #F40;
	--headerbg: #F73;
	--subheaderbg: #FFAA50;
}

/* Donkey Kong */
.navbox.dk {
	--bannerbg: #9C6936;
	--subbannerbg: #A74;
	--headerbg: #BE9966;
	--subheaderbg: #CFBB88;
	--evenbg: wheat;
	--oddbg: #FFF8DC;
}
.navbox.dk.dkc {
	--bannerbg: saddlebrown;
	--subbannerbg: #AB6543;
	--headerbg: #BB8855;
	--subheaderbg: burlywood;
}
.navbox.dk.mvdk {
	--bannerbg: chocolate;
	--subbannerbg: #E4843F;
	--headerbg: #E9904A;
	--subheaderbg: #F6B377;
}
.navbox.dk.arcade {
	--bannerbg: #BB882A;
	--subbannerbg: #CC981B;
	--headerbg: #EAB500;
	--subheaderbg: #EEBB44;
}

/* Wario */
.navbox.wario {
	--bannerbg: #901090;
	--subbannerbg: #A42AA3;
	--headerbg: orchid;
	--subheaderbg: #E58DE2;
	--evenbg: #F8BFF8;
	--oddbg: #F8DFF8;
}
.navbox.wario.ww {
	--bannerbg: darkorchid;
	--subbannerbg: #A44CD1;
	--headerbg: #C090DD;
	--subheaderbg: #D89FE8;
}
.navbox.wario.wl {
	--bannerbg: #DF00DF;
	--subbannerbg: #E323E3;
	--headerbg: violet;
	--subheaderbg: #FE92FE;
}

/* Yoshi */
.navbox.yoshi {
	--bannerbg: #00B200;
	--subbannerbg: #00C600;
	--headerbg: lime;
	--subheaderbg: #83FF50;
	--evenbg: #AFFFAA;
	--oddbg: #ECFFEC;
}
.navbox.yoshi.yi {
	--bannerbg: forestgreen;
	--subbannerbg: #26A526;
	--headerbg: limegreen;
	--subheaderbg: #8D7;
}

/* Luigi's Mansion */
.navbox.lm {
	--bannerbg: darkgreen;
	--subbannerbg: #007E00;
	--headerbg: #09A709;
	--subheaderbg: #32CD32;
	--evenbg: #BF9;
	--oddbg: #EFC;
}

/* Peach games */
.navbox.peach {
	--bannerbg: #FF3EAF;
	--subbannerbg: #FF54B8;
	--headerbg: #FF89CD;
	--subheaderbg: #FFAEDD;
	--evenbg: pink;
	--oddbg: mistyrose;
}

/* Sports games */
.navbox.sport {
	--bannercolor: #000;
	--bannerbg: yellowgreen;
	--subbannerbg: #AED75B;
	--headerbg: greenyellow;
	--subheaderbg: #DDFF2F;
	--evenbg: #EFFF9F;
	--oddbg: #ffc;
}

/* Spinoffs */
.navbox.spinoff {
	--bannercolor: #000;
	--evenbg: #FFB;
	--oddbg: #FFD;
}
.navbox.spinoff.mk {
	--bannerbg: gold;
	--subbannerbg: #FFDF33;
	--headerbg: #FE0;
	--subheaderbg: yellow;
}
.navbox.spinoff.mp {
	--bannerbg: #FAFA00;
	--subbannerbg: #FFFF48;
	--headerbg: #FF3;
	--subheaderbg: #FF8;
}
.navbox.spinoff.dm {
	--bannerbg: #D0CC00;
	--subbannerbg: #D6D500;
	--headerbg: #E0E600;
	--subheaderbg: #E9F600;
}

/* RPGs */
.navbox.rpg {
	--evenbg: #CFEEFF;
	--oddbg: aliceblue;
}
.navbox.rpg.pm {
	--bannerbg: #00C;
	--subbannerbg: #202DD5;
	--headerbg: #6996EA;
	--subheaderbg: #8DBBF6;
}
.navbox.rpg.ml {
	--bannercolor: #000;
	--bannerbg: #0DF;
	--subbannerbg: #66EAFF;
	--headerbg: aqua;
	--subheaderbg: #9FF;
}
.navbox.rpg.smrpg {
	--bannerbg: dodgerblue;
	--subbannerbg: #389DFF;
	--headerbg: #76C4EE;
	--subheaderbg: #9DD8F2;
}

/* Crossovers */
.navbox.crossover {
	--bannerbg: #3A7;
	--subbannerbg: #43BB99;
	--headerbg: #66CDAA;
	--subheaderbg: #80E8C4;
	--evenbg: #E0FFE0;
	--oddbg: #EDFFFF;
}
.navbox.crossover.ssb {
	--bannercolor: #000;
	--bannerbg: #1FFFB9;
	--subbannerbg: #4BFFC5;
	--headerbg: aquamarine;
	--subheaderbg: #9FFFEE;
}

/* Alternate media */
.navbox.media {
	--bannercolor: #000;
	--bannerbg: #FB0;
	--subbannerbg: #FFC300;
	--headerbg: gold;
	--subheaderbg: #FE0;
	--evenbg: #FFEAAA;
	--oddbg: #FFFFC0;
}

/* Former subpages */
.navbox.subpage {
	--bannerbg: #6B8CFF;
	--subbannerbg: #8B8CFF;
	--headerbg: lightblue;
	--subheaderbg: #BBDDFA;
	--evenbg: lavender;
	--oddbg: ghostwhite;
}
.navbox.subpage > * > tr > th:only-child {
	background-attachment: scroll, scroll;
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	background-image: url(https://mario.wiki.gallery/images/1/1a/Temp_SMB_a.png), url(https://mario.wiki.gallery/images/1/1d/Temp_SMB_b.png);
}

/* Consoles */
.navbox.console {
	--bannercolor: #000;
	--bannerbg: #BBB;
	--subbannerbg: #C5C5C5;
}