MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
• Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
• Opera : appuyez sur Ctrl + F5.

/* ---- Couleurs et variables racines ---- */
:root {
  --background-color-base: #C7CDE8;
  --primary-color: #00587a;
  --text-color-light: #ffffff;
  --title-font: "Gill Sans", sans-serif;
  --body-font: "Arial", sans-serif;
  --container-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
}

/* ---- Fond de la page ---- */
body {
  background-color: var(--background-color-base);
  font-family: var(--body-font);
}

/* ---- Titres de page ---- */
.mw-page-title-main,
#firstHeading {
  color: var(--text-color-light);
  background-color: var(--primary-color);
  font-family: var(--title-font);
  padding: 6px 15px;
  border-radius: 4px;
  z-index: 5; /* Augmente le z-index pour rester au-dessus des conteneurs */
  position: relative;
  margin-bottom: 15px;
}

/* Titres de sections */
.mw-body h1,
.mw-body h2,
.mw-body h3 {
  font-family: var(--title-font);
  color: var(--primary-color);
  padding: 4px 10px;
  border-left: 4px solid var(--primary-color);
  margin-top: 20px;
  background-color: #F0F4FA;
  border-radius: 4px;
}

/* ---- Conteneur principal de l'article ---- */
.vector-body {
  background-color: #ffffff;
  padding: 15px;
  box-shadow: var(--container-shadow);
  font-family: var(--body-font);
  color: #333;
  z-index: 1;
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.vector-page-toolbar {
  background-color: #ffffff;
  padding: 15px;
  box-shadow: var(--container-shadow);
  font-family: var(--body-font);
  color: #333;
  z-index: 1;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* ---- Barre latérale gauche ---- */
.vector-pinned-container {
  background-color: var(--background-color-base);
  padding: 10px;
  border-radius: 6px;
  position: relative;
  z-index: 3; /* Place la barre latérale au-dessus du fond de page */
}

/* ---- Menu des outils et panneaux de navigation ---- */
#p-tb, /* Menu des outils */
#p-personal, /* Menu utilisateur personnel */
#p-cactions, /* Menu des actions */
.vector-menu-content {
  z-index: 20; /* Niveau de superposition élevé pour être toujours visible */
}

/* ---- Liens et interactions ---- */
a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: #003B53;
  text-decoration: underline;
}

/* ---- Boutons et interactions ---- */
button, input[type="submit"], input[type="button"] {
  background-color: var(--primary-color);
  color: var(--text-color-light);
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  font-family: var(--body-font);
  font-weight: bold;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background-color: #003B53;
}