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

De WikiRuches
(Thème Ruches v4 — variables CSS, sidebars marine, Admin rouge)
(Thème Ruches v5 — corps + sidebars marines, Admin rouge)
Ligne 1 : Ligne 1 :
/* ============================================================
/* ============================================================
   Thème Ruches v4
   Thème Ruches v5
   Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a
   Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a
   ============================================================ */
   ============================================================ */


/* ── Variables Vector 2022 — marine pour le chrome ── */
/* ── 1. Corps et conteneurs de page — marine ── */
:root {
body,
     --background-color-base:               #1a2040;
.mw-page-container,
    --background-color-neutral:            #1e2850;
.mw-page-container-inner {
    --background-color-interactive:        rgba(255,255,255,0.07);
     background-color: #1a2040 !important;
    --background-color-interactive-subtle:  rgba(255,255,255,0.04);
}
    --color-base:                          #c9b99a;
 
    --color-subtle:                        #a09882;
/* ── 2. Sidebars — marine (ciblage large) ── */
    --border-color-base:                    rgba(201,185,154,0.25);
/* Portlets génériques */
    --color-progressive:                    #1a2040;
.mw-portlet,
    --color-progressive--hover:            #2e3a6e;
.mw-portlet-body,
    --background-color-progressive:        #cc2020;
.mw-portlet-content,
     --background-color-progressive--hover: #a01818;
/* IDs navigation et outils */
#p-navigation,
#p-tb,
#p-coll-print_export,
#p-lang,
/* Main menu */
.vector-main-menu,
#vector-main-menu,
.vector-main-menu-container,
#vector-main-menu-pinned-container,
/* TOC */
.vector-toc,
#vector-toc,
.vector-toc-inner,
.vector-toc-container,
.mw-table-of-contents-container,
#vector-toc-pinned-container,
/* Outils page */
.vector-page-tools,
#vector-page-tools,
.vector-page-tools-container,
#vector-page-tools-pinned-container,
/* Colonnes sidebar */
.vector-column-start,
.vector-column-end,
.vector-sidebar-inner,
#mw-panel {
     background-color: #1a2040 !important;
}
}


/* ── Restaurer blanc + texte normal pour la zone de contenu ── */
/* ── 3. Zone de contenu — blanc ── */
.mw-content-container,
.mw-content-container,
.mw-body,
.mw-body,
#content,
#content,
#mw-content-text {
#mw-content-text,
.mw-parser-output {
     background-color: #ffffff !important;
     background-color: #ffffff !important;
    --background-color-base:    #ffffff !important;
    --background-color-neutral: #f8f9fa !important;
    --color-base:              #202122 !important;
    --color-subtle:            #54595d !important;
    --border-color-base:        #a2a9b1 !important;
}
}


/* ── En-tête ── */
/* ── 4. En-tête ── */
.vector-header,
.vector-header,
.mw-header {
.mw-header {
Ligne 40 : Ligne 63 :
}
}


/* ── Zone Admin (en haut à droite) — fond rouge ── */
/* ── 5. Zone Admin — fond rouge ── */
.vector-user-links,
.vector-user-links,
.mw-portlet-personal,
.mw-portlet-personal,
Ligne 53 : Ligne 76 :
.mw-portlet-personal a,
.mw-portlet-personal a,
#p-personal a,
#p-personal a,
.vector-user-menu a,
.vector-user-menu a {
.vector-user-links .mw-userpage-usertoollinks {
     color: #ffffff !important;
     color: #ffffff !important;
}
}
Ligne 64 : Ligne 86 :
}
}


/* ── Texte sidebar ── */
/* ── 6. Texte dans les sidebars — beige ── */
.mw-portlet h3,
.mw-portlet h3,
.mw-portlet-heading,
.mw-portlet-heading,
.vector-menu-heading,
.vector-menu-heading,
.vector-menu-heading-label,
.vector-menu-heading-label,
.vector-pinnable-header-label,
#mw-panel .portal h3,
#mw-panel .portal h3,
.vector-pinnable-header-label {
.vector-toc-heading {
     color: #c9b99a !important;
     color: #c9b99a !important;
     border-bottom: 1px solid rgba(201,185,154,0.3) !important;
     border-bottom: 1px solid rgba(201,185,154,0.3) !important;
Ligne 79 : Ligne 102 :
.mw-portlet a,
.mw-portlet a,
.vector-toc a,
.vector-toc a,
.vector-main-menu a,
#mw-panel a,
#mw-panel a,
.mw-table-of-contents-container a,
.mw-table-of-contents-container a,
.vector-sidebar a,
.vector-column-start a,
.vector-pinnable-header a {
.vector-column-end a {
     color: #c9b99a !important;
     color: #c9b99a !important;
}
}
Ligne 88 : Ligne 112 :
.mw-portlet a:hover,
.mw-portlet a:hover,
.vector-toc a:hover,
.vector-toc a:hover,
#mw-panel a:hover {
.vector-column-start a:hover,
.vector-column-end a:hover {
     color: #ffffff !important;
     color: #ffffff !important;
     text-decoration: none !important;
     text-decoration: none !important;
Ligne 98 : Ligne 123 :
}
}


/* ── Liens dans le contenu — MARINE ── */
/* Boutons [masquer] dans les sidebars */
.mw-portlet-hide,
.vector-pinnable-header-toggle-button {
    color: #c9b99a !important;
}
 
/* ── 7. Liens dans le contenu — marine ── */
#mw-content-text a,
#mw-content-text a,
.mw-body-content a,
.mw-body-content a,
Ligne 116 : Ligne 147 :
}
}


