Modèle:Police/styles.css

/* ==== Modèle:Font - Styles de coloration de texte ==== */

/* === Couleurs de base === */
.font-color {
    display: inline;
}

.font-rouge { color: #dc3545; }
.font-bleu { color: #0d6efd; }
.font-vert { color: #198754; }
.font-jaune { color: #ffc107; }
.font-orange { color: #fd7e14; }
.font-violet { color: #6f42c1; }
.font-rose { color: #d63384; }
.font-cyan { color: #0dcaf0; }
.font-blanc { color: #ffffff; }
.font-gris { color: #6c757d; }
.font-noir { color: #000000; }

/* Couleurs métalliques */
.font-or { 
    color: #ffd700; 
}

.font-argent { 
    color: #c0c0c0; 
}

.font-bronze { 
    color: #cd7f32; 
}

/* === EFFETS === */

/* Effet brillant (glow) */
.font-effet-brillant {
    text-shadow: 
        0 0 5px currentColor,
        0 0 10px currentColor,
        0 0 15px currentColor;
    font-weight: bold;
}

/* Effet néon */
.font-effet-neon {
    text-shadow: 
        0 0 5px currentColor,
        0 0 10px currentColor,
        0 0 20px currentColor,
        0 0 30px currentColor;
    font-weight: bold;
}

/* Effet ombre */
.font-effet-ombre {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Effet 3D */
.font-effet-3d {
    text-shadow: 
        1px 1px 0 rgba(0, 0, 0, 0.2),
        2px 2px 0 rgba(0, 0, 0, 0.2),
        3px 3px 0 rgba(0, 0, 0, 0.2),
        4px 4px 0 rgba(0, 0, 0, 0.2);
}

/* Effet relief */
.font-effet-relief {
    text-shadow: 
        1px 1px 0 rgba(255, 255, 255, 0.5),
        -1px -1px 0 rgba(0, 0, 0, 0.3);
}

/* Effet pulsation (animation) */
.font-effet-pulse {
    animation: font-pulse 2s ease-in-out infinite;
}

@keyframes font-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Effet clignotant */
.font-effet-clignotant {
    animation: font-blink 1s step-start infinite;
}

@keyframes font-blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

/* Effet gras */
.font-effet-gras {
    font-weight: bold;
}

/* Effet métallique or (simulation sans gradient) */
.font-or.font-effet-metallique {
    color: #ffd700;
    text-shadow: 
        0 1px 0 #ffed4e,
        0 -1px 0 #b8860b,
        1px 0 0 #ffed4e,
        -1px 0 0 #b8860b,
        0 0 10px rgba(255, 215, 0, 0.5);
    font-weight: bold;
}

/* Effet métallique argent */
.font-argent.font-effet-metallique {
    color: #c0c0c0;
    text-shadow: 
        0 1px 0 #f0f0f0,
        0 -1px 0 #808080,
        1px 0 0 #f0f0f0,
        -1px 0 0 #808080,
        0 0 10px rgba(192, 192, 192, 0.5);
    font-weight: bold;
}

/* Effet métallique bronze */
.font-bronze.font-effet-metallique {
    color: #cd7f32;
    text-shadow: 
        0 1px 0 #e8a75c,
        0 -1px 0 #8b5a2b,
        1px 0 0 #e8a75c,
        -1px 0 0 #8b5a2b,
        0 0 10px rgba(205, 127, 50, 0.5);
    font-weight: bold;
}

/* Effet feu */
.font-effet-feu {
    color: #ff4500;
    text-shadow: 
        0 0 10px #ff0000,
        0 0 20px #ff7f00,
        0 0 30px #ffff00;
    animation: font-flicker 1.5s ease-in-out infinite;
    font-weight: bold;
}

@keyframes font-flicker {
    0%, 100% { opacity: 1; }
    25%, 75% { opacity: 0.9; }
    50% { opacity: 0.95; }
}

/* Effet glace */
.font-effet-glace {
    color: #00ffff;
    text-shadow: 
        0 0 5px #ffffff,
        0 0 10px #00ffff,
        0 0 15px #00ffff,
        0 0 20px #0099ff;
}

/* Effet dégradé - simple transition de couleur via ombre */
.font-effet-degrade {
    text-shadow: 
        1px 1px 2px rgba(0, 0, 0, 0.1),
        0 0 10px currentColor;
    font-weight: bold;
}