Modèle:Barre colorée/styles.css

.barre-coloree {
	box-shadow: 0 0 0.2em #999;
	background-color: var(--background-color-interactive-subtle, #f8f9fa);
	border-radius: 0.2em;
	margin: 0.5em 0.5em 1em 0.5em;
	padding: 0.5em 1em 0.5em 1em;
}
.barre-coloree-centre {
	padding: 0.4em 0.5em 0.5em;
	text-align: center;
}
.barre-coloree-titre {
	color: var(--color-emphasized,#000000);
	font-weight: bold;
}

/* Mode sombre de l'ombre de la boîte */
@media screen {
	html.skin-theme-clientpref-night .barre-coloree {
		box-shadow: 0 0 0.2em #666;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .barre-coloree {
		box-shadow: 0 0 0.2em #666;
	}
}

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