« Modèle:Fstats/style.css » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 10 : | Ligne 10 : | ||
.fstats.alternance2 tr:nth-child(odd), |
.fstats.alternance2 tr:nth-child(odd), |
||
.fstats.alternance2 tr:nth-child(odd) th[scope="row"] { |
.fstats.alternance2 tr:nth-child(odd) th[scope="row"] { |
||
background-color: # |
background-color: var(--background-color-base, #fff); |
||
color: #333; |
|||
} |
} |
||
Ligne 19 : | Ligne 18 : | ||
html.skin-theme-clientpref-night .fstats.alternance2 th[scope="row"] { |
html.skin-theme-clientpref-night .fstats.alternance2 th[scope="row"] { |
||
background-color: #002D57; |
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; |
color: #ccc; |
||
} |
} |
||
Ligne 33 : | Ligne 27 : | ||
html.skin-theme-clientpref-os .fstats.alternance2 th[scope="row"] { |
html.skin-theme-clientpref-os .fstats.alternance2 th[scope="row"] { |
||
background-color: #002D57; |
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; |
color: #ccc; |
||
} |
} |
||
Ligne 43 : | Ligne 32 : | ||
.fstats.alternance2.fstats-pied tr, |
.fstats.alternance2.fstats-pied tr, |
||
.fstats.alternance2 |
.fstats.alternance2.fstats-pied th[scope="row"] { |
||
background-color: #E5E5E5; |
background-color: #E5E5E5; |
||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
||
html.skin-theme-clientpref-night .fstats.alternance2 |
html.skin-theme-clientpref-night .fstats.alternance2.fstats-pied tr, |
||
html.skin-theme-clientpref-night .fstats.alternance2 |
html.skin-theme-clientpref-night .fstats.alternance2.fstats-pied th[scope="row"] { background-color: #191919; } |
||
@media (prefers-color-scheme: dark) { |
@media (prefers-color-scheme: dark) { |
||
html.skin-theme-clientpref-os .fstats.alternance2.fstats-pied tr, |
|||
html.skin-theme-clientpref-os .fstats.alternance2.fstats-pied th[scope="row"] { background-color: #191919; } |
|||
} |
} |
||
Version du 5 mai 2024 à 19:00
/* 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: var(--background-color-base, #fff);
}
/* 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;
}
/* 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;
}
}
.fstats.alternance2.fstats-pied tr,
.fstats.alternance2.fstats-pied th[scope="row"] {
background-color: #E5E5E5;
font-weight: bold;
}
html.skin-theme-clientpref-night .fstats.alternance2.fstats-pied tr,
html.skin-theme-clientpref-night .fstats.alternance2.fstats-pied th[scope="row"] { background-color: #191919; }
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .fstats.alternance2.fstats-pied tr,
html.skin-theme-clientpref-os .fstats.alternance2.fstats-pied th[scope="row"] { background-color: #191919; }
}
/* [[Catégorie:Sous-page de modèle feuille de style]] */