« Modèle:Lettrine/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* ===================================================== | /* ===================================================== | ||
LETTRINE - | STYLES LETTRINE - Modèle:Lettrine/styles.css | ||
Police par défaut : Fette Unz Fraktur (définie dans MediaWiki:Common.css) | |||
===================================================== */ | ===================================================== */ | ||
/* Conteneur de la lettrine */ | |||
.lettrine-conteneur { | .lettrine-conteneur { | ||
display: block; | |||
margin-bottom: 0.5em; | |||
line-height: 1.4; | |||
} | } | ||
/* Lettrine principale - BASE */ | |||
.lettrine { | .lettrine { | ||
font-size: 4.5em; | |||
line-height: 0.7; | |||
float: left; | |||
margin: 0.05em 0.15em 0 0; | |||
padding: 0.05em 0.1em; | |||
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif; | |||
font-weight: normal; | |||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3); | |||
} | } | ||
/* Texte suivant la lettrine (petites capitales) */ | |||
.lettrine-texte { | .lettrine-texte { | ||
font-variant: small-caps; | |||
font-weight: 600; | |||
letter-spacing: 0.08em; | |||
font-size: 1.1em; | |||
text-transform: lowercase; | |||
margin-left: 0.1em; | |||
} | } | ||
| Ligne 26 : | Ligne 37 : | ||
===================================================== */ | ===================================================== */ | ||
/* Style enluminé */ | /* Style enluminé (doré brillant) */ | ||
.lettrine-enluminee .lettrine { | .lettrine-enluminee .lettrine { | ||
background: linear-gradient(135deg, | |||
rgba(218, 165, 32, 0.2) 0%, | |||
rgba(255, 215, 0, 0.3) 50%, | |||
rgba(218, 165, 32, 0.2) 100%); | |||
border-radius: 8px; | |||
padding: 0.1em 0.2em; | |||
box-shadow: 0 4px 8px rgba(218, 165, 32, 0.4), | |||
inset 0 2px 4px rgba(255, 255, 255, 0.3); | |||
} | } | ||
/* Style avec bordure */ | /* Style avec bordure décorative */ | ||
.lettrine-bordure .lettrine { | .lettrine-bordure .lettrine { | ||
border: 3px double currentColor; | |||
border-radius: 6px; | |||
padding: 0.08em 0.15em; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.2); | |||
} | } | ||
/* Style avec ombre */ | /* Style avec ombre portée forte */ | ||
.lettrine-ombre .lettrine { | .lettrine-ombre .lettrine { | ||
text-shadow: | |||
3px 3px 0 rgba(0,0,0,0.3), | |||
5px 5px 8px rgba(0,0,0,0.5); | |||
} | } | ||
/* Style floral */ | /* Style floral (ornement végétal) */ | ||
.lettrine-floral .lettrine { | .lettrine-floral .lettrine { | ||
position: relative; | |||
padding: 0.15em 0.25em; | |||
} | } | ||
.lettrine-floral .lettrine::before { | .lettrine-floral .lettrine::before { | ||
content: '❦'; | |||
position: absolute; | |||
top: -0.3em; | |||
right: -0.2em; | |||
font-size: 0.4em; | |||
color: inherit; | |||
opacity: 0.6; | |||
} | } | ||
| Ligne 65 : | Ligne 84 : | ||
===================================================== */ | ===================================================== */ | ||
@media (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.lettrine { | |||
font-size: 3.5em; | |||
margin: 0.05em 0.12em 0 0; | |||
} | |||
.lettrine-texte { | |||
font-size: 1em; | |||
} | |||
} | } | ||
@media (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.lettrine { | |||
font-size: 3em; | |||
line-height: 0.75; | |||
} | |||
} | } | ||
| Ligne 88 : | Ligne 107 : | ||
@media print { | @media print { | ||
.lettrine { | |||
font-size: 3.5em; | |||
text-shadow: none; | |||
color: #000 !important; | |||
} | |||
.lettrine-enluminee .lettrine { | |||
background: none; | |||
box-shadow: none; | |||
border: 1px solid #000; | |||
} | |||
} | } | ||