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.

```css
/* ==========================================================================
   THÈME "PERCHE" — MEDIAWIKI / TIMELESS
   Palette originale conservée
   ========================================================================== */

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


/* ==========================================================================
   PALETTE
   ========================================================================== */

:root {
    --perche-beige: #F7F3EA;
    --perche-blanc: #FFFFFF;
    --perche-sable: #E9E0CC;
    --perche-vert-fonce: #3B5B3E;
    --perche-vert: #5C7A4E;
    --perche-vert-clair: #7A9471;
    --perche-brun: #8A4B2E;
    --perche-brun-fonce: #6B3A22;
    --perche-texte: #2C2A26;
}


/* ==========================================================================
   FOND GÉNÉRAL
   ========================================================================== */

html {
    background-color: #F7F3EA;
}

body {
    background-color: #F7F3EA;
    color: #2C2A26;
    min-height: 100%;
}


/* ==========================================================================
   CONTENU PRINCIPAL
   ========================================================================== */

#content {
    background-color: #FFFFFF;
    color: #2C2A26;
}


/* ==========================================================================
   EN-TÊTE
   ========================================================================== */

#p-logo,
.mw-header,
#mw-header-container,
header#mw-header {
    background-color: #3B5B3E !important;
}

/* Logo */
#p-logo.mw-portlet {
    background-color: #E9E0CC !important;
}

/* Texte et liens de l'en-tête */
.mw-header,
.mw-header a,
#mw-header-container a {
    color: #F7F3EA !important;
}

/* Survol des liens de l'en-tête */
.mw-header a:hover,
.mw-header a:focus,
#mw-header-container a:hover,
#mw-header-container a:focus {
    color: #FFFFFF !important;
}


/* ==========================================================================
   MENU PERSONNEL
   ========================================================================== */

#personal-inner.dropdown {
    background-color: #FFFFFF;
    color: #2C2A26 !important;
}

#personal-inner.dropdown a {
    color: #2C2A26 !important;
}

#personal-inner.dropdown a:visited {
    color: #6B3A22 !important;
}

#personal-inner.dropdown a:hover,
#personal-inner.dropdown a:focus {
    background-color: #E9E0CC !important;
    color: #3B5B3E !important;
}


/* ==========================================================================
   PIED DE PAGE
   ========================================================================== */

#mw-footer-container,
#footer {
    background-color: #3B5B3E !important;
    color: #F7F3EA !important;
}

#footer a,
#mw-footer-container a {
    color: #F7F3EA !important;
}

#footer a:hover,
#mw-footer-container a:hover {
    color: #FFFFFF !important;
}


/* ==========================================================================
   SIDEBARS / NAVIGATION
   ========================================================================== */

#mw-site-navigation,
#mw-page-tools,
.sidebar-inner,
#mw-related-navigation {
    background-color: #E9E0CC !important;
    color: #2C2A26;
}

/* Cadre interne des portlets */
.sidebar-chunk {
    background-color: #E9E0CC !important;
    border: none !important;
    box-shadow: none !important;
}


/* ==========================================================================
   LIENS DES SIDEBARS
   ========================================================================== */

#mw-site-navigation a,
#mw-site-navigation .mw-portlet-body a,
#mw-related-navigation a,
#mw-related-navigation .mw-portlet-body a,
#mw-page-tools a,
#mw-page-tools .mw-portlet-body a,
.sidebar-inner a,
.sidebar-inner .mw-portlet-body a,
.sidebar-chunk a {
    color: #8A4B2E !important;
}

#mw-site-navigation a:visited,
#mw-site-navigation .mw-portlet-body a:visited,
#mw-related-navigation a:visited,
#mw-related-navigation .mw-portlet-body a:visited,
#mw-page-tools a:visited,
#mw-page-tools .mw-portlet-body a:visited,
.sidebar-inner a:visited,
.sidebar-inner .mw-portlet-body a:visited,
.sidebar-chunk a:visited {
    color: #6B3A22 !important;
}

/* Survol des liens */
#mw-site-navigation a:hover,
#mw-site-navigation a:focus,
#mw-related-navigation a:hover,
#mw-related-navigation a:focus,
#mw-page-tools a:hover,
#mw-page-tools a:focus,
.sidebar-inner a:hover,
.sidebar-inner a:focus,
.sidebar-chunk a:hover,
.sidebar-chunk a:focus {
    color: #3B5B3E !important;
}


/* ==========================================================================
   LIENS DANS LE CONTENU
   ========================================================================== */

#content a {
    color: #8A4B2E;
}

#content a:visited {
    color: #6B3A22;
}

#content a:hover,
#content a:focus {
    color: #3B5B3E;
}


/* ==========================================================================
   RÉFÉRENCES / SOURCES
   ========================================================================== */

/* Les sources restent bru*
```