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

Version du 9 novembre 2024 à 14:51

/* ---- 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 */
  position: relative;
}

/* ---- 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;
}