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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 1 : / Ligne 1 : @@
 /* =====================================================
-    STYLES LETTRINE - Modèle:Lettrine/styles.css
+    STYLES LETTRINE - Version corrigée alignement
-   Police par défaut : Fette Unz Fraktur (définie dans MediaWiki:Common.css)
     ===================================================== */
@@ Ligne 7 : / Ligne 6 : @@
 .lettrine-conteneur {
 display: block;
-margin-bottom: 0.5em;
+margin-bottom: 1em;
-line-height: 1.4;
+overflow: hidden;
 }
 /* Lettrine principale - BASE */
 .lettrine {
-font-size: 4.5em;
+font-size: 3.5em;
-line-height: 0.7;
+line-height: 0.8;
 float: left;
-margin: 0.05em 0.15em 0 0;
+margin: 0 0.15em 0 0;
-padding: 0.05em 0.1em;
+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.3);
+display: block;
 }
@@ Ligne 28 : / Ligne 28 : @@
 font-weight: 600;
 letter-spacing: 0.08em;
-font-size: 1.1em;
+font-size: 1.05em;
-text-transform: lowercase;
+display: inline;
-margin-left: 0.1em;
 }
@@ Ligne 37 : / Ligne 36 : @@
     ===================================================== */
-/* Style enluminé (doré brillant) */
+/* Style enluminé (effet lumineux) */
 .lettrine-enluminee .lettrine {
-background: linear-gradient(135deg,
+color: #DAA520;
-rgba(218, 165, 32, 0.2) 0%,
+text-shadow: 0 0 12px #DAA520, 0 0 24px rgba(218, 165, 32, 0.5);
-rgba(255, 215, 0, 0.3) 50%,
+filter: drop-shadow(0 0 8px #DAA520);
-rgba(218, 165, 32, 0.2) 100%);
-border-radius: 8px;
-padding: 0.1em 0.2em;
-box-shadow: 0 4px 8px rgba(218, 165, 32, 0.4),
-inset 0 2px 4px rgba(255, 255, 255, 0.3);
 }
-/* Style avec bordure décorative */
+/* Style bordure */
 .lettrine-bordure .lettrine {
-border: 3px double currentColor;
+border: 3px solid #8B4513;
-border-radius: 6px;
+padding: 0.1em 0.15em;
-padding: 0.08em 0.15em;
+color: #8B4513;
-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+background: rgba(139, 69, 19, 0.05);
+border-radius: 0.1em;
 }
-/* Style avec ombre portée forte */
+/* Style ombre portée */
 .lettrine-ombre .lettrine {
-text-shadow:
+text-shadow: 4px 4px 0 rgba(0,0,0,0.3),
-px 3px 0 rgba(0,0,0,0.3),
+px 6px 0 rgba(0,0,0,0.2),
-px 5px 8px rgba(0,0,0,0.5);
+px 8px 0 rgba(0,0,0,0.1);
 }
-/* Style floral (ornement végétal) */
+/* Style floral */
 .lettrine-floral .lettrine {
-position: relative;
+color: #228B22;
-padding: 0.15em 0.25em;
+text-shadow: 0 0 8px rgba(34, 139, 34, 0.6),
-}
+px 2px 4px rgba(0,0,0,0.3);
+filter: drop-shadow(0 0 6px #90EE90);
-.lettrine-floral .lettrine::before {
-content: '❦';
-position: absolute;
-top: -0.3em;
-right: -0.2em;
-font-size: 0.4em;
-color: inherit;
-opacity: 0.6;
 }
@@ Ligne 84 : / Ligne 71 : @@
     ===================================================== */
-@media screen and (max-width: 768px) {
+@media (max-width: 768px) {
 .lettrine {
-font-size: 3.5em;
+font-size: 3em;
-margin: 0.05em 0.12em 0 0;
+margin: 0 0.1em 0 0;
 }
 .lettrine-texte {
 font-size: 1em;
+letter-spacing: 0.05em;
 }
 }
-@media screen and (max-width: 480px) {
+@media (max-width: 480px) {
 .lettrine {
-font-size: 3em;
+font-size: 2.5em;
-line-height: 0.75;
 }
 }
@@ Ligne 108 : / Ligne 95 : @@
 @media print {
 .lettrine {
-font-size: 3.5em;
+color: #000;
 text-shadow: none;
-color: #000 !important;
+filter: none;
 }
-.lettrine-enluminee .lettrine {
+.lettrine-enluminee .lettrine,
-background: none;
+.lettrine-floral .lettrine {
-box-shadow: none;
+color: #000;
-border: 1px solid #000;
 }
 }