Modèle:Thème de qualité/styles.css

.tdq {
	background-color:#F0FFED;
}
.tdq-chapeau {
	background-color:#D7FFC7;
	text-align:center;
	height:25px;
}
.tdq-bouton-modifier {
	float: left;
	margin-left: 1em;
}
.tdq-nbarticles {
	float: right;
	margin-right: 1em;
}
.tdq-frame {
	font-size:90%;
	background-color:#F0FFED;
	border: 1px solid #D7FFC7;
}
div.NavHead.tdq-head {
	width:100%;
	background-color:#F0FFED;
	margin-bottom: 5px;
}
.tdq-jalons {
	width:100%;
	background-color: #F0FFED;
	font-size:90%;
}
table.tdq-jalons tr {
	text-align: left;
}

/* Thème sombre */

html.skin-theme-clientpref-night .tdq-chapeau {
	background-color:#071600;
}
html.skin-theme-clientpref-night .tdq,
html.skin-theme-clientpref-night .tdq-frame,
html.skin-theme-clientpref-night div.NavHead.tdq-head,
html.skin-theme-clientpref-night .tdq-jalons {
	background-color: #0b3402;
}
html.skin-theme-clientpref-night .tdq-frame {
	border: 1px solid #071600;
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tdq-chapeau {
		background-color:#071600;
	}
	html.skin-theme-clientpref-os .tdq,
	html.skin-theme-clientpref-os .tdq-frame,
	html.skin-theme-clientpref-os div.NavHead.tdq-head,
	html.skin-theme-clientpref-os .tdq-jalons {
		background-color: #0b3402;
	}
	html.skin-theme-clientpref-os .tdq-frame {
		border: 1px solid #071600;
	}
}

/* [[Catégorie:Sous-page de modèle feuille de style]] */