|
|
| Ligne 1 : |
Ligne 1 : |
| /* ===============================================================
| |
| ⚜️ STYLE ROYAL ALFI — VERSION FINALE HARMONISÉE
| |
| =============================================================== */
| |
|
| |
|
| /* --- 1. RÉTABLISSEMENT DE LA NAVIGATION (MODIFIER, PAGE, ETC.) --- */ | | /* FORCE ABSOLUE SUR TOUT LE SITE */ |
| #p-views, #left-navigation, #right-navigation, #p-cactions {
| | * { |
| display: block !important; | | font-size: 16px !important; |
| visibility: visible !important; | | line-height: 1.5 !important; |
| position: relative !important;
| |
| z-index: 1001 !important;
| |
| } | | } |
|
| |
|
| #p-views ul li, #left-navigation ul li, #right-navigation ul li {
| | /* REDUCTION SPECIFIQUE DES TITRES */ |
| display: inline-block !important;
| | h1, h2, h3, .mw-headline, #firstHeading { |
| background: #f8f9fa !important;
| | font-size: 24px !important; |
| border: 1px solid #a2a9b1 !important;
| | margin: 10px 0 !important; |
| margin-right: 2px !important;
| | padding: 5px !important; |
| }
| |
| | |
| /* --- 2. STRUCTURE DE L'ARTICLE (Lecture de prestige) --- */ | |
| #mw-content-text {
| |
| max-width: 1000px !important;
| |
| margin: 40px auto !important; /* Espace pour ne pas cacher les onglets */
| |
| line-height: 1.7 !important;
| |
| color: #2c2c2c !important;
| |
| padding: 30px !important;
| |
| background: #ffffff !important;
| |
| box-shadow: 0 0 20px rgba(0,0,0,0.05) !important;
| |
| font-family: 'EB Garamond', 'Garamond', serif !important;
| |
| font-size: 17px !important;
| |
| }
| |
| | |
| /* --- 3. AJUSTEMENT ROYAL DES TITRES --- */
| |
| h1, .firstHeading { | |
| font-size: 32px !important;
| |
| color: #3a260b !important;
| |
| font-family: 'EB Garamond', serif !important;
| |
| border-bottom: 2px solid #d4af37 !important;
| |
| padding-bottom: 10px !important;
| |
| margin-top: 20px !important;
| |
| }
| |
| | |
| h2, .mw-headline {
| |
| font-size: 26px !important; | |
| color: #3a260b !important; | |
| font-family: 'EB Garamond', serif !important;
| |
| border-bottom: 1px solid #d4af37 !important;
| |
| padding-bottom: 5px !important; | |
| margin-top: 30px !important;
| |
| display: block !important; | | display: block !important; |
| | width: auto !important; |
| } | | } |
|
| |
|
| /* --- 4. IMAGES ET INFOBOX --- */ | | /* CENTRAGE DE L'ARTICLE */ |
| .thumb, .infobox {
| | #content, #mw-content-text { |
| margin: 15px 0 25px 25px !important; | | max-width: 900px !important; |
| border: 1px solid #d4af37 !important; | | margin: 0 auto !important; |
| background: #fffdf8 !important;
| | padding: 20px !important; |
| padding: 10px !important; | | float: none !important; |
| box-shadow: 4px 4px 10px rgba(0,0,0,0.1) !important; | |
| } | | } |
|
| |
|
| .thumbinner { margin: 0 auto !important; }
| | /* CACHER LE SURPLUS SI BESOIN */ |
| | | .visualClear { display: none !important; } |
| /* --- 5. ÉLÉMENTS ALFI (Menu et Index) --- */ | |
| #alfi-index {
| |
| position: relative !important; /* Changé de sticky à relative pour libérer les onglets */
| |
| text-align: center !important;
| |
| background: rgba(255, 253, 248, 0.98) !important;
| |
| border-bottom: 2px solid #d4af37 !important;
| |
| padding: 15px !important;
| |
| margin-bottom: 30px !important;
| |
| }
| |
| | |
| .lettre-alfi { | |
| background: linear-gradient(180deg,#f8f2d0,#f6e27f) !important;
| |
| border: 1px solid #d4af37 !important;
| |
| border-radius: 6px !important;
| |
| padding: 6px 12px !important;
| |
| font-size: 16px !important;
| |
| font-weight: bold !important;
| |
| color: #3a260b !important;
| |
| display: inline-block !important;
| |
| margin: 3px !important;
| |
| text-decoration: none !important;
| |
| }
| |
| | |
| #alfi-footer {
| |
| position: fixed !important;
| |
| bottom: 0 !important;
| |
| left: 0 !important;
| |
| width: 100% !important;
| |
| background: rgba(255,253,248,0.95) !important;
| |
| border-top: 2px solid #d4af37 !important;
| |
| text-align: center !important;
| |
| padding: 10px 0 !important;
| |
| z-index: 1000 !important;
| |
| }
| |
| | |
| /* --- 6. ADAPTATION MOBILE --- */
| |
| @media (max-width: 768px) {
| |
| #mw-content-text { width: 95% !important; padding: 15px !important; }
| |
| .thumb { float: none !important; display: block !important; margin: 10px auto !important; }
| |
| } | |
/* FORCE ABSOLUE SUR TOUT LE SITE */
* {
font-size: 16px !important;
line-height: 1.5 !important;
}
/* REDUCTION SPECIFIQUE DES TITRES */
h1, h2, h3, .mw-headline, #firstHeading {
font-size: 24px !important;
margin: 10px 0 !important;
padding: 5px !important;
display: block !important;
width: auto !important;
}
/* CENTRAGE DE L'ARTICLE */
#content, #mw-content-text {
max-width: 900px !important;
margin: 0 auto !important;
padding: 20px !important;
float: none !important;
}
/* CACHER LE SURPLUS SI BESOIN */
.visualClear { display: none !important; }
