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

Version du 22 septembre 2026 à 21:44

/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Timeless */

/* ============================================================
   BANDEAU LATÉRAL SOMBRE — CORRIGÉ POUR TIMELESS
   ============================================================ */

/* ---------- Cibler le conteneur principal de la barre latérale ---------- */
.ts-sidebar {
  background: #1a2018; /* Fond sombre pour toute la barre latérale */
  border-right: 1px solid #333b2e; /* Bordure droite pour délimiter */
  padding: 1em;
  border-radius: 0; /* Optionnel : retirez si vous voulez des coins arrondis */
}

/* ---------- Conteneur interne de la barre latérale ---------- */
.sidebar-inner {
  background: transparent; /* Assurez-vous que le fond est transparent */
  padding: 0; /* Réinitialisez le padding si nécessaire */
}

/* ---------- Sections de la barre latérale (navigation, outils, etc.) ---------- */
#site-navigation,
#site-tools,
#user-tools {
  background: transparent; /* Fond transparent pour éviter les superpositions */
  border: none; /* Supprimez les bordures individuelles */
  padding: 0.5em;
  margin-bottom: 1em; /* Espacement entre les sections */
}

/* ---------- Titres des sections ---------- */
#site-navigation .sidebar-chunk h2,
#site-tools .sidebar-chunk h2,
#user-tools .sidebar-chunk h2 {
  color: #a9c79b;
  border-bottom: 2px solid #8c5a2b;
  font-size: 1em;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
}

/* ---------- Liens dans la barre latérale ---------- */
#site-navigation a,
#site-tools a,
#user-tools a {
  color: #e9e7dc;
  text-decoration: none;
}
#site-navigation a:hover,
#site-tools a:hover,
#user-tools a:hover {
  background: #2a3028;
  border-radius: 4px;
  color: #ffffff;
}

/* ---------- Adaptation pour le mode sombre ---------- */
@media (prefers-color-scheme: dark) {
  .ts-sidebar {
    background: #12160f;
    border-right-color: #2a3028;
  }
}

/* ---------- Adaptation mobile ---------- */
@media screen and (max-width: 720px) {
  .ts-sidebar {
    background: #1a2018;
    border-right: none; /* Supprimez la bordure en mobile si nécessaire */
  }
}