Voir la source de Modèle:Début encart coloré/styles.css

.encart-colore {
	box-shadow: 0 0 .2em #999;
	margin: 0.5em 0.5em 1em 0.5em;
	padding: 0.5em 1em;
	border-radius: 0 0 .2em .2em;
	background-color: var(--couleur-fond-boite-grise, #f9f9f9);
}

/* Couleur de fond */

.encart-colore-bleu {
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
}

.encart-colore-vert {
	background-color: var(--background-color-success-subtle, #d5fdf4);
}

.encart-colore-vertmoyen {
	background-color: #88BB55;
	color: #000;
}

.encart-colore-jaune {
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

.encart-colore-orange {
	background-color: #FE701F;
	color: #000;
}

.encart-colore-rouge {
	background-color: var(--background-color-destructive, #d73333);
	color: #fff;
}

.encart-colore-gris {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
}

.encart-colore-blanc {
	background-color: var(--background-color-base-fixed, #fff);
	color: #000;
}

.encart-colore-noir {
	background-color: #000;
	color: #FFF;
}

.encart-colore-transp {
	background-color: transparent;
}

/* Couleur de l'ombre */

.encart-colore-ombre-bleu {
	box-shadow: 0 0 .2em #eaf3ff;
}

.encart-colore-ombre-vert {
	box-shadow: 0 0 .2em #d5fdf4;
}

.encart-colore-ombre-vertmoyen {
	box-shadow: 0 0 .2em #88BB55;
}

.encart-colore-ombre-jaune {
	box-shadow: 0 0 .2em #fef6e7;
}

.encart-colore-ombre-orange {
	box-shadow: 0 0 .2em #FE701F;
}

.encart-colore-ombre-rouge {
	box-shadow: 0 0 .2em #fee7e6;
}

.encart-colore-ombre-gris {
	box-shadow: 0 0 .2em #f8f9fa;
}

.encart-colore-ombre-blanc {
	box-shadow: 0 0 .2em #FFF;
}

.encart-colore-ombre-noir {
	box-shadow: 0 0 .2em #000;
}

.encart-colore-ombre-transp {
	box-shadow: none;
}

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