/* Liens rouges = pages non créées */
/* Pages non créées : rouge */
#mw-content-text a.new,
#mw-content-text a.new,
.mw-body-content a.new {
.mw-body-content a.new {
Ligne 122 : Ligne 153 :
}
}


/* ── Onglets (Lire / Modifier / Historique) ── */
/* ── 8. Onglets (Lire / Modifier / Historique) ── */
.vector-menu-tabs a,
.vector-menu-tabs a,
.vector-menu-tabs-legacy a {
.vector-menu-tabs-legacy a {
Ligne 129 : Ligne 160 :


.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a,
.vector-menu-tabs-legacy .selected a {
.vector-menu-tabs-legacy .selected a,
#ca-view a {
     color: #cc2020 !important;
     color: #cc2020 !important;
     border-bottom: 2px solid #cc2020 !important;
     border-bottom: 2px solid #cc2020 !important;
}
}


/* ── Titres ── */
/* ── 9. Liens [modifier] de section ── */
.mw-editsection a {
    color: #1a2040 !important;
    font-size: 0.85em;
}
 
/* ── 10. Titres ── */
.firstHeading, h1.firstHeading {
.firstHeading, h1.firstHeading {
     color: #1a2040;
     color: #1a2040;
Ligne 150 : Ligne 188 :
}
}


/* ── Liens [modifier] de section ── */
/* ── 11. Boutons ── */
.mw-editsection a { color: #1a2040 !important; font-size: 0.85em; }
 
/* ── Boutons ── */
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-progressive,
.oo-ui-buttonElement-button.oo-ui-flaggedElement-progressive {
.oo-ui-buttonElement-button.oo-ui-flaggedElement-progressive {
Ligne 167 : Ligne 202 :
}
}


/* ── Tables ── */
/* ── 12. Tables ── */
.wikitable > tr > th, .wikitable > * > tr > th {
.wikitable > tr > th, .wikitable > * > tr > th {
     background-color: #1a2040;
     background-color: #1a2040;
Ligne 173 : Ligne 208 :
     border-color: #cc2020;
     border-color: #cc2020;
}
}
.wikitable > tr > td, .wikitable > * > tr > td {
.wikitable > tr > td, .wikitable > * > tr > td {
     border-color: #c9b99a;
     border-color: #c9b99a;
Ligne 179 : Ligne 215 :
}
}


/* ── Catégories ── */
/* ── 13. Catégories ── */
#catlinks {
#catlinks {
     background-color: #f5f0e8 !important;
     background-color: #f5f0e8 !important;
Ligne 185 : Ligne 221 :
     color: #1a2040 !important;
     color: #1a2040 !important;
}
}
#catlinks a { color: #1a2040 !important; }
#catlinks a { color: #1a2040 !important; }


/* ── Footer ── */
/* ── 14. Footer ── */
#footer, .mw-footer {
#footer, .mw-footer {
     background-color: #1a2040 !important;
     background-color: #1a2040 !important;
Ligne 193 : Ligne 230 :
     color: #c9b99a !important;
     color: #c9b99a !important;
}
}
#footer a, .mw-footer a { color: #c9b99a !important; }
#footer a, .mw-footer a { color: #c9b99a !important; }
#footer a:hover, .mw-footer a:hover { color: #ffffff !important; }
#footer a:hover, .mw-footer a:hover { color: #ffffff !important; }

Version du 19 juin 2026 à 22:17

/* ============================================================
   Thème Ruches v5
   Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a
   ============================================================ */

/* ── 1. Corps et conteneurs de page — marine ── */
body,
.mw-page-container,
.mw-page-container-inner {
    background-color: #1a2040 !important;
}

/* ── 2. Sidebars — marine (ciblage large) ── */
/* Portlets génériques */
.mw-portlet,
.mw-portlet-body,
.mw-portlet-content,
/* IDs navigation et outils */
#p-navigation,
#p-tb,
#p-coll-print_export,
#p-lang,
/* Main menu */
.vector-main-menu,
#vector-main-menu,
.vector-main-menu-container,
#vector-main-menu-pinned-container,
/* TOC */
.vector-toc,
#vector-toc,
.vector-toc-inner,
.vector-toc-container,
.mw-table-of-contents-container,
#vector-toc-pinned-container,
/* Outils page */
.vector-page-tools,
#vector-page-tools,
.vector-page-tools-container,
#vector-page-tools-pinned-container,
/* Colonnes sidebar */
.vector-column-start,
.vector-column-end,
.vector-sidebar-inner,
#mw-panel {
    background-color: #1a2040 !important;
}

