MediaWiki:Common.css

De WikiRuches
Version datée du 22 juin 2026 à 18:26 par Admin (discussion | contributions) (Fond hexagonal rempli arrondi v4)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

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