MediaWiki:Gadget-NamespaceColorati.css

Questa pagina definisce alcuni parametri di aspetto e comportamento generale di tutte le pagine. Per personalizzarli vedi Aiuto:Stile utente.

Nota: dopo aver salvato è necessario pulire la cache del proprio browser per vedere i cambiamenti (per le pagine globali è comunque necessario attendere qualche minuto). Per Mozilla / Firefox / Safari: fare clic su Ricarica tenendo premuto il tasto delle maiuscole, oppure premere Ctrl-F5 o Ctrl-R (Command-R su Mac); per Chrome: premere Ctrl-Shift-R (Command-Shift-R su un Mac); per Konqueror: premere il pulsante Ricarica o il tasto F5; per Opera può essere necessario svuotare completamente la cache dal menù Strumenti → Preferenze; per Internet Explorer: mantenere premuto il tasto Ctrl mentre si preme il pulsante Aggiorna o premere Ctrl-F5.

/* Colori differenziati per namespace sulla skin Vector-2022 */
.ns-talk .mw-page-container,
.ns-talk .vector-header,
.ns-talk #vector-appearance-pinned-container,
.ns-talk #vector-main-menu-pinned-container,
.ns-talk #vector-page-tools-pinned-container {
	background: #ffe;
}
.ns-4 .mw-page-container,
.ns-4 .vector-header,
.ns-4 #vector-appearance-pinned-container,
.ns-4 #vector-main-menu-pinned-container,
.ns-4 #vector-page-tools-pinned-container {
	background: #efe;
}
.ns-8 .mw-page-container,
.ns-8 .vector-header,
.ns-8 #vector-appearance-pinned-container,
.ns-8 #vector-main-menu-pinned-container,
.ns-8 #vector-page-tools-pinned-container {
	background: #f1f1f1;
}
.ns-12 .mw-page-container,
.ns-12 .vector-header,
.ns-12 #vector-appearance-pinned-container,
.ns-12 #vector-main-menu-pinned-container,
.ns-12 #vector-page-tools-pinned-container {
	background: #fee;
}
.ns-100 .mw-page-container,
.ns-100 .vector-header,
.ns-100 #vector-appearance-pinned-container,
.ns-100 #vector-main-menu-pinned-container,
.n2-100 #vector-page-tools-pinned-container {
	background: #f0eeff;
}
.ns-102 .mw-page-container,
.ns-102 .vector-header,
.ns-102 #vector-appearance-pinned-container,
.ns-102 #vector-main-menu-pinned-container,
.ns-102 #vector-page-tools-pinned-container {
	background: #f5fafa;
}

/* Modifiche accessorie */
.vector-sticky-pinned-container::after{
  background: none;
}
#vector-appearance-pinned-container button,
#vector-main-menu-pinned-container button,
#vector-page-tools-pinned-container button{
	border: 1px solid var(--border-color-subtle);
}


/* Modifiche dark mode */
@media screen {
	html.skin-theme-clientpref-night .mw-page-container,
	html.skin-theme-clientpref-night #vector-appearance-pinned-container,
	html.skin-theme-clientpref-night #vector-main-menu-pinned-container,
	html.skin-theme-clientpref-night #vector-page-tools-pinned-container,
	html.skin-theme-clientpref-night .vector-header{
		background-color: var(--background-color-base);
		color: var(--color-base);
	}
	
	html.skin-theme-clientpref-night #vector-appearance-pinned-container button,
	html.skin-theme-clientpref-night #vector-main-menu-pinned-container button,
	html.skin-theme-clientpref-night #vector-page-tools-pinned-container button {
		border: unset;
  }

}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-page-container,
	html.skin-theme-clientpref-os #vector-appearance-pinned-container,
	html.skin-theme-clientpref-os #vector-main-menu-pinned-container,
	html.skin-theme-clientpref-os #vector-page-tools-pinned-container,
	html.skin-theme-clientpref-os .vector-header{
		background-color: var(--background-color-base);
		color: var(--color-base);
	}
	
	html.skin-theme-clientpref-os #vector-appearance-pinned-container button,
	html.skin-theme-clientpref-os #vector-main-menu-pinned-container button
	html.skin-theme-clientpref-os #vector-page-tools-pinned-container button {
		border: unset;
  }
}