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

De WikiRuches
(Thème Ruches v6 — sélecteurs précis, onglets exclus)
(Fond hexagonal rempli arrondi v4)
 
(55 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* ============================================================
/* ── Fond hexagonal rempli (thème blanc par défaut) ── */
  Thème Ruches v6
  Marine #1a2040 | Rouge #cc2020 | Beige #c9b99a
  ============================================================ */


/* ── 1. Corps global — marine ── */
body {
body,
    background-color: #fcfcfc !important;
.mw-page-container,
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ni4wMDAiIGhlaWdodD0iNTUuNDI2Ij48cGF0aCBkPSJNMjIuMzYwLDIxLjQwOFEyNi4wMDAsMjcuNzEzIDIyLjM2MCwzNC4wMTdMMTYuNjQwLDQzLjkyNVExMy4wMDAsNTAuMjI5IDUuNzIwLDUwLjIyOUwtNS43MjAsNTAuMjI5US0xMy4wMDAsNTAuMjI5IC0xNi42NDAsNDMuOTI1TC0yMi4zNjAsMzQuMDE3US0yNi4wMDAsMjcuNzEzIC0yMi4zNjAsMjEuNDA4TC0xNi42NDAsMTEuNTAxUS0xMy4wMDAsNS4xOTYgLTUuNzIwLDUuMTk2TDUuNzIwLDUuMTk2UTEzLjAwMCw1LjE5NiAxNi42NDAsMTEuNTAxWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik0xMTguMzYwLDIxLjQwOFExMjIuMDAwLDI3LjcxMyAxMTguMzYwLDM0LjAxN0wxMTIuNjQwLDQzLjkyNVExMDkuMDAwLDUwLjIyOSAxMDEuNzIwLDUwLjIyOUw5MC4yODAsNTAuMjI5UTgzLjAwMCw1MC4yMjkgNzkuMzYwLDQzLjkyNUw3My42NDAsMzQuMDE3UTcwLjAwMCwyNy43MTMgNzMuNjQwLDIxLjQwOEw3OS4zNjAsMTEuNTAxUTgzLjAwMCw1LjE5NiA5MC4yODAsNS4xOTZMMTAxLjcyMCw1LjE5NlExMDkuMDAwLDUuMTk2IDExMi42NDAsMTEuNTAxWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik03MC4zNjAsLTYuMzA1UTc0LjAwMCwwLjAwMCA3MC4zNjAsNi4zMDVMNjQuNjQwLDE2LjIxMlE2MS4wMDAsMjIuNTE3IDUzLjcyMCwyMi41MTdMNDIuMjgwLDIyLjUxN1EzNS4wMDAsMjIuNTE3IDMxLjM2MCwxNi4yMTJMMjUuNjQwLDYuMzA1UTIyLjAwMCwwLjAwMCAyNS42NDAsLTYuMzA1TDMxLjM2MCwtMTYuMjEyUTM1LjAwMCwtMjIuNTE3IDQyLjI4MCwtMjIuNTE3TDUzLjcyMCwtMjIuNTE3UTYxLjAwMCwtMjIuNTE3IDY0LjY0MCwtMTYuMjEyWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik03MC4zNjAsNDkuMTIxUTc0LjAwMCw1NS40MjYgNzAuMzYwLDYxLjczMEw2NC42NDAsNzEuNjM4UTYxLjAwMCw3Ny45NDIgNTMuNzIwLDc3Ljk0Mkw0Mi4yODAsNzcuOTQyUTM1LjAwMCw3Ny45NDIgMzEuMzYwLDcxLjYzOEwyNS42NDAsNjEuNzMwUTIyLjAwMCw1NS40MjYgMjUuNjQwLDQ5LjEyMUwzMS4zNjAsMzkuMjE0UTM1LjAwMCwzMi45MDkgNDIuMjgwLDMyLjkwOUw1My43MjAsMzIuOTA5UTYxLjAwMCwzMi45MDkgNjQuNjQwLDM5LjIxNFoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=") !important;
.mw-page-container-inner {
    background-size: 96.000px 55.426px !important;
     background-color: #1a2040 !important;
    background-position: 0 0 !important;
     background-repeat: repeat !important;
}
}


/* ── 2. En-tête complet — marine ── */
.mw-page-container,
.vector-header,
.mw-page-container-inner,
.mw-header,
.mw-content-container,
.vector-header-start,
.mw-header {
.vector-header-end,
     background-image: none !important;
.mw-logo,
#p-logo,
.vector-header-logo {
    background-color: #1a2040 !important;
    border-bottom: 2px solid #cc2020 !important;
    box-shadow: none !important;
}
 
/* ── 3. Zone Admin/utilisateur — rouge ── */
.vector-user-links,
.vector-user-links-main,
.vector-user-menu,
.vector-user-menu-overflow,
#pt-userpage,
.mw-portlet-personal,
#p-personal {
    background-color: #cc2020 !important;
    border-radius: 4px;
    border-bottom: none !important;
}
 
.vector-user-links a,
.vector-user-links button,
.vector-user-menu a,
.mw-portlet-personal a,
#p-personal a,
.vector-user-links .mw-ui-icon::before {
    color: #ffffff !important;
}
 
.vector-user-links a:hover,
.mw-portlet-personal a:hover {
    color: #ffe0e0 !important;
    text-decoration: none !important;
}
 
/* ── 4. Sidebars — marine (portlets spécifiques, PAS les onglets de page) ── */
#p-navigation,
#p-tb,
#p-lang,
#p-coll-print_export,
.vector-main-menu,
#vector-main-menu,
.vector-main-menu-container,
#vector-main-menu-pinned-container,
.vector-toc,
#vector-toc,
.vector-toc-inner,
.vector-toc-container,
.mw-table-of-contents-container,
#vector-toc-pinned-container,
.vector-page-tools,
#vector-page-tools,
.vector-page-tools-container,
#vector-page-tools-pinned-container,
.vector-column-start,
.vector-column-end,
.vector-sidebar-inner,
#mw-panel {
     background-color: #1a2040 !important;
    border-bottom: none !important;
}
 
