Usuari:Vriullop/vector-2022.css

Nota: Després de publicar, possiblement necessitareu refrescar la memòria cau del vostre navegador per a veure'n els canvis.

  • Firefox / Safari: Premeu Majús i alhora cliqueu el botó Actualitzar, o pressioneu Ctrl+F5 o Ctrl+R (⌘+R en un Mac)
  • Google Chrome: Premeu Ctrl+Majús+R (⌘+Shift+R en un Mac)
  • Internet Explorer / Edge: Premeu Ctrl i alhora cliqueu a Actualitza o pressioneu Ctrl+F5
  • Opera: Premeu Ctrl-F5.
.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 {
	color: inherit;
	background-color: #F6F6F6;
}
/*
div.nav-frame div.nav-head:active,
details.nav-frame summary.nav-head:active {
	color: inherit;
	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;
}