Template:Capitolo/styles.css

/* stili per [[Template:Capitolo]] e [[Template:Capitolo 2]] */
/* [[Categoria:Fogli di stile TemplateStyles]] */

/* classi specifiche per [[Template:Capitolo]] */

.capitolo {
	padding-left: 6px; 
	padding-right: 6px; 
	margin-bottom: 20px; 
	margin-top: 10px;
	background: #f8f9fa;
	color: inherit;
	border: 1px solid #a2a9b1;
	text-align: center;
}

/* classi specifiche per [[Template:Capitolo 2]] */

.capitolo-2 {
	background: #f8f9fa;
	border: 1px solid #a2a9b1;
	border-collapse: collapse; 
	margin: 0 auto;
	padding: 4px;
	border-spacing: 0;
	text-align: center;
}
.capitolo-2 td {
	border: 1px solid #a2a9b1;
}
.capitolo-2-th {
	text-align: center; 
	font-size: x-small; 
	padding: 0pt 0pt 0pt 0pt; 
	background-color: #69d;
	font-weight: bold;
}
.capitolo-2-th a {
	color: #ddf;
}
.capitolo-2-side {
	width: 30%; 
	text-align: center;
}
.capitolo-2-center {
	width: 40%; 
	text-align: center;
}

/*** DARK MODE ***/

@media screen {
	html.skin-theme-clientpref-night .capitolo { /* classe per [[Template:Capitolo]] */
		background: #202122;
		border: 1px solid #a2a9b1;
	}
	html.skin-theme-clientpref-night .capitolo-2 { /* classi per [[Template:Capitolo 2]] */
		background: #202122;
		border: 1px solid #a2a9b1;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .capitolo { /* classe per [[Template:Capitolo]] */
		background: #202122;
		border: 1px solid #a2a9b1;
	}
	html.skin-theme-clientpref-os .capitolo-2 { /* classe per [[Template:Capitolo 2]] */
		background: #202122;
		border: 1px solid #a2a9b1;
	}
}