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

Version du 6 mai 2026 à 09:38

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* Cache le bouton des reading preferences de Citizen */
.citizen-dropdown-summary[aria-details="citizen-preferences-dropdown__card"] {
	display: none !important;
}
/* couleur du site.. */
:root.skin-theme-clientpref-day {
  --color-progressive-oklch__h: 255;
  --color-progressive-oklch__c: 0.18;
  --color-progressive-oklch__l: 52%;

  --color-surface-0: #f3f4f6; /* fond général */
  --color-surface-1: #dcdfe4; /* bas de page */
  --color-surface-2: #dcdfe4; /* bloc édition */
  --color-surface-3: #ffff00; /* jaune   d1d5db; inconnu */
  --color-surface-4: #ff9900; /* orange   c4c9d1; inconnu */

  --color-base: #2f3440;
  --color-emphasized: #111827;
  --color-subtle: #6b7280;
  --color-link: #0969da;
}
/* Fond de la barre sticky Citizen */
.skin-citizen .citizen-sticky-header-background {
  background-color: #dcdfe4!important;
}
/* Liens vers pages inexistantes */
.skin-citizen a.new,
.skin-citizen .mw-parser-output a.new {
  color: #b4232a;
}

/* Liens vers pages inexistantes au survol */
.skin-citizen a.new:hover,
.skin-citizen .mw-parser-output a.new:hover {
  color: #8f1d24;
}
/* couleur code et pre façon terminal */
pre,
code,
.mw-code {
  background: #161b22;
  color: #e6edf3;
  border: 1px solid #30363d;
  border-radius: 10px;
  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
}

pre {
  padding: 14px 16px;
  overflow-x: auto;
  line-height: 1.5;
}

code {
  padding: 0.15em 0.4em;
  border-radius: 6px;
}
/* Citizen menus/panneaux gris clair */
.skin-citizen .citizen-menu__card,
.skin-citizen .citizen-menu__card-content,
.skin-citizen .citizen-userInfo,
.skin-citizen .citizen-command-palette,
.skin-citizen .citizen-command-palette-header,
.skin-citizen .citizen-command-palette-empty-state,
.skin-citizen .citizen-command-palette__footer {
  background-color: #dcdfe4 !important;
  color: #2f3440 !important;
  border-color: #c4c9d1 !important;
}

.skin-citizen .citizen-menu__content a,
.skin-citizen .citizen-userInfo a {
  color: #2f3440 !important;
}

.skin-citizen .citizen-menu__content a:hover,
.skin-citizen .citizen-userInfo a:hover {
  background-color: #d1d5db !important;
  color: #111827 !important;
}