Modèle:Babel field/styles.css

.BU-charte-babel .ModeleBUtilisateurImgTexte {
	font-size:1.5em;
	font-weight: bold;
	color: var(--color-emphasized, #101418);
}
.BU-charte-babel .ModeleBUtilisateurTexte {
	font-size:0.83em;
}

/* Reprise des couleurs de l'extension Babel (gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Babel/+/refs/heads/master/resources/ext.babel.less) */
.ModeleBUtilisateur.BU-charte-babel-0 {
	background-color: #fee;
	border-color: #fbb;
}
.ModeleBUtilisateur.BU-charte-babel-0 .ModeleBUtilisateurGauche {
	background-color: #fbb;
}

.ModeleBUtilisateur.BU-charte-babel-1 {
	background-color: #f3e0f3;
	border-color: #e0c0e0;
}
.ModeleBUtilisateur.BU-charte-babel-1 .ModeleBUtilisateurGauche {
	background-color: #e0c0e0;
}

.ModeleBUtilisateur.BU-charte-babel-2 {
	background-color: #e9e4f9;
	border-color: #bcb9ef;
}
.ModeleBUtilisateur.BU-charte-babel-2 .ModeleBUtilisateurGauche {
	background-color: #bcb9ef;
}

.ModeleBUtilisateur.BU-charte-babel-3 {
	background-color: #e0e8ff;
	border-color: #99b3ff;
}
.ModeleBUtilisateur.BU-charte-babel-3 .ModeleBUtilisateurGauche {
	background-color: #99b3ff;
}

.ModeleBUtilisateur.BU-charte-babel-4 {
	background-color: #d0f8ff;
	border-color: #77e0e8;
}
.ModeleBUtilisateur.BU-charte-babel-4 .ModeleBUtilisateurGauche {
	background-color: #77e0e8;
}

.ModeleBUtilisateur.BU-charte-babel-5 {
	background-color: #ffefa6;
	border-color: #ffcf4d;
}
.ModeleBUtilisateur.BU-charte-babel-5 .ModeleBUtilisateurGauche {
	background-color: #ffcf4d;
}

.ModeleBUtilisateur.BU-charte-babel-N {
	background-color: #c5fcdc;
	border-color: #6ef7a7;
}
.ModeleBUtilisateur.BU-charte-babel-N .ModeleBUtilisateurGauche {
	background-color: #6ef7a7;
}

/* Mode sombre */
@media screen {
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-0 {
		background-color: var(--background-color-base,#101418);
		border-color: #692626;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-0 .ModeleBUtilisateurGauche {
		background-color: #692626;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-1 {
		background-color: var(--background-color-base,#101418);
		border-color: #4b2b4b;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-1 .ModeleBUtilisateurGauche {
		background-color: #4b2b4b;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-2 {
		background-color: var(--background-color-base,#101418);
		border-color: #3f3b71;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-2 .ModeleBUtilisateurGauche {
		background-color: #3f3b71;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-3 {
		background-color: var(--background-color-base,#101418);
		border-color: #314a95;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-3 .ModeleBUtilisateurGauche {
		background-color: #314a95;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-4 {
		background-color: var(--background-color-base,#101418);
		border-color: #004851;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-4 .ModeleBUtilisateurGauche {
		background-color: #004851;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-5 {
		background-color: var(--background-color-base,#101418);
		border-color: #5c2d00;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-5 .ModeleBUtilisateurGauche {
		background-color: #5c2d00;
	}

	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-N {
		background-color: var(--background-color-base,#101418);
		border-color: #004c00;
	}
	html.skin-theme-clientpref-night .ModeleBUtilisateur.BU-charte-babel-N .ModeleBUtilisateurGauche {
		background-color: #004c00;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-0 {
		background-color: var(--background-color-base,#101418);
		border-color: #692626;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-0 .ModeleBUtilisateurGauche {
		background-color: #692626;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-1 {
		background-color: var(--background-color-base,#101418);
		border-color: #4b2b4b;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-1 .ModeleBUtilisateurGauche {
		background-color: #4b2b4b;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-2 {
		background-color: var(--background-color-base,#101418);
		border-color: #3f3b71;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-2 .ModeleBUtilisateurGauche {
		background-color: #3f3b71;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-3 {
		background-color: var(--background-color-base,#101418);
		border-color: #314a95;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-3 .ModeleBUtilisateurGauche {
		background-color: #314a95;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-4 {
		background-color: var(--background-color-base,#101418);
		border-color: #004851;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-4 .ModeleBUtilisateurGauche {
		background-color: #004851;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-5 {
		background-color: var(--background-color-base,#101418);
		border-color: #5c2d00;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-5 .ModeleBUtilisateurGauche {
		background-color: #5c2d00;
	}

	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-N {
		background-color: var(--background-color-base,#101418);
		border-color: #004c00;
	}
	html.skin-theme-clientpref-os .ModeleBUtilisateur.BU-charte-babel-N .ModeleBUtilisateurGauche {
		background-color: #004c00;
	}
}

/* [[Catégorie:Charte de Boîte Utilisateur|babel]] */