/* ── 5. Onglets de page — fond transparent (héritent du blanc du contenu) ── */
.mw-portlet-namespaces,
.mw-portlet-views,
.mw-portlet-cactions,
.vector-menu-tabs,
.vector-menu-tabs-legacy,
#p-namespaces,
#p-views,
#p-cactions {
     background-color: transparent !important;
     background-color: transparent !important;
    border-bottom: none !important;
}
/* ── 6. Zone de contenu — blanc ── */
.mw-content-container,
.mw-body,
#content,
#mw-content-text,
.mw-parser-output {
    background-color: #ffffff !important;
}
/* ── 7. Texte dans les sidebars — beige ── */
#p-navigation h3, #p-tb h3,
.mw-portlet-heading,
.vector-menu-heading,
.vector-menu-heading-label,
.vector-pinnable-header-label,
.vector-toc-heading {
    color: #c9b99a !important;
    border-bottom: 1px solid rgba(201,185,154,0.3) !important;
    background: transparent !important;
}
/* Liens sidebar */
#p-navigation a, #p-tb a,
.vector-toc a,
.vector-main-menu a,
.vector-column-start a,
.vector-column-end a,
#mw-panel a {
    color: #c9b99a !important;
}
#p-navigation a:hover, #p-tb 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;
}
.mw-portlet-hide,
.vector-pinnable-header-toggle-button {
    color: #c9b99a !important;
}
/* ── 8. Liens dans le contenu — marine ── */
#mw-content-text a,
.mw-body-content a,
.mw-parser-output a {
    color: #1a2040;
}
}


#mw-content-text a:visited,
/* ── Puces hexagonales dorées ── */
.mw-body-content a:visited {
    color: #2e3a6e;
}


