Template:Element/style.css: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
.default {
/* === BASE CLASSES === */
color: white;
.Neutral, .Weak, .Crit {
border: #000;
    font-weight: bold;
}
}


.Neutral { color: white; }
.Weak    { color: lightgrey; }
.Crit    { color: #fffe00; }
/* === NORMAL === */
.Normal {
.Normal {
color: rgb(255, 255, 255); /* WHITE */
    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 {
/* === 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 === */
.Ghost {
.Ghost {
color: rgb(112, 38, 112); /* Purple */
    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 {
.Metal {
color: rgb(112, 38, 112); /* Grey */
    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 {
/* === LIGHTNING === */
color: rgb(0, 0, 255); /* Blue */
.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;
}
}


/* Fire text shadow */
/* === WATER === */
.Fire {
.Water {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #3399ff,
-2px 1px 0 #ff4d1a,
        -2px 0px 0 #3399ff,
-2px 0px 0 #ff4d1a,
        -1px 2px 0 #3399ff,
-1px 2px 0 #ff4d1a,
        2px -1px 0 #3399ff,
2px -1px 0 #ff4d1a,
        2px 0px 0 #3399ff,
2px 0px 0 #ff4d1a,
        1px -2px 0 #3399ff,
1px -2px 0 #ff4d1a,
        0px -2px 0 #3399ff,
0px -2px 0 #ff4d1a,
        -1px -2px 0 #3399ff,
-1px -2px 0 #ff4d1a,
        2px 1px 0 #3399ff,
2px 1px 0 #ff4d1a,
        0px 2px 0 #3399ff,
0px 2px 0 #ff4d1a,
        1px 2px 0 #3399ff;
1px 2px 0 #ff4d1a;
}
 
/* Force white link color inside .Fire (TemplateStyles-safe way) */
.mw-parser-output .Fire a,
.mw-parser-output .Fire a:link,
.mw-parser-output .Fire a:visited,
.mw-parser-output .Fire a:active,
.mw-parser-output .Fire a:focus,
.mw-parser-output .Fire a:hover {
color: white !important;
text-decoration: none !important;
}
 
/* Optional hover glow */
.mw-parser-output .Fire a:hover {
filter: brightness(1.4);
}
}

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;
}
Retrieved from "https://sro.wiki/index.php?title=Template:Element/style.css&oldid=5116"