/* ── 3. Zone de contenu — blanc ── */
.mw-content-container,
.mw-body,
#content,
#mw-content-text,
.mw-parser-output {
    background-color: #ffffff !important;
}

/* ── 4. En-tête ── */
.vector-header,
.mw-header {
    background-color: #1a2040 !important;
    border-bottom: 2px solid #cc2020 !important;
    box-shadow: none !important;
}

/* ── 5. Zone Admin — fond rouge ── */
.vector-user-links,
.mw-portlet-personal,
#p-personal,
.vector-user-menu-overflow,
.vector-user-menu {
    background-color: #cc2020 !important;
    border-radius: 4px;
}

.vector-user-links a,
.mw-portlet-personal a,
#p-personal a,
.vector-user-menu a {
    color: #ffffff !important;
}

.vector-user-links a:hover,
.mw-portlet-personal a:hover {
    color: #ffe0e0 !important;
    text-decoration: none !important;
}

/* ── 6. Texte dans les sidebars — beige ── */
.mw-portlet h3,
.mw-portlet-heading,
.vector-menu-heading,
.vector-menu-heading-label,
.vector-pinnable-header-label,
#mw-panel .portal h3,
.vector-toc-heading {
    color: #c9b99a !important;
    border-bottom: 1px solid rgba(201,185,154,0.3) !important;
    background: transparent !important;
}

/* Liens sidebar */
.mw-portlet a,
.vector-toc a,
.vector-main-menu a,
#mw-panel a,
.mw-table-of-contents-container a,
.vector-column-start a,
.vector-column-end a {
    color: #c9b99a !important;
}

.mw-portlet a:hover,
.vector-toc a:hover,
.vector-column-start a:hover,
.vector-column-end a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.vector-toc .vector-toc-link--active {
    color: #cc2020 !important;
    font-weight: bold;
}

/* Boutons [masquer] dans les sidebars */
.mw-portlet-hide,
.vector-pinnable-header-toggle-button {
    color: #c9b99a !important;
}

/* ── 7. Liens dans le contenu — marine ── */
#mw-content-text a,
.mw-body-content a,
.mw-parser-output a {
    color: #1a2040;
}

#mw-content-text a:visited,
.mw-body-content a:visited {
    color: #2e3a6e;
}

#mw-content-text a:hover,
.mw-body-content a:hover {
    color: #cc2020;
    text-decoration: underline;
}

/* Pages non créées : rouge */
#mw-content-text a.new,
.mw-body-content a.new {
    color: #cc2020 !important;
}

/* ── 8. Onglets (Lire / Modifier / Historique) ── */
.vector-menu-tabs a,
.vector-menu-tabs-legacy a {
    color: #555 !important;
}

.vector-menu-tabs .selected a,
.vector-menu-tabs-legacy .selected a,
#ca-view a {
    color: #cc2020 !important;
    border-bottom: 2px solid #cc2020 !important;
}

/* ── 9. Liens [modifier] de section ── */
.mw-editsection a {
    color: #1a2040 !important;
    font-size: 0.85em;
}

/* ── 10. Titres ── */
.firstHeading, h1.firstHeading {
    color: #1a2040;
    border-bottom: 2px solid #cc2020;
    padding-bottom: 0.2em;
}

#mw-content-text h2, .mw-body-content h2 {
    border-bottom: 1px solid #cc2020;
    color: #1a2040;
}

#mw-content-text h3, .mw-body-content h3 {
    color: #1a2040;
}

/* ── 11. Boutons ── */
.mw-ui-button.mw-ui-progressive,
.oo-ui-buttonElement-button.oo-ui-flaggedElement-progressive {
    background-color: #cc2020 !important;
    border-color: #cc2020 !important;
    color: #ffffff !important;
}

.mw-ui-button.mw-ui-progressive:hover,
.oo-ui-buttonElement-button.oo-ui-flaggedElement-progressive:hover {
    background-color: #a01818 !important;
    border-color: #a01818 !important;
}

/* ── 12. Tables ── */
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #1a2040;
    color: #ffffff;
    border-color: #cc2020;
}

.wikitable > tr > td, .wikitable > * > tr > td {
    border-color: #c9b99a;
    background-color: #ffffff;
    color: #202122;
}

/* ── 13. Catégories ── */
#catlinks {
    background-color: #f5f0e8 !important;
    border-color: #c9b99a !important;
    color: #1a2040 !important;
}

#catlinks a { color: #1a2040 !important; }

/* ── 14. Footer ── */
#footer, .mw-footer {
    background-color: #1a2040 !important;
    border-top: 2px solid #cc2020 !important;
    color: #c9b99a !important;
}

#footer a, .mw-footer a { color: #c9b99a !important; }
#footer a:hover, .mw-footer a:hover { color: #ffffff !important; }