Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:Lettrine/styles.css » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
Aucun résumé des modifications
Hiob (discussion | contributions)
Aucun résumé des modifications
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 1 : Ligne 1 :
/* Conteneur principal */
/* Conteneur principal */
.lettrine-conteneur {
.lettrine-conteneur {
     clear: both;
     display: inline;
    margin-bottom: 1.5em;
}
}


.lettrine-conteneur::after {
/* La lettrine elle-même */
    content: "";
    display: table;
    clear: both;
}
 
/* La lettrine - Style Fraktur classique */
.lettrine {
.lettrine {
     float: left;
     float: left;
     font-size: 3.5em;
     font-size: 3.5em;
     line-height: 0.85;
     line-height: 1;
     margin: 0.05em 0.12em -0.1em 0;
     margin: 0 0.1em 0 0;
     padding: 0;
     padding: 0;
     font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif;
     font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif;

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;
    }
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.