Modèle:Fstats/style.css

/* classe fstats utilisée combinée avec alternance2 dans le modèle Fstats début pour définir les couleurs alternées */

/* thème light/day (thème par défaut) */

.fstats.alternance2 tr,
.fstats.alternance2 th[scope="row"] {
	background-color: #ebf5ff;
	color: #333;
}
.fstats.alternance2 tr:nth-child(odd),
.fstats.alternance2 tr:nth-child(odd) th[scope="row"] {
	background-color: #fcfcfc;
	color: #333;
}

/* thème dark/night */

html.skin-theme-clientpref-night .fstats.alternance2 tr,
html.skin-theme-clientpref-night .fstats.alternance2 th[scope="row"] {
    background-color: #002D57;
    color: #ccc;
}
html.skin-theme-clientpref-night .fstats.alternance2 tr:nth-child(odd),
html.skin-theme-clientpref-night .fstats.alternance2 tr:nth-child(odd) th[scope="row"] {
    background-color: #191919;
    color: #ccc;
}

/* thème dark/night, via utilisation du thème défini dans l'OS */

@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .fstats.alternance2 tr,
    html.skin-theme-clientpref-os .fstats.alternance2 th[scope="row"] {
    	background-color: #002D57;
    	color: #ccc;
    }
    html.skin-theme-clientpref-os .fstats.alternance2 tr:nth-child(odd),
    html.skin-theme-clientpref-os .fstats.alternance2 tr:nth-child(odd) th[scope="row"] {
    	background-color: #191919;
    	color: #ccc;
    }
}

.fstats.alternance2.fstats-pied tr,
.fstats.alternance2 tr.fstats-pied th {
	background-color: #E5E5E5;
	font-weight: bold;
}
html.skin-theme-clientpref-night .fstats.alternance2 .fstats-pied tr,
html.skin-theme-clientpref-night .fstats.alternance2 tr.fstats-pied th { background-color: #191919; }
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .fstats-pied tr,
	html.skin-theme-clientpref-os tr.fstats-pied th { background-color: #191919; }
}

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