« MediaWiki:Common.css » : différence entre les versions
De Association Linéage de France et d'International
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (7 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* | /* =============================================================== | ||
⚜️ STYLE GLOBAL ROYAL ALFI — Version 2026 | |||
=============================================================== */ | |||
#alfi-index { | |||
position: sticky; | |||
top: 0; | |||
z-index: 100; | |||
text-align: center; | text-align: center; | ||
border-bottom: | background: #fffdf8e8; | ||
margin-bottom: | 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 { | |||
font-size: | background: linear-gradient(180deg,#f8f2d0,#f6e27f); | ||
font-weight: | 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; | |||
color: # | |||
border: 1px solid #d4af37; | border: 1px solid #d4af37; | ||
border-radius: 8px; | 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); | |||
background | |||
. | |||
} | } | ||
.bouton-footer:hover { | |||
. | background: linear-gradient(180deg,#fff7c6,#fbe88f); | ||
color: # | 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; | text-align: center; | ||
padding: 10px 0; | |||
font- | 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; } | |||
} | } | ||
Dernière version du 25 octobre 2025 à 11:06
/* ===============================================================
⚜️ 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; }
}