View source for 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 > th:only-child {
	color: #FFF;
	background: #999;
}
.navbox > * > tr:not(:first-child) > th:only-child {
	background: #9F9F9F;
}
.navbox > * > tr:not(:first-child, :has(+ tr > td)) > th:only-child {
	font-weight: normal;
}
.navbox > * > tr > th {
	background: #CCC;
}
.navbox > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) {
	background: #DDD;
}
.navbox > * > tr > td:only-child:not(:has(.navbox)) {
	text-align: center;
}
.navbox > * > tr > td:only-child:has(.navbox) {
	padding: 0;
}
.navbox > * > tr:nth-child(2n) > td {
	background: #F5F5F5;
}
.navbox > * > tr > td {
	background: #FCFCFC;
}
.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; }

/* Light-colored banners and footers */
.navbox.light > * > tr > th:only-child { color: #000; }

/* Dark-colored headers and subheaders */
.navbox.dark > * > tr > th:not(:only-child) { color: #FFF; }

/* Mario */
.navbox.mario > * > tr:nth-child(2n) > td { background: bisque; }
.navbox.mario > * > tr > td { background: #FFF5EE; }

.navbox.mario > * > tr > th:only-child { background: #C00; }
.navbox.mario > * > tr:not(:first-child) > th:only-child { background: #D33; }
.navbox.mario > * > tr > th { background: #F43; }
.navbox.mario > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: coral; }

.navbox.mario.sm > * > tr > th:only-child { background: #FF2400; }
.navbox.mario.sm > * > tr:not(:first-child) > th:only-child { background: #F40; }
.navbox.mario.sm > * > tr > th { background: #F73; }
.navbox.mario.sm > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #FFAA50; }

/* Donkey Kong */
.navbox.dk > * > tr:nth-child(2n) > td { background: wheat; }
.navbox.dk > * > tr > td { background: #FFF8DC; }

.navbox.dk > * > tr > th:only-child { background: #9C6936; }
.navbox.dk > * > tr:not(:first-child) > th:only-child { background: #A74; }
.navbox.dk > * > tr > th { background: #BE9966; }
.navbox.dk > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #CFBB88; }

.navbox.dk.dkc > * > tr > th:only-child { background: saddlebrown; }
.navbox.dk.dkc > * > tr:not(:first-child) > th:only-child { background: #AB6543; }
.navbox.dk.dkc > * > tr > th { background: #BB8855; }
.navbox.dk.dkc > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: burlywood; }

.navbox.dk.mvdk > * > tr > th:only-child { background: chocolate; }
.navbox.dk.mvdk > * > tr:not(:first-child) > th:only-child { background: #E4843F; }
.navbox.dk.mvdk > * > tr > th { background: #E9904A; }
.navbox.dk.mvdk > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #F6B377; }

.navbox.dk.arcade > * > tr > th:only-child { background: #BB882A; }
.navbox.dk.arcade > * > tr:not(:first-child) > th:only-child { background: #CC981B; }
.navbox.dk.arcade > * > tr > th { background: #EAB500; }
.navbox.dk.arcade > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #EEBB44; }

/* Wario */
.navbox.wario > * > tr:nth-child(2n) > td { background: #F8BFF8; }
.navbox.wario > * > tr > td { background: #F8DFF8; }

.navbox.wario > * > tr > th:only-child { background: #901090; }
.navbox.wario > * > tr:not(:first-child) > th:only-child { background: #A42AA3; }
.navbox.wario > * > tr > th { background: orchid; }
.navbox.wario > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #E58DE2; }

.navbox.wario.ww > * > tr > th:only-child { background: darkorchid; }
.navbox.wario.ww > * > tr:not(:first-child) > th:only-child { background: #A44CD1; }
.navbox.wario.ww > * > tr > th { background: #C090DD; }
.navbox.wario.ww > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #D89FE8; }

.navbox.wario.wl > * > tr > th:only-child { background: #DF00DF; }
.navbox.wario.wl > * > tr:not(:first-child) > th:only-child { background: #E323E3; }
.navbox.wario.wl > * > tr > th { background: violet; }
.navbox.wario.wl > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #FE92FE; }

/* Yoshi */
.navbox.yoshi > * > tr:nth-child(2n) > td { background: #AFFFAA; }
.navbox.yoshi > * > tr > td { background: #ECFFEC; }

.navbox.yoshi > * > tr > th:only-child { background: #00B200; }
.navbox.yoshi > * > tr:not(:first-child) > th:only-child { background: #00C600; }
.navbox.yoshi > * > tr > th { background: lime; }
.navbox.yoshi > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #83FF50; }

.navbox.yoshi.yi > * > tr > th:only-child { background: forestgreen; }
.navbox.yoshi.yi > * > tr:not(:first-child) > th:only-child { background: #26A526; }
.navbox.yoshi.yi > * > tr > th { background: limegreen; }
.navbox.yoshi.yi > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #8D7; }

/* Luigi's Mansion */
.navbox.lm > * > tr:nth-child(2n) > td { background: #BF9; }
.navbox.lm > * > tr > td { background: #EFC; }

.navbox.lm > * > tr > th:only-child { background: darkgreen; }
.navbox.lm > * > tr:not(:first-child) > th:only-child { background: #007E00; }
.navbox.lm > * > tr > th { background: #09A709; }
.navbox.lm > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #32CD32; }

/* Peach games */
.navbox.peach > * > tr:nth-child(2n) > td { background: pink; }
.navbox.peach > * > tr > td { background: mistyrose; }

.navbox.peach > * > tr > th:only-child { background: #FF3EAF; }
.navbox.peach > * > tr:not(:first-child) > th:only-child { background: #FF54B8; }
.navbox.peach > * > tr > th { background: #FF89CD; }
.navbox.peach > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #FFAEDD; }

/* Sports games */
.navbox.sport > * > tr:nth-child(2n) > td { background: #EFFF9F; }
.navbox.sport > * > tr > td { background: #ffc; }

.navbox.sport > * > tr > th:only-child { color: #000; background: yellowgreen; }
.navbox.sport > * > tr:not(:first-child) > th:only-child { background: #AED75B; }
.navbox.sport > * > tr > th { background: greenyellow; }
.navbox.sport > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #DDFF2F; }

/* Spinoffs */
.navbox.spinoff > * > tr:nth-child(2n) > td { background: #FFB; }
.navbox.spinoff > * > tr > td { background: #FFD; }

.navbox.spinoff > * > tr > th:only-child { color: #000; }

.navbox.spinoff.mk > * > tr > th:only-child { background: gold; }
.navbox.spinoff.mk > * > tr:not(:first-child) > th:only-child { background: #FFDF33; }
.navbox.spinoff.mk > * > tr > th { background: #FE0; }
.navbox.spinoff.mk > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: yellow; }

.navbox.spinoff.mp > * > tr > th:only-child { background: #FAFA00; }
.navbox.spinoff.mp > * > tr:not(:first-child) > th:only-child { background: #FFFF48; }
.navbox.spinoff.mp > * > tr > th { background: #FF3; }
.navbox.spinoff.mp > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #FF8; }

.navbox.spinoff.dm > * > tr > th:only-child { background: #D0CC00; }
.navbox.spinoff.dm > * > tr:not(:first-child) > th:only-child { background: #D6D500; }
.navbox.spinoff.dm > * > tr > th { background: #E0E600; }
.navbox.spinoff.dm > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #E9F600; }

/* RPGs */
.navbox.rpg > * > tr:nth-child(2n) > td { background: #CFEEFF; }
.navbox.rpg > * > tr > td { background: aliceblue; }

.navbox.rpg.pm > * > tr > th:only-child { background: #00C; }
.navbox.rpg.pm > * > tr:not(:first-child) > th:only-child { background: #202DD5; }
.navbox.rpg.pm > * > tr > th { background: #6996EA; }
.navbox.rpg.pm > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #8DBBF6; }

.navbox.rpg.ml > * > tr > th:only-child { color: #000; background: #0DF; }
.navbox.rpg.ml > * > tr:not(:first-child) > th:only-child { background: #66EAFF; }
.navbox.rpg.ml > * > tr > th { background: aqua; }
.navbox.rpg.ml > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #9FF; }

.navbox.rpg.smrpg > * > tr > th:only-child { background: dodgerblue; }
.navbox.rpg.smrpg > * > tr:not(:first-child) > th:only-child { background: #389DFF; }
.navbox.rpg.smrpg > * > tr > th { background: #76C4EE; }
.navbox.rpg.smrpg > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #9DD8F2; }

/* Crossovers */
.navbox.crossover > * > tr:nth-child(2n) > td { background: #E0FFE0; }
.navbox.crossover > * > tr > td { background: #EDFFFF; }

.navbox.crossover > * > tr > th:only-child { background: #3A7; }
.navbox.crossover > * > tr:not(:first-child) > th:only-child { background: #43BB99; }
.navbox.crossover > * > tr > th { background: #66CDAA; }
.navbox.crossover > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #80E8C4; }

.navbox.crossover.ssb > * > tr > th:only-child { color: #000; background: #1FFFB9; }
.navbox.crossover.ssb > * > tr:not(:first-child) > th:only-child { background: #4BFFC5; }
.navbox.crossover.ssb > * > tr > th { background: aquamarine; }
.navbox.crossover.ssb > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #9FFFEE; }

/* Alternate media */
.navbox.media > * > tr:nth-child(2n) > td { background: #FFEAAA; }
.navbox.media > * > tr > td { background: #FFFFC0; }

.navbox.media > * > tr > th:only-child { color: #000; background: #FB0; }
.navbox.media > * > tr:not(:first-child) > th:only-child { background: #FFC300; }
.navbox.media > * > tr > th { background: gold; }
.navbox.media > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #FE0; }

/* Former subpages */
.navbox.subpage > * > tr:nth-child(2n) > td { background: lavender; }
.navbox.subpage > * > tr > td { background: ghostwhite; }

.navbox.subpage > * > tr > th:only-child {
	background-color: #6B8CFF;
	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);
}
.navbox.subpage > * > tr:not(:first-child) > th:only-child { background: #8B8CFF; }
.navbox.subpage > * > tr > th { background: lightblue; }
.navbox.subpage > * > tr > th:is(.subheader, :not(.header, [rowspan], [colspan], :only-child)) { background: #BBDDFA; }

/* Consoles */
.navbox.console > * > tr > th:only-child { color: #000; background: #BBB; }
.navbox.console > * > tr:not(:first-child) > th:only-child { background: #C5C5C5; }
Description	What you type	What you get
Italic	''Italic text''	Italic text
Bold	'''Bold text'''	Bold text
Bold & italic	'''''Bold & italic text'''''	*Bold & italic text*