« MediaWiki:Common.css » : différence entre les versions
(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 | Thème Ruches v5 | ||
Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a | 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-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; | ||
} | } | ||
/* ── En-tête ── */ | /* ── 4. En-tête ── */ | ||
.vector-header, | .vector-header, | ||
.mw-header { | .mw-header { | ||
| Ligne 40 : | Ligne 63 : | ||
} | } | ||
/* ── Zone Admin | /* ── 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 { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } | ||
| Ligne 64 : | Ligne 86 : | ||
} | } | ||
/* ── Texte | /* ── 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- | .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- | .vector-column-start a, | ||
.vector- | .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, | ||
.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 — | /* 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 : | ||
} | } | ||
/* | /* 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 : | ||
} | } | ||
/* ── | /* ── 11. 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; }