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)
Page créée avec « ==================================== LETTRINE - Style manuscrit médiéval ==================================== : .lettrine { Taille et positionnement : font-size: 4em; line-height: 0.8; float: left; margin: 0.1em 0.15em 0 0; Typographie : font-family: "Uncial Antiqua", "Cinzel Decorative", Georgia, serif; font-weight: bold; Effets visuels : text-shadow: 2px 2px 4px rgba(0,0,0,0.3);... »
 
Hiob (discussion | contributions)
Aucun résumé des modifications
 
(11 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* ====================================
/* Conteneur principal */
  LETTRINE - Style manuscrit médiéval
.lettrine-conteneur {
  ==================================== */
    display: inline;
}


/* La lettrine elle-même */
.lettrine {
.lettrine {
    /* Taille et positionnement */
    font-size: 4em;
    line-height: 0.8;
     float: left;
     float: left;
     margin: 0.1em 0.15em 0 0;
    font-size: 3.5em;
      
    line-height: 1;
    /* Typographie */
     margin: 0 0.1em 0 0;
     font-family: "Uncial Antiqua", "Cinzel Decorative", Georgia, serif;
     padding: 0;
     font-weight: bold;
     font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif;
   
     font-weight: normal;
    /* Effets visuels */
     text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
     text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
   
    /* Décoration */
    padding: 0.05em 0.1em;
}
}


/* Texte qui suit la lettrine (en petites capitales) */
/* Petites capitales suivant la lettrine */
.lettrine-texte {
.lettrine-texte {
     font-variant: small-caps;
     font-variant: small-caps;
     font-weight: 600;
     font-weight: 600;
     letter-spacing: 0.05em;
     letter-spacing: 0.08em;
}
     font-size: 1.05em;
 
/* Ajustement pour paragraphes */
.lettrine + .lettrine-texte {
     margin-left: 0;
}
}


/* Adaptation responsive */
/* Responsive */
@media (max-width: 768px) {
@media (max-width: 768px) {
     .lettrine {
     .lettrine {
         font-size: 3em;
         font-size: 3em;
        margin: 0.05em 0.1em 0 0;
     }
     }
}
}


/* Style alternatif : bordure décorative optionnelle */
@media (max-width: 480px) {
.lettrine.decoree {
    .lettrine {
    border: 2px solid currentColor;
        font-size: 2.5em;
    border-radius: 0.1em;
     }
     padding: 0.1em 0.2em;
}
}


/* Variante avec fond coloré */
/* Impression */
.lettrine.fond {
@media print {
     background: linear-gradient(135deg,
     .lettrine {
        rgba(255,255,255,0.3) 0%,
         color: #000;
         rgba(255,255,255,0) 100%);
        text-shadow: none;
    border-radius: 0.15em;
     }
     padding: 0.1em 0.25em;
}
}

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.