MediaWiki:Gadget-StiliNavtemplate.css

/* Template di Navigazione */
/* Tabella colori */
.bordo {
	color: var(--bannercolor);
	background: var(--bordercolor);
}

.banner {
	color: var(--bannercolor);
	background: var(--bannerbg);
}

.subbanner {
	color: var(--subbannercolor);
	background: var(--subbannerbg);
}

.header {
	color: var(--headercolor);
	background: var(--headerbg);
}

.subheader {
	color: var(--subheadercolor);
	background: var(--subheaderbg);
}

.pari {
	background: var(--bg);
}

.dispari {
	background: var(--altbg);
}

.pari, .dispari {
	color: blue;
}

/* Navigazione */
.navtemplate {
	border: 2px solid var(--bordercolor);
	margin-top: 2px;
	width:100%;
	border-radius: 10px;
	font-family:Arial; 
	font-size: 11px; 
	line-height: 25px;
}

.navtemplate th, .navtemplate td {
    padding-left: 2px;
    padding-right: 3px;
}

.navtemplate > * > tr > th:only-child, 
.navtemplate > * > tr > td:only-child {
	border-radius: 6px;
}

.navtemplate > * > tr > th {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.navtemplate > * > tr > td {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}
.infobox th a:not(.new),
.navtemplate th a:not(.new) {
	color: inherit !important;
}

/* Colorazione navtemplate */
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after,
.mw-collapsible-text {
	color: var(--bannercolor) !important;
}
.navtemplate > * > tr:first-child > th:only-child {
	color: var(--bannercolor);
	background-color: var(--bannerbg);
}

.navtemplate > * > tr:not(:first-child) > th:only-child {
	color: var(--subbannercolor);
	background: var(--subbannerbg);
}
.navtemplate > * > tr:not(:first-child) > th:not(:only-child) {
	color: var(--headercolor);
	background: var(--headerbg);
}
.navtemplate:has(> * > tr > th[rowspan]) > * > tr:not(:first-child) > th:is(.subheader, :not(:has(+ th), [rowspan], [colspan], :only-child)) {
	color: var(--subheadercolor);
	background: var(--subheaderbg);
	border-radius: 0px;
}

.navtemplate > * > tr:nth-child(2n) td {
	background: var(--bg);
}
.navtemplate > * > tr:nth-child(2n+1) td {
	background: var(--altbg);
}

.navtemplate > * > tr > td:only-child:not(:has(.navtemplate)) {
  text-align:center;
}

.navtemplate > * > tr > td:only-child:has(.navtemplate) {
  padding:0
}

/* --------------------------- Giochi principali --------------------------- */
/* Predefinito */
.navtemplate {
	--color: #000;
	--bordercolor:#444;
	--bannercolor: #FFF;
	--bannerbg: #888;
	--subbannercolor: var(--bannercolor);
	--subbannerbg: #9F9F9F;
	--headercolor: inherit;
	--headerbg: #D3D3D3;
	--subheadercolor: var(--headercolor);
	--subheaderbg: #DDD;
	--evenbg: var(--bg);
	--oddbg: var(--altbg);
	--bg: #F5F5F5;
	--altbg: #FEFEFE;
}

/* Mario */
table.mario {
	--border: #000;
	--bordercolor: #5C0000;
	--bannerbg: #CC0000;
	--subbannerbg: #D33;
	--headerbg: #FF4433;
	--subheaderbg: #FF7F50;
	--bg: #FEE4C5;
	--altbg: #FFF5EE;
	
	--darkborder: #000;
	--darkbordercolor: #b30000;
	--darkbannerbg: #800;
	--darksubbannerbg: #711;
	--darkheaderbg: #661107;
	--darksubheaderbg: #550703;
	--darkbg: #441711;
	--darkaltbg: #311;
}

table.mario.sm {
	--bordercolor: #8b1810;
	--bannerbg: #FF2400;
	--subbannerbg: #F40;
	--headerbg: #FF7733;
	--subheaderbg: #FCAA57;

	--darkbordercolor: #b32d00;
	--darkbannerbg: #820;
	--darksubbannerbg: #721;
	--darkheaderbg: #661707;
	--darksubheaderbg: #551103;
}

/* Donkey Kong */
table.dk {
	--border: #000;
	--bordercolor: #3C2906;
	--bannerbg: #9C6936;
	--subbannerbg: #A74;
	--headerbg: #BE9966;
	--subheaderbg: #DDBA88;
	--bg: #F5DEB3;
	--altbg: #FFF8DC;

	--darkbordercolor: #3C2906;
	--darkbannerbg: #82562D;
	--darksubbannerbg: #774B22;
	--darkheaderbg: #641;
	--darksubheaderbg: #531;
	--darkbg: #332207;
	--darkaltbg: #221703;
}

table.dk.dkc {
	--bordercolor: #62481B;
	--bannerbg: #8B4513;
	--subbannerbg: #AB6543;
	--headerbg: #BB8855;
	--subheaderbg: #DBA670;

	--darkbordercolor: #62481B;
	--darkbannerbg: #741;
	--darksubbannerbg: #631;
	--darkheaderbg: #552C0C;
	--darksubheaderbg: #4C2707;
}
table.dk.mvdk {
	--bordercolor: #62481B;
	--bannerbg: #b98832;
	--subbannerbg: #E4843F;
	--headerbg: #F4A460;
	--subheaderbg: #F4A460;

	--darkbordercolor: #62481B;
	--darkbannerbg: #851;
	--darksubbannerbg: #775011;
	--darkheaderbg: #60470C;
	--darksubheaderbg: #4F3907;
}
table.dk.arcade {
	--bordercolor: #4C2F16;
	--bannerbg: #BB882A;
	--subbannerbg: #CC981B;
	--headerbg: #CC8E51;
	--subheaderbg: #D7A675;

	--darkbordercolor: #4C2F16;
	--darkbannerbg: #972;
	--darksubbannerbg: #862;
	--darkheaderbg: #705517;
	--darksubheaderbg: #504710;
}

/* Wario */
table.wario {
	--border: #000;
	--bordercolor: #3D0A3E;
	--bannerbg: purple;
	--subbannerbg: #A42AA3;
	--headerbg: orchid;
	--subheaderbg: #E58DE2;
	--bg: #F7C0F7;
	--altbg: #F8DFF8;
	
	--darkbordercolor: #3D0A3E;
	--darkbannerbg: #800780;
	--darksubbannerbg: #700570;
	--darkheaderbg: #600460;
	--darksubheaderbg: #470347;
	--darkbg: #330233;
	--darkaltbg: #202;
}
table.wario.ww {
	--bordercolor: purple;
	--bannerbg: darkorchid;
	--subbannerbg: #A44CD1;
	--headerbg: #C090DD;
	--subheaderbg: #D89FE8;

	--darkbordercolor: purple;
	--darkbannerbg: #80A;
	--darksubbannerbg: #6C00A0;
	--darkheaderbg: #500077;
	--darksubheaderbg: #430057;
}
table.wario.wl {
	--bordercolor: #870087;
	--bannerbg: #DF00DF;
	--subbannerbg: #E323E3;
	--headerbg: violet;
	--subheaderbg: #F3A0F3;

	--darkbordercolor: #870087;
	--darkbannerbg: #A0A;
	--darksubbannerbg: #808;
	--darkheaderbg: #707;
	--darksubheaderbg: #505;
}

/* Yoshi */
table.yoshi {
	--border: #000;
	--bannercolor: #FFF;
	--bordercolor: #0D7310;
	--bannerbg: #00B300;
	--subbannerbg: #00C600;
	--headerbg: #13EC13;
	--subheaderbg: #79FF4D;
	--bg: #B8FFB3;
	--altbg: #E6FFE6;
	
	--darkbordercolor: #0D7310;
	--darkbannerbg: #080;
	--darksubbannerbg: #171;
	--darkheaderbg: #161;
	--darksubheaderbg: #0C550C;
	--darkbg: #074407;
	--darkaltbg: #033303;
}
table.yoshi.yi {
	--bordercolor: darkgreen;
	--bannerbg: forestgreen;
	--subbannerbg: #26A526;
	--headerbg: #28BD28;
	--subheaderbg: #66E64D;

	--darkbordercolor: darkgreen;
	--darkbannerbg: #177717;
	--darksubbannerbg: #136613;
	--darkheaderbg: #105510;
	--darksubheaderbg: #0C4A0C;
}

/* --------------------------- Giochi Secondari --------------------------- */
/* Luigi's Mansion */
table.lm {
	--bordercolor: #003F00;
	--bannerbg: darkgreen;
	--subbannerbg: #007E00;
	--headerbg: #009F00;
	--subheaderbg: #32CD32;
	--bg: #BBFF99;
	--altbg: #DDFFCC;
	
	--darkbordercolor: #003F00;
	--darkbannerbg: #060;
	--darksubbannerbg: #005A00;
	--darkheaderbg: #004D00;
	--darksubheaderbg: #030;
	--darkbg: #002600;
	--darkaltbg: #000D00;
}

 /* Peach */
table.peach {
	--bordercolor: #77004F;
	--bannercolor: black;
	--bannerbg: #FF5EC9;
	--subbannerbg: #FF54B8;
	--headerbg: #FFA8DA;
	--subheaderbg: #FFAEDD;
	--bg: #FFD8EF;
	--altbg: #FFF2F9;

	--darkbordercolor: #77004F;
	--darkbannerbg: #A27;
	--darksubbannerbg: #901766;
	--darkheaderbg: #771150;
	--darksubheaderbg: #500C44;
	--darkbg: #440733;
	--darkaltbg: #33032C;
}

/* Sport - generico */
table.sport {
	--bordercolor: #0f8a13;
	--bannercolor: #000;
	--bannerbg: yellowgreen;
	--subbannerbg: #AED75B;
	--headerbg: greenyellow;
	--subheaderbg: #DDFF2F;
	--bg: #fbffe6;
	--altbg: #f4ffbb;

	--darkbordercolor: #0f8a13;
	--darkbannerbg: #681;
	--darksubbannerbg: #571;
	--darkheaderbg: #446607;
	--darksubheaderbg: #335507;
	--darkbg: #223303;
	--darkaltbg: #0C2202;
}

/* --------------------------- Spinoff --------------------------- */
table.spinoff {
	--border: #000;
	--bannercolor: #000;
	--bg: #FFFCCB;
	--altbg: #FDFFE3;

	--darkbg: #332700;
	--darkaltbg: #221C00;
}

/* Mario Kart */ 
table.spinoff.mk {
	--bordercolor: #ceae20;
	--bannerbg: gold;
	--subbannerbg: #FFDF33;
	--headerbg: #FFEE00;
	--subheaderbg: yellow;

	--darkbordercolor: #ceae20;
	--darkbannerbg: #AA9000;
	--darksubbannerbg: #887000;
	--darkheaderbg: #665000;
	--darksubheaderbg: #504000;
}

/* Mario Party */ 
table.spinoff.mp {
	--bordercolor: #a8a800;
	--bannerbg: #FAFA00;
	--subbannerbg: #FFFF48;
	--headerbg: #FFFF33;
	--subheaderbg: #fffe86;

	--darkbordercolor: #a8a800;
	--darkbannerbg: #A90;
	--darksubbannerbg: #887C00;
	--darkheaderbg: #665D00;
	--darksubheaderbg: #504E00;
}
/* Dr. Mario */ 
table.spinoff.dm {
	--bordercolor: #494700;
	--bannerbg: #D0CC00;
	--subbannerbg: #D6D500;
	--headerbg: #EEFF00;
	--subheaderbg: #E9F600;

	--darkbordercolor: #494700;
	--darkbannerbg: #880;
	--darksubbannerbg: #771;
	--darkheaderbg: #661;
	--darksubheaderbg: #551;
}

/* --------------------------- RPG --------------------------- */
table.rpg {
	--bg: #D0EEFE;
	--altbg: #F0F8FF;
 
	--darkbg: #114;
	--darkaltbg: #113;
}
/* Paper Mario */
table.rpg.pm {
	--bordercolor: #000080;
	--bannerbg: #0000CC;
	--subbannerbg: blue;
	--headerbg: #74A5ED;
	--subheaderbg: #AADDFF;
	
	--darkbordercolor: #000080;
	--darkbannerbg: #00A;
	--darksubbannerbg: #009;
	--darkheaderbg: #070777;
	--darksubheaderbg: #070766;
}
/* Mario & Luigi */
table.rpg.ml {
	--bordercolor: #3e8ebf;
	--bannercolor: #000;
	--bannerbg: #99DDFF;
	--subbannerbg: #A5E2FF;
	--headerbg: #A5E2FF;
	--subheaderbg: #BFEBFF;
	
	--darkbordercolor: #3e8ebf;
	--darkbannerbg: #079;
	--darksubbannerbg: #058;
	--darkheaderbg: #073366;
	--darksubheaderbg: #072255;
}

/* Super Mario RPG */
table.rpg.smrpg {
	--bordercolor: blue;
	--bannerbg: dodgerblue;
	--subbannerbg: #4da6ff;
	--headerbg: skyblue;
	--subheaderbg: #bee5f4;

	--darkbordercolor: blue;
	--darkbannerbg: #159;
	--darksubbannerbg: #148;
	--darkheaderbg: #137;
	--darksubheaderbg: #112755;
}

/* --------------------------- Crossover --------------------------- */
table.crossover {
	--bordercolor: #0f6a13;
	--bannerbg: #33AA77;
	--subbannerbg: #43BB99;
	--headerbg: #66CDAA;
	--subheaderbg: #80E8C4;
	--bg: #DDFFDD;
	--altbg: #EEFFEE;

	--darkbordercolor:#0f6a13;
	--darkbannerbg: #296;
	--darksubbannerbg: #275;
	--darkheaderbg: #196640;
	--darksubheaderbg: #195538;
	--darkbg: #114430;
	--darkaltbg: #132;
}
table.crossover.ssb {
	--bordercolor: #12a074;
	--bannercolor: #000;
	--bannerbg: #1FFFB9;
	--subbannerbg: #4BFFC5;
	--headerbg: aquamarine;
	--subheaderbg: #9FFFEE;

	--darkbordercolor: #12a074;
	--darkbannerbg: #298;
	--darksubbannerbg: #227770;
	--darkheaderbg: #196655;
	--darksubheaderbg: #195550;
}

/* --------------------------- Vario --------------------------- */

/* Media vari */
table.media {
	--bordercolor: #FF970F;
	--bannercolor: #000;
	--bannerbg: #FFBB00;
	--subbannerbg: #FFC300;
	--headerbg: gold;
	--subheaderbg: #FFEE00;
	--bg: #FEEAAD;
	--altbg: #FDFFE3;
	
	--darkbordercolor: #FF970F;
	--darkbannerbg: #A72;
	--darksubbannerbg: #962;
	--darkheaderbg: #775517;
	--darksubheaderbg: #554017;
	--darkbg: #3A2211;
	--darkaltbg: #291907;
}

/* Altro */
table.other {
	--bordercolor: #102073;
	--bannercolor: #FFF;
	--bannerbg: #6687ff;
	--subbannerbg: #6cafff;
	--headerbg: lightblue;
	--subheaderbg: #BBDDFA;
	--bg: lavender;
	--altbg: ghostwhite;
	
	--darkbordercolor: #4b65e7;	
	--darkbannerbg: #459;
	--darksubbannerbg: #348;
	--darkheaderbg: #237;
	--darksubheaderbg: #192966;
	--darkbg: #1B1B2E;
	--darkaltbg: #212145;
}

table.other.ligiochi {
	--bannerbg: #ABC;
	--bannercolor: #000;
	--headerbg:	#ABC;
	--evenbannerbg: #d5d5f6;
	--oddbannerbg: #E9E9FF;
	
	--darkbannerbg: #456;
	--darkheaderbg:	#456;
	--darkevenbannerbg: #262640;
	--darkoddbannerbg: #292956;
}

table.other.ligiochi tr.inarrivo {
	--bg: #FFD700;
	--altbg: #ffe44d;
	--evenbannerbg: #f2d00d;
	--oddbannerbg: #f6de55;

	--darkbg: #4d4100;
	--darkaltbg: #665700;
	--darkevenbannerbg: #665700;
	--darkoddbannerbg: #806c00;
}

table.lingue {
	--bordercolor: #537ca5;
	--bannercolor: #000;
	--headerbg: #79b9f8;
	--bg: #e0e0f0;
	--altbg: #ededf2;
	
	--darkbordercolor: #334d66;
	--darkbannercolor: #fff;
	--darkheaderbg: #053361;
	--darkbg: #222244;
	--darkaltbg: #1f1f2d;
}

/* Console */
table.console {
	--bordercolor: #8D8D8D;
	--bannercolor: #000;
	--bannerbg: silver;
	--subbannerbg: #cccccc;
	--headerbg: #D3D3D3;
	--subheaderbg: #d9d9d9;
	--bg: #F5F5F5;
	--altbg: #ededed;

	--darkbordercolor: #8D8D8D;
	--darkbannerbg: #666;
	--darksubbannerbg: #555;
	--darkheaderbg: #2A2A2A;
	--darkbg: #1A1A1A;
	--darkaltbg: #111;
}