« Modèle:Lettrine/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* ===================================================== | /* ===================================================== | ||
STYLES LETTRINE - Modèle:Lettrine/styles.css | STYLES LETTRINE - Modèle:Lettrine/styles.css | ||
===================================================== */ | ===================================================== */ | ||
/* Style de base de la lettrine */ | /* Style de base de la lettrine */ | ||
.lettrine { | .lettrine { | ||
/* Typographie | /* Typographie */ | ||
font-family: 'Cinzel Decorative', Georgia, serif; | font-family: 'Cinzel Decorative', Georgia, serif; | ||
font-weight: 700; | font-weight: 700; | ||
| Ligne 16 : | Ligne 15 : | ||
/* Positionnement flottant */ | /* Positionnement flottant */ | ||
float: left; | float: left; | ||
margin: 0.1em 0. | margin: 0.1em 0.2em 0 0; | ||
padding: 0.05em 0.1em; | padding: 0.05em 0.1em; | ||
/* Effets visuels */ | /* Effets visuels */ | ||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); | ||
color: #8B4513; | color: #8B4513; | ||
} | } | ||
| Ligne 31 : | Ligne 27 : | ||
font-variant: small-caps; | font-variant: small-caps; | ||
font-weight: 600; | font-weight: 600; | ||
letter-spacing: 0. | letter-spacing: 0.08em; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
text-transform: lowercase; | |||
margin-left: 0.1em; | |||
} | } | ||
| Ligne 43 : | Ligne 41 : | ||
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', serif; | font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', serif; | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 4.2em; | |||
line-height: 0.75; | |||
} | } | ||
| Ligne 49 : | Ligne 49 : | ||
font-family: 'Fette Unz Fraktur Classic', 'Fette Unz Fraktur', serif; | font-family: 'Fette Unz Fraktur Classic', 'Fette Unz Fraktur', serif; | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 4.2em; | |||
line-height: 0.75; | |||
} | } | ||
| Ligne 61 : | Ligne 63 : | ||
font-family: 'Cinzel Decorative', serif; | font-family: 'Cinzel Decorative', serif; | ||
font-weight: 900; | font-weight: 900; | ||
font-size: 4.2em; | |||
} | } | ||
| Ligne 77 : | Ligne 80 : | ||
.lettrine-ombre { | .lettrine-ombre { | ||
text-shadow: | text-shadow: | ||
3px 3px 0 rgba(0, 0, 0, 0. | 3px 3px 0 rgba(0, 0, 0, 0.15), | ||
5px 5px 8px rgba(0, 0, 0, 0.4); | |||
} | } | ||
| Ligne 84 : | Ligne 87 : | ||
.lettrine-contour { | .lettrine-contour { | ||
text-shadow: | text-shadow: | ||
-1px -1px 0 rgba(0, 0, 0, 0. | -1px -1px 0 rgba(0, 0, 0, 0.4), | ||
1px -1px 0 rgba(0, 0, 0, 0. | 1px -1px 0 rgba(0, 0, 0, 0.4), | ||
-1px 1px 0 rgba(0, 0, 0, 0. | -1px 1px 0 rgba(0, 0, 0, 0.4), | ||
1px 1px 0 rgba(0, 0, 0, 0. | 1px 1px 0 rgba(0, 0, 0, 0.4), | ||
2px 2px | 2px 2px 6px rgba(0, 0, 0, 0.6); | ||
} | } | ||
| Ligne 94 : | Ligne 97 : | ||
.lettrine-enluminee { | .lettrine-enluminee { | ||
background: linear-gradient(135deg, | background: linear-gradient(135deg, | ||
rgba(218, 165, 32, 0. | rgba(218, 165, 32, 0.3) 0%, | ||
rgba(184, 134, 11, 0. | rgba(184, 134, 11, 0.2) 100%); | ||
border-radius: 6px; | |||
padding: 0.15em 0.2em; | |||
box-shadow: | |||
0 0 10px rgba(218, 165, 32, 0.4), | |||
inset 0 1px 3px rgba(255, 255, 255, 0.2); | |||
} | |||
/* Lettrine avec bordure dorée */ | |||
.lettrine-bordure { | |||
border: 2px solid currentColor; | |||
border-radius: 4px; | border-radius: 4px; | ||
padding: 0.1em 0.15em; | padding: 0.1em 0.15em; | ||
| Ligne 101 : | Ligne 114 : | ||
/* ===================================================== | /* ===================================================== | ||
RESPONSIVE | RESPONSIVE | ||
===================================================== */ | ===================================================== */ | ||
| Ligne 107 : | Ligne 120 : | ||
.lettrine { | .lettrine { | ||
font-size: 3em; | font-size: 3em; | ||
margin: 0. | margin: 0.08em 0.15em 0 0; | ||
} | |||
.lettrine-fraktur, | |||
.lettrine-classic, | |||
.lettrine-black { | |||
font-size: 3.2em; | |||
} | } | ||
.lettrine-texte { | .lettrine-texte { | ||
font-size: 1em; | font-size: 1em; | ||
letter-spacing: 0.05em; | |||
} | } | ||
} | } | ||
| Ligne 118 : | Ligne 138 : | ||
.lettrine { | .lettrine { | ||
font-size: 2.5em; | font-size: 2.5em; | ||
margin: 0.05em 0. | margin: 0.05em 0.1em 0 0; | ||
} | |||
.lettrine-fraktur, | |||
.lettrine-classic, | |||
.lettrine-black { | |||
font-size: 2.7em; | |||
} | } | ||
} | } | ||
/* ===================================================== | /* ===================================================== | ||
IMPRESSION | |||
===================================================== */ | ===================================================== */ | ||
| Ligne 129 : | Ligne 155 : | ||
.lettrine { | .lettrine { | ||
text-shadow: none; | text-shadow: none; | ||
color: #000 | color: #000; | ||
} | |||
.lettrine-enluminee { | |||
background: none; | |||
box-shadow: none; | |||
} | } | ||
} | } | ||