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

Version du 9 novembre 2024 à 14:53

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

/* ---- 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: 1000; /* Z-index très élevé pour garantir la visibilité */
  position: absolute; /* Positionnement absolu pour s’afficher au-dessus */
  top: 0;
  right: 0;
  background-color: var(--background-color-base); /* Couleur de fond pour la visibilité */
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

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