Template:Navigazione vetrina/styles.css

/* stili per [[Template:Navigazione vetrina]] */
/* [[Categoria:Fogli di stile TemplateStyles]] */

.nav-vetrina {
	width: 250px;
	float: right; 
	border: 1px solid #aaaaaa; 
	background-color: #f9f9f9; 
	margin-left: .5em;
	margin-bottom: .5em;
}
.nav-vetrina-th {
	text-align: center; 
	background: #ccf; 
	padding: 0 4px;
}

/* stili per il tema scuro */

@media screen {
	html.skin-theme-clientpref-night .nav-vetrina {
		background: #27292d;
	}
	html.skin-theme-clientpref-night .nav-vetrina-th {
		background: #101418;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .nav-vetrina {
		background: #27292d;
	}
	html.skin-theme-clientpref-os .nav-vetrina-th {
		background: #101418;
	}
}

/* stili per dispositivi mobili */

@media screen and (max-width: 700px) {
	.nav-vetrina {
		width: 100%;
	}
}