#mw-content-text a:hover,
.mw-body-content ul > li {
.mw-body-content a:hover {
     list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48cGF0aCBkPSJNMTAuMDAzLDguMTAwTDUuNTAwLDEwLjcwMEwwLjk5Nyw4LjEwMEwwLjk5NywyLjkwMEw1LjUwMCwwLjMwMEwxMC4wMDMsMi45MDBaIE03LjQ5Miw0LjM1MEw1LjUwMCwzLjIwMEwzLjUwOCw0LjM1MEwzLjUwOCw2LjY1MEw1LjUwMCw3LjgwMEw3LjQ5Miw2LjY1MFoiIGZpbGw9IiNlZmM3NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
     color: #cc2020;
    text-decoration: underline;
}
}


/* Pages non créées : rouge */
/* ── Icône hexagone doré devant les titres h2 ── */
#mw-content-text a.new,
.mw-body-content a.new {
    color: #cc2020 !important;
}
 
/* ── 9. 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 {
    color: #cc2020 !important;
    border-bottom: 2px solid #cc2020 !important;
}
 
/* ── 10. Liens [modifier] de section ── */
.mw-editsection a {
    color: #1a2040 !important;
    font-size: 0.85em;
}
 
/* ── 11. 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;
}
 
/* ── 12. 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;
}
 
/* ── 13. 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;
}
 
/* ── 14. Catégories ── */
#catlinks {
    background-color: #f5f0e8 !important;
    border-color: #c9b99a !important;
    color: #1a2040 !important;
}
#catlinks a { color: #1a2040 !important; }


/* ── 15. Footer ── */
#mw-content-text h2 .mw-headline::before,
#footer, .mw-footer {
.mw-body-content h2 .mw-headline::before {
     background-color: #1a2040 !important;
     content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYuMzYxLDEzLjI1MEw5LjAwMCwxNy41MDBMMS42MzksMTMuMjUwTDEuNjM5LDQuNzUwTDkuMDAwLDAuNTAwTDE2LjM2MSw0Ljc1MFogTTEyLjg5Nyw2Ljc1MEw5LjAwMCw0LjUwMEw1LjEwMyw2Ljc1MEw1LjEwMywxMS4yNTBMOS4wMDAsMTMuNTAwTDEyLjg5NywxMS4yNTBaIiBmaWxsPSIjZWZjNzQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") !important;
     border-top: 2px solid #cc2020 !important;
    display: inline-block !important;
     color: #c9b99a !important;
    margin-right: 7px !important;
     vertical-align: middle !important;
    position: relative !important;
     top: -1px !important;
}
}
#footer a, .mw-footer a { color: #c9b99a !important; }
#footer a:hover, .mw-footer a:hover { color: #ffffff !important; }

Dernière version du 22 juin 2026 à 18:26

/* ── Fond hexagonal rempli (thème blanc par défaut) ── */

