|
|
| Ligne 1 : |
Ligne 1 : |
| /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Timeless */ | | /* 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
| |
