« 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 : | ||
/* Conteneur flexible */ | |||
/* Conteneur | |||
.lettrine-conteneur { | .lettrine-conteneur { | ||
display: | display: flow-root; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
/* Lettrine | /* Lettrine flottante */ | ||
.lettrine { | .lettrine { | ||
float: left; | float: left; | ||
margin: 0 0. | font-size: 4em; | ||
line-height: 1; | |||
margin: 0.05em 0.1em 0 0; | |||
padding: 0; | padding: 0; | ||
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia | font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', serif; | ||
font-weight: normal; | font-weight: normal; | ||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3); | text-shadow: 2px 2px 4px rgba(0,0,0,0.3); | ||
} | } | ||
/* Texte | /* Texte en petites capitales */ | ||
.lettrine-texte { | .lettrine-texte { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Ligne 29 : | Ligne 23 : | ||
letter-spacing: 0.08em; | letter-spacing: 0.08em; | ||
font-size: 1.05em; | font-size: 1.05em; | ||
} | } | ||
/* Style enluminé */ | |||
/* Style enluminé | |||
.lettrine-enluminee .lettrine { | .lettrine-enluminee .lettrine { | ||
color: #DAA520; | color: #DAA520; | ||
text-shadow: 0 0 12px #DAA520, 0 0 | text-shadow: 0 0 12px #DAA520, 0 0 20px rgba(218,165,32,0.5); | ||
} | } | ||
| Ligne 46 : | Ligne 34 : | ||
.lettrine-bordure .lettrine { | .lettrine-bordure .lettrine { | ||
border: 3px solid #8B4513; | border: 3px solid #8B4513; | ||
padding: 0. | padding: 0.08em 0.12em; | ||
color: #8B4513; | color: #8B4513; | ||
background: rgba(139, 69, 19, 0.05) | background: rgba(139,69,19,0.05); | ||
} | } | ||
/* Style ombre | /* Style ombre */ | ||
.lettrine-ombre .lettrine { | .lettrine-ombre .lettrine { | ||
text-shadow: | text-shadow: 3px 3px 0 rgba(0,0,0,0.3), 5px 5px 0 rgba(0,0,0,0.2); | ||
} | } | ||
| Ligne 62 : | Ligne 47 : | ||
.lettrine-floral .lettrine { | .lettrine-floral .lettrine { | ||
color: #228B22; | color: #228B22; | ||
text-shadow: 0 0 | text-shadow: 0 0 10px rgba(34,139,34,0.6); | ||
} | } | ||
/* | /* Responsive */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.lettrine { | .lettrine { | ||
font-size: | font-size: 3.5em; | ||
} | } | ||
} | } | ||
@media print { | @media print { | ||
| Ligne 97 : | Ligne 61 : | ||
color: #000; | color: #000; | ||
text-shadow: none; | text-shadow: none; | ||
} | } | ||
} | } | ||
Version du 12 novembre 2025 à 15:17
/* Conteneur flexible */
.lettrine-conteneur {
display: flow-root;
margin-bottom: 1em;
}
/* Lettrine flottante */
.lettrine {
float: left;
font-size: 4em;
line-height: 1;
margin: 0.05em 0.1em 0 0;
padding: 0;
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', serif;
font-weight: normal;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
/* Texte en petites capitales */
.lettrine-texte {
font-variant: small-caps;
font-weight: 600;
letter-spacing: 0.08em;
font-size: 1.05em;
}
/* Style enluminé */
.lettrine-enluminee .lettrine {
color: #DAA520;
text-shadow: 0 0 12px #DAA520, 0 0 20px rgba(218,165,32,0.5);
}
/* Style bordure */
.lettrine-bordure .lettrine {
border: 3px solid #8B4513;
padding: 0.08em 0.12em;
color: #8B4513;
background: rgba(139,69,19,0.05);
}
/* Style ombre */
.lettrine-ombre .lettrine {
text-shadow: 3px 3px 0 rgba(0,0,0,0.3), 5px 5px 0 rgba(0,0,0,0.2);
}
/* Style floral */
.lettrine-floral .lettrine {
color: #228B22;
text-shadow: 0 0 10px rgba(34,139,34,0.6);
}
/* Responsive */
@media (max-width: 768px) {
.lettrine {
font-size: 3.5em;
}
}
@media print {
.lettrine {
color: #000;
text-shadow: none;
}
}