Template:Element/style.css

/* === BASE CLASSES === */
.Neutral, .Weak, .Crit {
    font-weight: bold;
}

.Neutral { color: white; }
.Weak    { color: lightgrey; }
.Crit    { color: #fffe00; }

/* === NORMAL === */
.Normal {
    text-shadow:
        -2px 1px 0 #c9c9c9,
        -2px 0px 0 #c9c9c9,
        -1px 2px 0 #c9c9c9,
         2px -1px 0 #c9c9c9,
         2px 0px 0 #c9c9c9,
         1px -2px 0 #c9c9c9,
         0px -2px 0 #c9c9c9,
        -1px -2px 0 #c9c9c9,
         2px 1px 0 #c9c9c9,
         0px 2px 0 #c9c9c9,
         1px 2px 0 #c9c9c9;
}

/* === FIRE === */
.Fire {
    text-shadow:
        -2px 1px 0 #ff4d1a,
        -2px 0px 0 #ff4d1a,
        -1px 2px 0 #ff4d1a,
         2px -1px 0 #ff4d1a,
         2px 0px 0 #ff4d1a,
         1px -2px 0 #ff4d1a,
         0px -2px 0 #ff4d1a,
        -1px -2px 0 #ff4d1a,
         2px 1px 0 #ff4d1a,
         0px 2px 0 #ff4d1a,
         1px 2px 0 #ff4d1a;
}

/* === ICE === */
.Ice {
    text-shadow:
        -2px 1px 0 #80ccff,
        -2px 0px 0 #80ccff,
        -1px 2px 0 #80ccff,
         2px -1px 0 #80ccff,
         2px 0px 0 #80ccff,
         1px -2px 0 #80ccff,
         0px -2px 0 #80ccff,
        -1px -2px 0 #80ccff,
         2px 1px 0 #80ccff,
         0px 2px 0 #80ccff,
         1px 2px 0 #80ccff;
}

/* === GHOST === */
.Ghost {
    text-shadow:
        -2px 1px 0 #b380e6,
        -2px 0px 0 #b380e6,
        -1px 2px 0 #b380e6,
         2px -1px 0 #b380e6,
         2px 0px 0 #b380e6,
         1px -2px 0 #b380e6,
         0px -2px 0 #b380e6,
        -1px -2px 0 #b380e6,
         2px 1px 0 #b380e6,
         0px 2px 0 #b380e6,
         1px 2px 0 #b380e6;
}

/* === METAL === */
.Metal {
    text-shadow:
        -2px 1px 0 #595959,
        -2px 0px 0 #595959,
        -1px 2px 0 #595959,
         2px -1px 0 #595959,
         2px 0px 0 #595959,
         1px -2px 0 #595959,
         0px -2px 0 #595959,
        -1px -2px 0 #595959,
         2px 1px 0 #595959,
         0px 2px 0 #595959,
         1px 2px 0 #595959;
}

/* === LIGHTNING === */
.Lightning {
    text-shadow:
        -2px 1px 0 #ebc400,
        -2px 0px 0 #ebc400,
        -1px 2px 0 #ebc400,
         2px -1px 0 #ebc400,
         2px 0px 0 #ebc400,
         1px -2px 0 #ebc400,
         0px -2px 0 #ebc400,
        -1px -2px 0 #ebc400,
         2px 1px 0 #ebc400,
         0px 2px 0 #ebc400,
         1px 2px 0 #ebc400;
}

/* === WATER === */
.Water {
    text-shadow:
        -2px 1px 0 #3399ff,
        -2px 0px 0 #3399ff,
        -1px 2px 0 #3399ff,
         2px -1px 0 #3399ff,
         2px 0px 0 #3399ff,
         1px -2px 0 #3399ff,
         0px -2px 0 #3399ff,
        -1px -2px 0 #3399ff,
         2px 1px 0 #3399ff,
         0px 2px 0 #3399ff,
         1px 2px 0 #3399ff;
}