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
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* =====================================================
/* Conteneur principal */
  STYLES LETTRINE - Version corrigée alignement
  ===================================================== */
 
/* Conteneur de la lettrine */
.lettrine-conteneur {
.lettrine-conteneur {
display: block;
    display: inline;
margin-bottom: 1em;
overflow: hidden;
}
}


/* Lettrine principale - BASE */
/* La lettrine elle-même */
.lettrine {
.lettrine {
font-size: 3.5em;
    float: left;
line-height: 0.8;
    font-size: 3.5em;
float: left;
    line-height: 1;
margin: 0 0.15em 0 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;
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.4);
display: block;
}
}


/* Texte suivant la lettrine (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.08em;
    letter-spacing: 0.08em;
font-size: 1.05em;
    font-size: 1.05em;
display: inline;
}
 
/* =====================================================
  VARIANTES DE STYLE
  ===================================================== */
 
/* Style enluminé (effet lumineux) */
.lettrine-enluminee .lettrine {
color: #DAA520;
text-shadow: 0 0 12px #DAA520, 0 0 24px rgba(218, 165, 32, 0.5);
filter: drop-shadow(0 0 8px #DAA520);
}
 
/* Style bordure */
.lettrine-bordure .lettrine {
border: 3px solid #8B4513;
padding: 0.1em 0.15em;
color: #8B4513;
background: rgba(139, 69, 19, 0.05);
border-radius: 0.1em;
}
 
/* Style ombre portée */
.lettrine-ombre .lettrine {
text-shadow: 4px 4px 0 rgba(0,0,0,0.3),
            6px 6px 0 rgba(0,0,0,0.2),
            8px 8px 0 rgba(0,0,0,0.1);
}
 
/* Style floral */
.lettrine-floral .lettrine {
color: #228B22;
text-shadow: 0 0 8px rgba(34, 139, 34, 0.6),
            2px 2px 4px rgba(0,0,0,0.3);
filter: drop-shadow(0 0 6px #90EE90);
}
}


/* =====================================================
/* Responsive */
  RESPONSIVE
  ===================================================== */
 
@media (max-width: 768px) {
@media (max-width: 768px) {
.lettrine {
    .lettrine {
font-size: 3em;
        font-size: 3em;
margin: 0 0.1em 0 0;
    }
}
 
.lettrine-texte {
font-size: 1em;
letter-spacing: 0.05em;
}
}
}


@media (max-width: 480px) {
@media (max-width: 480px) {
.lettrine {
    .lettrine {
font-size: 2.5em;
        font-size: 2.5em;
}
    }
}
}


/* =====================================================
/* Impression */
  IMPRESSION
  ===================================================== */
 
@media print {
@media print {
.lettrine {
    .lettrine {
color: #000;
        color: #000;
text-shadow: none;
        text-shadow: none;
filter: none;
    }
}
 
.lettrine-enluminee .lettrine,
.lettrine-floral .lettrine {
color: #000;
}
}
}

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.