Template:Tabmarkup/styles.css

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

.tabmarkup-table {
	margin-left: auto; 
	margin-right: auto; 
	width: 98%; 
	font-size: 95%;
}
.tabmarkup-header {
	text-align: center; 
	color: #800080;
}
.tabmarkup-tr {
	background-color: #F0E0FF; 
	color: inherit;
}
.tabmarkup-td {
	width: 50%; 
	font-size: 110%; 
	border-bottom: 1px solid #800080;
}
.tabmarkup-td-sep { /* celle di separazione */
	width: 2%; 
	border-bottom: 1px solid #800080;
}
.tabmarkup-td-top { /* prima riga, con bordo in alto */
	border-top: 1px solid #800080; 
}

/* colori per al modalità scura */

@media screen {
	html.skin-theme-clientpref-night .tabmarkup-header {
		color: #F0E0FF;
	}
	html.skin-theme-clientpref-night .tabmarkup-td, html.skin-theme-clientpref-night .tabmarkup-td-sep {
		border-bottom: 1px solid #F0E0FF;
	}
	html.skin-theme-clientpref-night .tabmarkup-td-top {
		border-top: 1px solid #F0E0FF;
	}
	html.skin-theme-clientpref-night .tabmarkup-tr {
		background: #350066;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tabmarkup-header {
		color: #F0E0FF;
	}
	html.skin-theme-clientpref-os .tabmarkup-td, html.skin-theme-clientpref-os .tabmarkup-td-sep {
		border-bottom: 1px solid #F0E0FF;
	}
	html.skin-theme-clientpref-os .tabmarkup-td-top {
		border-top: 1px solid #F0E0FF;
	}
	html.skin-theme-clientpref-os .tabmarkup-tr {
		background: #350066;
	}
}