« Modèle:Lettrine/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (6 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* | /* Conteneur principal */ | ||
.lettrine-conteneur { | .lettrine-conteneur { | ||
display: inline; | display: inline; | ||
} | } | ||
/* La lettrine elle-même */ | |||
.lettrine { | .lettrine { | ||
float: left; | float: left; | ||
font-size: 3.5em; | font-size: 3.5em; | ||
line-height: | line-height: 1; | ||
margin: 0 | margin: 0 0.1em 0 0; | ||
font-weight: | padding: 0; | ||
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif; | |||
font-weight: normal; | |||
text-shadow: 2px 2px 4px rgba(0,0,0,0.4); | |||
} | } | ||
/* Petites capitales suivant la lettrine */ | |||
.lettrine-texte { | .lettrine-texte { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
font-weight: 600; | |||
letter-spacing: 0.08em; | |||
font-size: 1.05em; | |||
} | } | ||
/* Responsive */ | |||
/* | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.lettrine { | .lettrine { | ||
font-size: | font-size: 3em; | ||
} | } | ||
} | } | ||
| Ligne 74 : | Ligne 33 : | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.lettrine { | .lettrine { | ||
font-size: 2. | font-size: 2.5em; | ||
} | } | ||
} | } | ||
/* | /* Impression */ | ||
@media print { | @media print { | ||
.lettrine { | .lettrine { | ||
color: #000; | |||
text-shadow: none; | |||
text-shadow: none | |||
} | } | ||
} | } | ||
Dernière version du 12 novembre 2025 à 15:32
/* Conteneur principal */
.lettrine-conteneur {
display: inline;
}
/* La lettrine elle-même */
.lettrine {
float: left;
font-size: 3.5em;
line-height: 1;
margin: 0 0.1em 0 0;
padding: 0;
font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif;
font-weight: normal;
text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
/* Petites capitales suivant la lettrine */
.lettrine-texte {
font-variant: small-caps;
font-weight: 600;
letter-spacing: 0.08em;
font-size: 1.05em;
}
/* Responsive */
@media (max-width: 768px) {
.lettrine {
font-size: 3em;
}
}
@media (max-width: 480px) {
.lettrine {
font-size: 2.5em;
}
}
/* Impression */
@media print {
.lettrine {
color: #000;
text-shadow: none;
}
}