metal-outline-text/docs/metal-outline-text.css

metal-outline-text - metal outline text.

/* metal-outline-text - metal outline text.
Copyright (C) 2024-2025  Yu Hongbo, CNOCTAVE

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>. */
.metal-outline-text-silver {
    text-shadow: 0 -2px 2px #A9A9A9, 2px -2px 2px #E5E5E5, 2px 0 2px #A9A9A9, 2px 2px 2px #E5E5E5, 0 2px 2px #A9A9A9, -2px 2px 2px #E5E5E5, -2px 0 2px #A9A9A9, -2px -2px 2px #E5E5E5;
}

.metal-outline-text-darksilver {
    text-shadow: 0 -2px 2px #696969, 2px -2px 2px #A9A9A9, 2px 0 2px #696969, 2px 2px 2px #A9A9A9, 0 2px 2px #696969, -2px 2px 2px #A9A9A9, -2px 0 2px #696969, -2px -2px 2px #A9A9A9;
}

.metal-outline-text-brightsilver {
    text-shadow: 0 -2px 2px #B5B5B5, 2px -2px 2px #F5F5F5, 2px 0 2px #B5B5B5, 2px 2px 2px #F5F5F5, 0 2px 2px #B5B5B5, -2px 2px 2px #F5F5F5, -2px 0 2px #B5B5B5, -2px -2px 2px #F5F5F5;
}

.metal-outline-text-gold {
    text-shadow: 0 -2px 2px #D4AF37, 2px -2px 2px #FFD700, 2px 0 2px #D4AF37, 2px 2px 2px #FFD700, 0 2px 2px #D4AF37, -2px 2px 2px #FFD700, -2px 0 2px #D4AF37, -2px -2px 2px #FFD700;
}

.metal-outline-text-darkgold {
    text-shadow: 0 -2px 2px #996515, 2px -2px 2px #D4AF37, 2px 0 2px #996515, 2px 2px 2px #D4AF37, 0 2px 2px #996515, -2px 2px 2px #D4AF37, -2px 0 2px #996515, -2px -2px 2px #D4AF37;
}

.metal-outline-text-brightgold {
    text-shadow: 0 -2px 2px #FFD700, 2px -2px 2px #FFEC8B, 2px 0 2px #FFD700, 2px 2px 2px #FFEC8B, 0 2px 2px #FFD700, -2px 2px 2px #FFEC8B, -2px 0 2px #FFD700, -2px -2px 2px #FFEC8B;
}

.metal-outline-text-bronze {
    text-shadow: 0 -2px 2px #CD7F32, 2px -2px 2px #E6C229, 2px 0 2px #CD7F32, 2px 2px 2px #E6C229, 0 2px 2px #CD7F32, -2px 2px 2px #E6C229, -2px 0 2px #CD7F32, -2px -2px 2px #E6C229;
}

.metal-outline-text-darkbronze {
    text-shadow: 0 -2px 2px #8B4513, 2px -2px 2px #CD7F32, 2px 0 2px #8B4513, 2px 2px 2px #CD7F32, 0 2px 2px #8B4513, -2px 2px 2px #CD7F32, -2px 0 2px #8B4513, -2px -2px 2px #CD7F32;
}

.metal-outline-text-brightbronze {
    text-shadow: 0 -2px 2px #E6C229, 2px -2px 2px #F0E68C, 2px 0 2px #E6C229, 2px 2px 2px #F0E68C, 0 2px 2px #E6C229, -2px 2px 2px #F0E68C, -2px 0 2px #E6C229, -2px -2px 2px #F0E68C;
}

.metal-outline-text-rosegold {
    text-shadow: 0 -2px 2px #B76E79, 2px -2px 2px #E0BFB8, 2px 0 2px #B76E79, 2px 2px 2px #E0BFB8, 0 2px 2px #B76E79, -2px 2px 2px #E0BFB8, -2px 0 2px #B76E79, -2px -2px 2px #E0BFB8;
}

