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

/* ============================================================
   Thème Ruches — harmonisation avec ruches.org
   Palette : Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a
   ============================================================ */

/* ── Variables progressives Vector 2022 ── */
:root {
    --color-progressive:          #cc2020;
    --color-progressive--hover:   #a01818;
    --color-progressive--active:  #8a1414;
    --color-progressive--focus:   #cc2020;
    --background-color-progressive:         #cc2020;
    --background-color-progressive--hover:  #a01818;
    --background-color-progressive--active: #8a1414;
}

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

/* Logo texte */
.mw-wiki-logo,
#p-logo a {
    color: #ffffff !important;
}

/* ── Navigation principale (onglets du haut) ── */
.vector-menu-tabs-legacy .selected a,
.vector-menu-tabs .selected a {
    color: #cc2020 !important;
    border-bottom: 2px solid #cc2020 !important;
}

.vector-menu-tabs a,
.vector-menu-tabs-legacy a {
    color: #c9b99a !important;
}

.vector-menu-tabs a:hover,
.vector-menu-tabs-legacy a:hover {
    color: #ffffff !important;
}

/* ── Outils de page (Lire, Modifier, Historique) ── */
#p-views .selected a {
    color: #cc2020 !important;
    border-bottom: 2px solid #cc2020;
}

/* ── Barre de recherche ── */
.vector-search-box-input:focus,
.cdx-text-input__input:focus {
    border-color: #cc2020 !important;
    outline: 1px solid #cc2020 !important;
    box-shadow: inset 0 0 0 1px #cc2020 !important;
}

/* ── Sidebar gauche ── */
#mw-panel,
.mw-sidebar,
.vector-sidebar,
.vector-page-sidebar {
    background-color: #1a2040 !important;
}

.vector-menu-heading,
#mw-panel .portal h3,
.vector-sidebar-inner h3,
.vector-menu-heading-label {
    color: #c9b99a !important;
    border-bottom: 1px solid rgba(201, 185, 154, 0.3) !important;
}

#mw-panel .portal a,
.vector-sidebar a,
.vector-menu-content-list a,
.mw-portlet a {
    color: #c9b99a !important;
}

#mw-panel .portal a:hover,
.vector-sidebar a:hover,
.vector-menu-content-list a:hover,
.mw-portlet a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

/* ── Liens dans le contenu ── */
#mw-content-text a,
.mw-body-content a,
.mw-parser-output a {
    color: #cc2020;
}

#mw-content-text a:visited,
.mw-body-content a:visited {
    color: #8a1414;
}

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

/* Liens de catégorie et spéciaux : rester lisibles */
#catlinks a,
.mw-editsection a {
    color: #cc2020 !important;
}

/* ── 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;
}

/* ── Boutons progressifs (Enregistrer, Publier…) ── */
.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;
}

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

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

/* ── Boîtes de catégorie ── */
#catlinks {
    background-color: #f5f0e8;
    border-color: #c9b99a;
    color: #1a2040;
}

/* ── 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;
}

#footer li::before,
.mw-footer li::before {
    color: #cc2020;
}

/* ── Bandeau "section à compléter" et notices ── */
.mw-message-box-notice {
    border-left-color: #cc2020;
}

/* ── Tooltips ref (style cohérent) ── */
#ref-tooltip {
    border-color: #cc2020 !important;
    border-left: 3px solid #cc2020 !important;
}