« MediaWiki:Citizen.css » : différence entre les versions

Dernière version du 11 juillet 2025 à 08:55

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */

:root.skin-theme-clientpref-day {
    --color-surface-0: #f7f7f7;     /* Fond principal gris très clair */
    --color-surface-1: #f3fbe7;     /* Vert très très pâle pour zones secondaires */
    --color-surface-2: #f3fbe7;
    --color-surface-3: #fff7c2;     /* Jaune pastel, optionnel pour highlights */
    --color-surface-4: #eef8e3;     /* Vert doux pour boutons ou encadrés */
    --color-base: #232323;          /* Texte principal, très foncé */
    --color-base--emphasized: #313131;
    --color-base--subtle: #686868;
}

/* Thème sombre Uma Musume */
:root.skin-theme-clientpref-night {
    --color-surface-0: #181b22;       /* Fond sombre */
    --color-surface-1: #232631;       /* Surfaces secondaires */
    --color-surface-2: #232631;
    --color-surface-3: #232631;
    --color-surface-4: #232631;
    --color-base: #fff;               /* Texte blanc */
    --color-base--emphasized: #fff;
    --color-base--subtle: #b6b2d3;    /* Gris/violet clair pour textes subtils */
}

/* Mode auto (utilise les couleurs du mode sombre) */
@media screen and (prefers-color-scheme: dark) {
    :root.skin-theme-clientpref-os {
        --color-surface-0: #181b22;
        --color-surface-1: #232631;
        --color-surface-2: #232631;
        --color-surface-3: #232631;
        --color-surface-4: #232631;
        --color-base: #fff;
        --color-base--emphasized: #fff;
        --color-base--subtle: #b6b2d3;
    }
}

.catlinks {
  display: none !important;
}

.infobox-img {
  max-width: 95% !important;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

body[class*="page-Catégorie_Images_de_"] .mw-category-generated {
    display: none !important;
}

.ns-14 .mw-page-title-main {
    position: relative;
}
.ns-14 .mw-page-title-main::first-letter {
    color: transparent !important;
}

@media (max-width: 700px) {
  .infobox-personnage:after,
  .mw-parser-output > div[style*="float:right"]:after {
    content: '';
    display: block;
    clear: both;
  }
}