.metal-outline-text-darkrosegold {
    text-shadow: 0 -2px 2px #8B4C5C, 2px -2px 2px #B76E79, 2px 0 2px #8B4C5C, 2px 2px 2px #B76E79, 0 2px 2px #8B4C5C, -2px 2px 2px #B76E79, -2px 0 2px #8B4C5C, -2px -2px 2px #B76E79;
}

.metal-outline-text-brightrosegold {
    text-shadow: 0 -2px 2px #E0BFB8, 2px -2px 2px #F8E9E6, 2px 0 2px #E0BFB8, 2px 2px 2px #F8E9E6, 0 2px 2px #E0BFB8, -2px 2px 2px #F8E9E6, -2px 0 2px #E0BFB8, -2px -2px 2px #F8E9E6;
}

.metal-outline-text-titanium {
    text-shadow: 0 -2px 2px #878681, 2px -2px 2px #D1D0CE, 2px 0 2px #878681, 2px 2px 2px #D1D0CE, 0 2px 2px #878681, -2px 2px 2px #D1D0CE, -2px 0 2px #878681, -2px -2px 2px #D1D0CE;
}

.metal-outline-text-darktitanium {
    text-shadow: 0 -2px 2px #555555, 2px -2px 2px #878681, 2px 0 2px #555555, 2px 2px 2px #878681, 0 2px 2px #555555, -2px 2px 2px #878681, -2px 0 2px #555555, -2px -2px 2px #878681;
}

.metal-outline-text-brighttitanium {
    text-shadow: 0 -2px 2px #D1D0CE, 2px -2px 2px #F5F5F5, 2px 0 2px #D1D0CE, 2px 2px 2px #F5F5F5, 0 2px 2px #D1D0CE, -2px 2px 2px #F5F5F5, -2px 0 2px #D1D0CE, -2px -2px 2px #F5F5F5;
}

.metal-outline-text-verdigris {
    text-shadow: 0 -2px 2px #034A35, 2px -2px 2px #079989, 2px 0 2px #034A35, 2px 2px 2px #079989, 0 2px 2px #034A35, -2px 2px 2px #079989, -2px 0 2px #034A35, -2px -2px 2px #079989;
}

.metal-outline-text-darkverdigris {
    text-shadow: 0 -2px 2px #023024, 2px -2px 2px #034A35, 2px 0 2px #023024, 2px 2px 2px #034A35, 0 2px 2px #023024, -2px 2px 2px #034A35, -2px 0 2px #023024, -2px -2px 2px #034A35;
}

.metal-outline-text-brightverdigris {
    text-shadow: 0 -2px 2px #079989, 2px -2px 2px #7FFFD4, 2px 0 2px #079989, 2px 2px 2px #7FFFD4, 0 2px 2px #079989, -2px 2px 2px #7FFFD4, -2px 0 2px #079989, -2px -2px 2px #7FFFD4;
}

.metal-outline-text-bluevitriol {
    text-shadow: 0 -2px 2px #1E90FF, 2px -2px 2px #00BFFF, 2px 0 2px #1E90FF, 2px 2px 2px #00BFFF, 0 2px 2px #1E90FF, -2px 2px 2px #00BFFF, -2px 0 2px #1E90FF, -2px -2px 2px #00BFFF;
}

.metal-outline-text-darkbluevitriol {
    text-shadow: 0 -2px 2px #104E8B, 2px -2px 2px #1E90FF, 2px 0 2px #104E8B, 2px 2px 2px #1E90FF, 0 2px 2px #104E8B, -2px 2px 2px #1E90FF, -2px 0 2px #104E8B, -2px -2px 2px #1E90FF;
}

.metal-outline-text-brightbluevitriol {
    text-shadow: 0 -2px 2px #00BFFF, 2px -2px 2px #87CEFA, 2px 0 2px #00BFFF, 2px 2px 2px #87CEFA, 0 2px 2px #00BFFF, -2px 2px 2px #87CEFA, -2px 0 2px #00BFFF, -2px -2px 2px #87CEFA;
}