Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

Page de l’interface de MediaWiki
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
Balise : Révoqué
Ligne 1 : Ligne 1 :
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */


:root {
/* Header, footer, navbar en sombre */
  --citizen-primary-color: #98ce6f;        /* Vert prairie Uma Musume */
  --citizen-secondary-color: #ffd7ef;      /* Rose doux */
  --citizen-accent-color: #91d3f9;          /* Bleu ciel */
  --citizen-background-color: #f4f4f4;      /* Gris très clair */
  --citizen-header-color: #ffe684;          /* Jaune pastel */
  --citizen-link-color: #1c84c6;            /* Bleu liens */
  --citizen-text-color: #222;              /* Texte foncé */
}
 
/* Couleur de fond générale */
body {
  background: var(--citizen-background-color);
  color: var(--citizen-text-color);
}
 
/* Header, navbar, footer */
.citizen-header,
.citizen-header,
.citizen-navbar,
.citizen-navbar,
.citizen-footer {
.citizen-footer {
   background: var(--citizen-primary-color) !important;
   background: #1c2330 !important;   /* bleu/gris sombre */
   color: var(--citizen-text-color) !important;
   color: #fff !important;
}
}


/* Liens */
.citizen-navbar a, .citizen-navbar a:visited {
a, .citizen-navbar a, .citizen-navbar a:visited {
   color: #98ce6f !important;        /* vert Uma Musume sur fond sombre */
   color: var(--citizen-link-color) !important;
}
 
/* Sidebar en sombre aussi */
.citizen-sidebar {
  background: #252d3a !important;
  color: #fff !important;
  border-radius: 10px;
  border: none;
}
}


/* Encadrés accueil façon Fandom */
/* Encadrés de la page d'accueil et autres éléments mis en valeur */
.mainpage-box, .fandombox {
.mainpage-box, .fandombox {
   border: 2px solid var(--citizen-primary-color);
   border: 2px solid #98ce6f;
   background: var(--citizen-secondary-color);
   background: #fff;
  color: #222;
   border-radius: 12px;
   border-radius: 12px;
   padding: 16px;
   padding: 16px;
   margin-bottom: 1em;
   margin-bottom: 1em;
  box-shadow: 0 2px 8px #1c233022;
}
}


/* Titres de section (ex: h2, h3) */
/* Titres de section colorés */
h2, h3 {
h2, h3 {
   color: var(--citizen-accent-color);
   color: #98ce6f;
}
 
/* Sidebar couleurs */
.citizen-sidebar {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
}
}


/* Quelques ombrages doux pour le relief */
/* boutons pastel façon Uma Musume */
.mainpage-box, .citizen-sidebar, .citizen-footer {
.mw-ui-button, .citizen-button {
   box-shadow: 0 2px 12px #98ce6f22;
   background: #ffd7ef;
  color: #252d3a;
  border-radius: 20px;
  border: 1px solid #98ce6f;
  transition: background 0.2s;
}
}
.mw-ui-button:hover, .citizen-button:hover {
  background: #98ce6f;
  color: #fff;

Version du 7 juillet 2025 à 21:09

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

/* Header, footer, navbar en sombre */
.citizen-header,
.citizen-navbar,
.citizen-footer {
  background: #1c2330 !important;    /* bleu/gris sombre */
  color: #fff !important;
}

.citizen-navbar a, .citizen-navbar a:visited {
  color: #98ce6f !important;        /* vert Uma Musume sur fond sombre */
}

/* Sidebar en sombre aussi */
.citizen-sidebar {
  background: #252d3a !important;
  color: #fff !important;
  border-radius: 10px;
  border: none;
}

/* Encadrés de la page d'accueil et autres éléments mis en valeur */
.mainpage-box, .fandombox {
  border: 2px solid #98ce6f;
  background: #fff;
  color: #222;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 1em;
  box-shadow: 0 2px 8px #1c233022;
}

/* Titres de section colorés */
h2, h3 {
  color: #98ce6f;
}

/* boutons pastel façon Uma Musume */
.mw-ui-button, .citizen-button {
  background: #ffd7ef;
  color: #252d3a;
  border-radius: 20px;
  border: 1px solid #98ce6f;
  transition: background 0.2s;
}
.mw-ui-button:hover, .citizen-button:hover {
  background: #98ce6f;
  color: #fff;