MediaWiki:Timeless.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).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

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

/* ============================================================
   THÈME « PERCHE NOGENTAIS » — BARRE LATÉRALE + BARRE DE RECHERCHE
   ============================================================ */

/* ---------- Réinitialisation globale ---------- */
.skin-timeless body {
  background: linear-gradient(180deg, #dfe7d4 0%, #f7f5ef 340px) !important;
  color: #26251f !important;
}

/* ---------- Barre latérale (fond sombre) ---------- */
.skin-timeless .ts-sidebar,
.skin-timeless .ts-sidebar .sidebar-inner,
.skin-timeless #site-navigation,
.skin-timeless #site-tools,
.skin-timeless #user-tools {
  background: #1a2018 !important;
  border: none !important;
  padding: 0.5em !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.skin-timeless .ts-sidebar {
  border-right: 1px solid #333b2e !important;
  padding: 1em !important;
  width: 250px !important;
}

/* ---------- Barre de recherche (dans la barre latérale ou en haut) ---------- */
.skin-timeless #p-search,
.skin-timeless .ts-sidebar #p-search,
.skin-timeless .search-box {
  background: #1a2018 !important;
  border: none !important;
  padding: 0.5em !important;
  margin-bottom: 1em !important;
}

.skin-timeless #p-search input[type="search"],
.skin-timeless #p-search input[type="text"] {
  background: #2a3028 !important;
  border: 1px solid #333b2e !important;
  color: #e9e7dc !important;
  width: 100% !important;
  padding: 0.5em !important;
  border-radius: 4px !important;
}

.skin-timeless #p-search input[type="submit"],
.skin-timeless #p-search button {
  background: #8c5a2b !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0.5em 1em !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.skin-timeless #p-search input[type="submit"]:hover,
.skin-timeless #p-search button:hover {
  background: #a9c79b !important;
}

/* ---------- Titres des sections (barre latérale) ---------- */
.skin-timeless #site-navigation .sidebar-chunk h2,
.skin-timeless #site-tools .sidebar-chunk h2,
.skin-timeless #user-tools .sidebar-chunk h2 {
  color: #a9c79b !important;
  border-bottom: 2px solid #8c5a2b !important;
  font-size: 1em !important;
  padding-bottom: 0.3em !important;
  margin-bottom: 0.5em !important;
  background: transparent !important;
}

/* ---------- Liens dans la barre latérale ---------- */
.skin-timeless #site-navigation a,
.skin-timeless #site-tools a,
.skin-timeless #user-tools a {
  color: #e9e7dc !important;
  text-decoration: none !important;
}

.skin-timeless #site-navigation a:hover,
.skin-timeless #site-tools a:hover,
.skin-timeless #user-tools a:hover {
  background: #2a3028 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
}

/* ---------- Contenu principal (fond clair) ---------- */
.skin-timeless #mw-content,
.skin-timeless .mw-body {
  background: #ffffff !important;
  border: 1px solid #d9d5c7 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(47, 82, 51, 0.1) !important;
  padding: 1.4em