Modèle:Lettrine/styles.css
De Nefald
Autres actions
/* 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;
}
}