Plantilla:navbar/styles.css

.nav-frame {
	margin: 0 0 -1px 0;
	padding: 2px;
	border: 1px solid #aaaaaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
	overflow: auto;
	width: auto;
	clear: both;
}

.nav-head {
	min-height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	font-style: italic;
	text-align: left;
	padding-left: 10px;
	background-image: linear-gradient(180deg, #EFEFEF, #E3E3E3 60%, #DFDFDF);
}

div.nav-frame div.nav-head:hover,
details.nav-frame summary.nav-head:hover {
	background-color: #F6F6F6;
}

div.nav-frame div.nav-head:active,
details.nav-frame summary.nav-head:active {
	background-color: #E3E3E3;
}

/* forced night mode */
@media screen {
	html.skin-theme-clientpref-night .nav-head {
		color: #FFF;
		background-color: #020024;
    	background-image: linear-gradient(180deg, #020024, #7C7D7D);
	}
	html.skin-theme-clientpref-night div.nav-frame div.nav-head:hover,
	html.skin-theme-clientpref-night details.nav-frame summary.nav-head:hover {
		color: #000;
		background-color: #7C7D7D;
	}
	html.skin-theme-clientpref-night div.nav-frame div.nav-head:active,
	html.skin-theme-clientpref-night details.nav-frame summary.nav-head:active {
		color: #000;
		background-color: #020024;
	}
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .nav-head {
    	color: #FFF;
    	background-color: #020024;
    	background-image: linear-gradient(180deg, #020024, #7C7D7D);
    }
    html.skin-theme-clientpref-os div.nav-frame div.nav-head:hover,
    html.skin-theme-clientpref-os details.nav-frame details.nav-head:hover {
    	color: #000;
    	background-color: #7C7D7D;
    }
    html.skin-theme-clientpref-os div.nav-frame div.nav-head:active,
    html.skin-theme-clientpref-os details.nav-frame details.nav-head:active {
    	color: #000;
    	background-color: #020024;
    }
}

/* added by MediaWiki:Gadget-defaultVisibilityToggles.js */
.NavToggle {
	cursor: pointer;
	float: right;
	font-weight: normal;
	font-size: smaller;
}

.nav-content{
	font-size: 100%;
	vertical-align: top;
	text-align: left;
}