body {
    background-color: #fcfcfc !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ni4wMDAiIGhlaWdodD0iNTUuNDI2Ij48cGF0aCBkPSJNMjIuMzYwLDIxLjQwOFEyNi4wMDAsMjcuNzEzIDIyLjM2MCwzNC4wMTdMMTYuNjQwLDQzLjkyNVExMy4wMDAsNTAuMjI5IDUuNzIwLDUwLjIyOUwtNS43MjAsNTAuMjI5US0xMy4wMDAsNTAuMjI5IC0xNi42NDAsNDMuOTI1TC0yMi4zNjAsMzQuMDE3US0yNi4wMDAsMjcuNzEzIC0yMi4zNjAsMjEuNDA4TC0xNi42NDAsMTEuNTAxUS0xMy4wMDAsNS4xOTYgLTUuNzIwLDUuMTk2TDUuNzIwLDUuMTk2UTEzLjAwMCw1LjE5NiAxNi42NDAsMTEuNTAxWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik0xMTguMzYwLDIxLjQwOFExMjIuMDAwLDI3LjcxMyAxMTguMzYwLDM0LjAxN0wxMTIuNjQwLDQzLjkyNVExMDkuMDAwLDUwLjIyOSAxMDEuNzIwLDUwLjIyOUw5MC4yODAsNTAuMjI5UTgzLjAwMCw1MC4yMjkgNzkuMzYwLDQzLjkyNUw3My42NDAsMzQuMDE3UTcwLjAwMCwyNy43MTMgNzMuNjQwLDIxLjQwOEw3OS4zNjAsMTEuNTAxUTgzLjAwMCw1LjE5NiA5MC4yODAsNS4xOTZMMTAxLjcyMCw1LjE5NlExMDkuMDAwLDUuMTk2IDExMi42NDAsMTEuNTAxWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik03MC4zNjAsLTYuMzA1UTc0LjAwMCwwLjAwMCA3MC4zNjAsNi4zMDVMNjQuNjQwLDE2LjIxMlE2MS4wMDAsMjIuNTE3IDUzLjcyMCwyMi41MTdMNDIuMjgwLDIyLjUxN1EzNS4wMDAsMjIuNTE3IDMxLjM2MCwxNi4yMTJMMjUuNjQwLDYuMzA1UTIyLjAwMCwwLjAwMCAyNS42NDAsLTYuMzA1TDMxLjM2MCwtMTYuMjEyUTM1LjAwMCwtMjIuNTE3IDQyLjI4MCwtMjIuNTE3TDUzLjcyMCwtMjIuNTE3UTYxLjAwMCwtMjIuNTE3IDY0LjY0MCwtMTYuMjEyWiIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik03MC4zNjAsNDkuMTIxUTc0LjAwMCw1NS40MjYgNzAuMzYwLDYxLjczMEw2NC42NDAsNzEuNjM4UTYxLjAwMCw3Ny45NDIgNTMuNzIwLDc3Ljk0Mkw0Mi4yODAsNzcuOTQyUTM1LjAwMCw3Ny45NDIgMzEuMzYwLDcxLjYzOEwyNS42NDAsNjEuNzMwUTIyLjAwMCw1NS40MjYgMjUuNjQwLDQ5LjEyMUwzMS4zNjAsMzkuMjE0UTM1LjAwMCwzMi45MDkgNDIuMjgwLDMyLjkwOUw1My43MjAsMzIuOTA5UTYxLjAwMCwzMi45MDkgNjQuNjQwLDM5LjIxNFoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=") !important;
    background-size: 96.000px 55.426px !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
}

.mw-page-container,
.mw-page-container-inner,
.mw-content-container,
.mw-header {
    background-image: none !important;
    background-color: transparent !important;
}

/* ── Puces hexagonales dorées ── */

.mw-body-content ul > li {
    list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48cGF0aCBkPSJNMTAuMDAzLDguMTAwTDUuNTAwLDEwLjcwMEwwLjk5Nyw4LjEwMEwwLjk5NywyLjkwMEw1LjUwMCwwLjMwMEwxMC4wMDMsMi45MDBaIE03LjQ5Miw0LjM1MEw1LjUwMCwzLjIwMEwzLjUwOCw0LjM1MEwzLjUwOCw2LjY1MEw1LjUwMCw3LjgwMEw3LjQ5Miw2LjY1MFoiIGZpbGw9IiNlZmM3NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

/* ── Icône hexagone doré devant les titres h2 ── */

#mw-content-text h2 .mw-headline::before,
.mw-body-content h2 .mw-headline::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYuMzYxLDEzLjI1MEw5LjAwMCwxNy41MDBMMS42MzksMTMuMjUwTDEuNjM5LDQuNzUwTDkuMDAwLDAuNTAwTDE2LjM2MSw0Ljc1MFogTTEyLjg5Nyw2Ljc1MEw5LjAwMCw0LjUwMEw1LjEwMyw2Ljc1MEw1LjEwMywxMS4yNTBMOS4wMDAsMTMuNTAwTDEyLjg5NywxMS4yNTBaIiBmaWxsPSIjZWZjNzQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") !important;
    display: inline-block !important;
    margin-right: 7px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
}
Récupérée de « https://wikiruches.informal.fr/index.php?title=MediaWiki:Common.css&oldid=3374 »