Template:Element/style.css: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
m (Choco moved page Template:Element/Style.css to Template:Element/style.css without leaving a redirect)
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
.default a {
/* === BASE CLASSES === */
color: rgb(255,255,255);
.Neutral, .Weak, .Crit {
border: #000;
    font-weight: bold;
}
}


.Normal a {
.Neutral { color: white; }
color: rgb(255, 255, 255); /* 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;
}
}


.Lightning a {
/* === ICE === */
color: rgb(255, 255, 0); /* YELLOW */
.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 a {
/* === GHOST === */
color: rgb(112, 38, 112); /* Purple */
.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 a {
/* === METAL === */
color: rgb(112, 38, 112); /* Grey */
.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;
}
}


.Water a {
/* === LIGHTNING === */
color: rgb(0, 0, 255); /* Grey */
.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;
}
}


.default:hover a {
/* === WATER === */
color: #90D5FF;
.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;
}
}

Latest revision as of 06:06, 1 November 2025

/* === 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;
}