MediaWiki:Common.css
De Association Linéage de France et d'International
Aller à la navigationAller à la recherche
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).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* ===============================================================
⚜️ STYLE GLOBAL ROYAL ALFI — Version 2026
=============================================================== */
#alfi-index {
position: sticky;
top: 0;
z-index: 100;
text-align: center;
background: #fffdf8e8;
backdrop-filter: blur(6px);
border-bottom: 2px solid #d4af37;
box-shadow: 0 3px 12px rgba(212,175,55,0.25);
padding: 25px 15px;
margin-bottom: 35px;
font-family: 'EB Garamond','Garamond',serif;
}
.lettre-alfi {
background: linear-gradient(180deg,#f8f2d0,#f6e27f);
border: 1px solid #d4af37;
border-radius: 6px;
padding: 7px 12px;
font-size: 17px;
font-weight: bold;
color: #3a260b;
box-shadow: 0 0 5px rgba(212,175,55,0.25);
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.lettre-alfi:hover {
background: linear-gradient(180deg,#fff8cc,#f9e27a);
color: #a40000;
box-shadow: 0 0 12px rgba(212,175,55,0.6), 0 0 4px #fff8cc inset;
transform: translateY(-1px);
}
.bouton-footer {
display: inline-block;
margin: 0 10px;
padding: 8px 14px;
color: #3a260b;
font-weight: bold;
text-decoration: none;
border: 1px solid #d4af37;
border-radius: 8px;
background: linear-gradient(180deg,#f9eeb8,#f6e27f);
transition: all 0.3s ease;
box-shadow: 0 0 6px rgba(212,175,55,0.25);
}
.bouton-footer:hover {
background: linear-gradient(180deg,#fff7c6,#fbe88f);
color: #a40000;
box-shadow: 0 0 12px rgba(212,175,55,0.6);
transform: translateY(-1px);
}
#alfi-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255,253,248,0.85);
backdrop-filter: blur(5px);
border-top: 2px solid #d4af37;
box-shadow: 0 -2px 8px rgba(212,175,55,0.25);
text-align: center;
padding: 10px 0;
font-family: 'EB Garamond',serif;
z-index: 99;
}
@media (max-width:600px) {
#recherche-alfi { width:90%; font-size:16px; }
.lettre-alfi { font-size:18px; padding:9px 13px; }
}
