« Modèle:Police/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
m Fette Unz Fraktur |
||
| (2 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* ==== Modèle: | /* ==== Modèle:Police - Styles de texte avancés ==== */ | ||
/* === Couleurs de base === */ | /* === Couleurs de base === */ | ||
. | .police-color { | ||
display: inline; | display: inline; | ||
} | } | ||
. | .police-rouge { color: #dc3545; } | ||
. | .police-bleu { color: #0d6efd; } | ||
. | .police-vert { color: #198754; } | ||
. | .police-jaune { color: #ffc107; } | ||
. | .police-orange { color: #fd7e14; } | ||
. | .police-violet { color: #6f42c1; } | ||
. | .police-rose { color: #d63384; } | ||
. | .police-cyan { color: #0dcaf0; } | ||
. | .police-blanc { color: #ffffff; } | ||
. | .police-gris { color: #6c757d; } | ||
. | .police-noir { color: #000000; } | ||
.police-or { color: #ffd700; } | |||
.police-argent { color: #c0c0c0; } | |||
.police-bronze { color: #cd7f32; } | |||
/* | /* === FAMILLES DE POLICES === */ | ||
/* === EFFETS | .police-famille-serif { | ||
font-family: Georgia, "Times New Roman", serif; | |||
} | |||
.police-famille-sans { | |||
font-family: Arial, Helvetica, sans-serif; | |||
} | |||
.police-famille-mono { | |||
font-family: "Courier New", Courier, monospace; | |||
} | |||
.police-famille-cursive { | |||
font-family: "Brush Script MT", cursive; | |||
} | |||
.police-famille-fantasy { | |||
font-family: "Comic Sans MS", "Chalkboard SE", fantasy; | |||
} | |||
.police-famille-impact { | |||
font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; | |||
} | |||
.police-famille-fraktur { | |||
font-family: "Fette Unz Fraktur", Fette Unz Fraktur, AppleGothic, sans-serif; | |||
} | |||
.police-famille-fraktur-classic { | |||
font-family: "Fette Unz Fraktur Classic", Fette Unz Fraktur Classic, AppleGothic, sans-serif; | |||
} | |||
.police-famille-gothic { | |||
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; | |||
} | |||
.police-famille-palatino { | |||
font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; | |||
} | |||
.police-famille-garamond { | |||
font-family: Garamond, Baskerville, "Baskerville Old Face", serif; | |||
} | |||
.police-famille-verdana { | |||
font-family: Verdana, Geneva, sans-serif; | |||
} | |||
.police-famille-trebuchet { | |||
font-family: "Trebuchet MS", "Lucida Grande", sans-serif; | |||
} | |||
.police-famille-times { | |||
font-family: "Times New Roman", Times, serif; | |||
} | |||
/* === EFFETS VISUELS === */ | |||
/* Effet brillant - GLOW PUISSANT */ | /* Effet brillant - GLOW PUISSANT */ | ||
. | .police-effet-brillant { | ||
text-shadow: | text-shadow: | ||
0 0 10px currentColor, | 0 0 10px currentColor, | ||
| Ligne 38 : | Ligne 94 : | ||
/* Effet néon - ULTRA VISIBLE */ | /* Effet néon - ULTRA VISIBLE */ | ||
. | .police-effet-neon { | ||
text-shadow: | text-shadow: | ||
0 0 5px #fff, | 0 0 5px #fff, | ||
| Ligne 53 : | Ligne 109 : | ||
/* Effet ombre portée - MARQUÉE */ | /* Effet ombre portée - MARQUÉE */ | ||
. | .police-effet-ombre { | ||
text-shadow: | text-shadow: | ||
3px 3px 0 rgba(0, 0, 0, 0.3), | 3px 3px 0 rgba(0, 0, 0, 0.3), | ||
| Ligne 62 : | Ligne 118 : | ||
/* Effet 3D - PROFONDEUR EXTRÊME */ | /* Effet 3D - PROFONDEUR EXTRÊME */ | ||
. | .police-effet-3d { | ||
text-shadow: | text-shadow: | ||
1px 1px 0 rgba(0, 0, 0, 0.3), | 1px 1px 0 rgba(0, 0, 0, 0.3), | ||
| Ligne 77 : | Ligne 133 : | ||
/* Effet relief - GRAVURE PROFONDE */ | /* Effet relief - GRAVURE PROFONDE */ | ||
. | .police-effet-relief { | ||
text-shadow: | text-shadow: | ||
2px 2px 0 rgba(255, 255, 255, 0.8), | 2px 2px 0 rgba(255, 255, 255, 0.8), | ||
| Ligne 86 : | Ligne 142 : | ||
/* Effet contour - STROKE ÉPAIS */ | /* Effet contour - STROKE ÉPAIS */ | ||
. | .police-effet-contour { | ||
text-shadow: | text-shadow: | ||
-2px -2px 0 #000, | -2px -2px 0 #000, | ||
| Ligne 101 : | Ligne 157 : | ||
/* Effet pulsation - ANIMATION VISIBLE */ | /* Effet pulsation - ANIMATION VISIBLE */ | ||
. | .police-effet-pulse { | ||
animation: | animation: police-pulse 1.5s ease-in-out infinite; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
@keyframes | @keyframes police-pulse { | ||
0%, 100% { | 0%, 100% { | ||
opacity: 1; | opacity: 1; | ||
| Ligne 120 : | Ligne 176 : | ||
/* Effet clignotant */ | /* Effet clignotant */ | ||
. | .police-effet-clignotant { | ||
animation: | animation: police-blink 1s step-start infinite; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
@keyframes | @keyframes police-blink { | ||
0%, 49% { opacity: 1; } | 0%, 49% { opacity: 1; } | ||
50%, 100% { opacity: 0; } | 50%, 100% { opacity: 0; } | ||
| Ligne 131 : | Ligne 187 : | ||
/* Effet gras */ | /* Effet gras */ | ||
. | .police-effet-gras { | ||
font-weight: 900; | font-weight: 900; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
| Ligne 137 : | Ligne 193 : | ||
/* Effet métallique OR - BRILLANCE INTENSE */ | /* Effet métallique OR - BRILLANCE INTENSE */ | ||
. | .police-or.police-effet-metallique { | ||
color: #ffd700; | color: #ffd700; | ||
text-shadow: | text-shadow: | ||
| Ligne 157 : | Ligne 213 : | ||
/* Effet métallique ARGENT */ | /* Effet métallique ARGENT */ | ||
. | .police-argent.police-effet-metallique { | ||
color: #e8e8e8; | color: #e8e8e8; | ||
text-shadow: | text-shadow: | ||
| Ligne 176 : | Ligne 232 : | ||
/* Effet métallique BRONZE */ | /* Effet métallique BRONZE */ | ||
. | .police-bronze.police-effet-metallique { | ||
color: #e8a75c; | color: #e8a75c; | ||
text-shadow: | text-shadow: | ||
| Ligne 195 : | Ligne 251 : | ||
/* Effet FEU - FLAMMES ANIMÉES */ | /* Effet FEU - FLAMMES ANIMÉES */ | ||
. | .police-effet-feu { | ||
color: #ff4500; | color: #ff4500; | ||
text-shadow: | text-shadow: | ||
| Ligne 204 : | Ligne 260 : | ||
0 0 50px #ff7f00, | 0 0 50px #ff7f00, | ||
0 0 60px #ffff00; | 0 0 60px #ffff00; | ||
animation: | animation: police-fire 0.5s ease-in-out infinite alternate; | ||
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 2px; | letter-spacing: 2px; | ||
} | } | ||
@keyframes | @keyframes police-fire { | ||
0% { | 0% { | ||
text-shadow: | text-shadow: | ||
| Ligne 235 : | Ligne 291 : | ||
/* Effet GLACE - CRISTAUX GLACÉS */ | /* Effet GLACE - CRISTAUX GLACÉS */ | ||
. | .police-effet-glace { | ||
color: #00ffff; | color: #00ffff; | ||
text-shadow: | text-shadow: | ||
| Ligne 250 : | Ligne 306 : | ||
/* Effet RAINBOW multicolore */ | /* Effet RAINBOW multicolore */ | ||
. | .police-effet-rainbow { | ||
animation: | animation: police-rainbow 3s linear infinite; | ||
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 2px; | letter-spacing: 2px; | ||
| Ligne 259 : | Ligne 315 : | ||
} | } | ||
@keyframes | @keyframes police-rainbow { | ||
0% { color: #ff0000; text-shadow: 0 0 20px #ff0000; } | 0% { color: #ff0000; text-shadow: 0 0 20px #ff0000; } | ||
16% { color: #ff7f00; text-shadow: 0 0 20px #ff7f00; } | 16% { color: #ff7f00; text-shadow: 0 0 20px #ff7f00; } | ||
| Ligne 270 : | Ligne 326 : | ||
/* Effet dégradé avec glow */ | /* Effet dégradé avec glow */ | ||
. | .police-effet-degrade { | ||
text-shadow: | text-shadow: | ||
0 0 5px currentColor, | 0 0 5px currentColor, | ||