Template:Element/style.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === NORMAL === */
/* === BASE CLASSES === */
.NormalNeutral {
.Neutral, .Weak, .Crit {
color: white;
    font-weight: bold;
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;
}
}


.NormalWeak {
.Neutral { color: white; }
color: grey;
.Weak    { color: lightgrey; }
text-shadow: inherit;
.Crit    { color: #fffe00; }
}


.NormalCrit {
/* === NORMAL === */
color: #fffe00;
.Normal {
text-shadow: inherit;
    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 === */
.FireNeutral {
.Fire {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #ff4d1a,
-2px 1px 0 #ff4d1a,
        -2px 0px 0 #ff4d1a,
-2px 0px 0 #ff4d1a,
        -1px 2px 0 #ff4d1a,
-1px 2px 0 #ff4d1a,
        2px -1px 0 #ff4d1a,
2px -1px 0 #ff4d1a,
        2px 0px 0 #ff4d1a,
2px 0px 0 #ff4d1a,
        1px -2px 0 #ff4d1a,
1px -2px 0 #ff4d1a,
        0px -2px 0 #ff4d1a,
0px -2px 0 #ff4d1a,
        -1px -2px 0 #ff4d1a,
-1px -2px 0 #ff4d1a,
        2px 1px 0 #ff4d1a,
2px 1px 0 #ff4d1a,
        0px 2px 0 #ff4d1a,
0px 2px 0 #ff4d1a,
        1px 2px 0 #ff4d1a;
1px 2px 0 #ff4d1a;
}
 
.FireWeak {
color: grey;
text-shadow: inherit;
}
 
.FireCrit {
color: #fffe00;
text-shadow: inherit;
}
}


/* === ICE === */
/* === ICE === */
.IceNeutral {
.Ice {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #80ccff,
-2px 1px 0 #80ccff,
        -2px 0px 0 #80ccff,
-2px 0px 0 #80ccff,
        -1px 2px 0 #80ccff,
-1px 2px 0 #80ccff,
        2px -1px 0 #80ccff,
2px -1px 0 #80ccff,
        2px 0px 0 #80ccff,
2px 0px 0 #80ccff,
        1px -2px 0 #80ccff,
1px -2px 0 #80ccff,
        0px -2px 0 #80ccff,
0px -2px 0 #80ccff,
        -1px -2px 0 #80ccff,
-1px -2px 0 #80ccff,
        2px 1px 0 #80ccff,
2px 1px 0 #80ccff,
        0px 2px 0 #80ccff,
0px 2px 0 #80ccff,
        1px 2px 0 #80ccff;
1px 2px 0 #80ccff;
}
 
.IceWeak {
color: grey;
text-shadow: inherit;
}
 
.IceCrit {
color: #fffe00;
text-shadow: inherit;
}
}


/* === GHOST === */
/* === GHOST === */
.GhostNeutral {
.Ghost {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #b380e6,
-2px 1px 0 #b380e6,
        -2px 0px 0 #b380e6,
-2px 0px 0 #b380e6,
        -1px 2px 0 #b380e6,
-1px 2px 0 #b380e6,
        2px -1px 0 #b380e6,
2px -1px 0 #b380e6,
        2px 0px 0 #b380e6,
2px 0px 0 #b380e6,
        1px -2px 0 #b380e6,
1px -2px 0 #b380e6,
        0px -2px 0 #b380e6,
0px -2px 0 #b380e6,
        -1px -2px 0 #b380e6,
-1px -2px 0 #b380e6,
        2px 1px 0 #b380e6,
2px 1px 0 #b380e6,
        0px 2px 0 #b380e6,
0px 2px 0 #b380e6,
        1px 2px 0 #b380e6;
1px 2px 0 #b380e6;
}
 
.GhostWeak {
color: grey;
text-shadow: inherit;
}
 
.GhostCrit {
color: #fffe00;
text-shadow: inherit;
}
}


/* === METAL === */
/* === METAL === */
.MetalNeutral {
.Metal {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #595959,
-2px 1px 0 #595959,
        -2px 0px 0 #595959,
-2px 0px 0 #595959,
        -1px 2px 0 #595959,
-1px 2px 0 #595959,
        2px -1px 0 #595959,
2px -1px 0 #595959,
        2px 0px 0 #595959,
2px 0px 0 #595959,
        1px -2px 0 #595959,
1px -2px 0 #595959,
        0px -2px 0 #595959,
0px -2px 0 #595959,
        -1px -2px 0 #595959,
-1px -2px 0 #595959,
        2px 1px 0 #595959,
2px 1px 0 #595959,
        0px 2px 0 #595959,
0px 2px 0 #595959,
        1px 2px 0 #595959;
1px 2px 0 #595959;
}
 
.MetalWeak {
color: grey;
text-shadow: inherit;
}
 
.MetalCrit {
color: #fffe00;
text-shadow: inherit;
}
}


/* === LIGHTNING === */
/* === LIGHTNING === */
.LightningNeutral {
.Lightning {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #ebc400,
-2px 1px 0 #ebc400,
        -2px 0px 0 #ebc400,
-2px 0px 0 #ebc400,
        -1px 2px 0 #ebc400,
-1px 2px 0 #ebc400,
        2px -1px 0 #ebc400,
2px -1px 0 #ebc400,
        2px 0px 0 #ebc400,
2px 0px 0 #ebc400,
        1px -2px 0 #ebc400,
1px -2px 0 #ebc400,
        0px -2px 0 #ebc400,
0px -2px 0 #ebc400,
        -1px -2px 0 #ebc400,
-1px -2px 0 #ebc400,
        2px 1px 0 #ebc400,
2px 1px 0 #ebc400,
        0px 2px 0 #ebc400,
0px 2px 0 #ebc400,
        1px 2px 0 #ebc400;
1px 2px 0 #ebc400;
}
 
.LightningWeak {
color: grey;
text-shadow: inherit;
}
 
.LightningCrit {
color: #fffe00;
text-shadow: inherit;
}
}


/* === WATER === */
/* === WATER === */
.WaterNeutral {
.Water {
color: white;
    text-shadow:
text-shadow:
        -2px 1px 0 #3399ff,
-2px 1px 0 #3399ff,
        -2px 0px 0 #3399ff,
-2px 0px 0 #3399ff,
        -1px 2px 0 #3399ff,
-1px 2px 0 #3399ff,
        2px -1px 0 #3399ff,
2px -1px 0 #3399ff,
        2px 0px 0 #3399ff,
2px 0px 0 #3399ff,
        1px -2px 0 #3399ff,
1px -2px 0 #3399ff,
        0px -2px 0 #3399ff,
0px -2px 0 #3399ff,
        -1px -2px 0 #3399ff,
-1px -2px 0 #3399ff,
        2px 1px 0 #3399ff,
2px 1px 0 #3399ff,
        0px 2px 0 #3399ff,
0px 2px 0 #3399ff,
        1px 2px 0 #3399ff;
1px 2px 0 #3399ff;
}
 
.WaterWeak {
color: grey;
text-shadow: inherit;
}
 
.WaterCrit {
color: #fffe00;
text-shadow: inherit;
}
 
/* === Link overrides (so linked text stays correct color) === */
.mw-parser-output .NormalNeutral a,
.mw-parser-output .NormalWeak a,
.mw-parser-output .NormalCrit a,
.mw-parser-output .FireNeutral a,
.mw-parser-output .FireWeak a,
.mw-parser-output .FireCrit a,
.mw-parser-output .IceNeutral a,
.mw-parser-output .IceWeak a,
.mw-parser-output .IceCrit a,
.mw-parser-output .GhostNeutral a,
.mw-parser-output .GhostWeak a,
.mw-parser-output .GhostCrit a,
.mw-parser-output .MetalNeutral a,
.mw-parser-output .MetalWeak a,
.mw-parser-output .MetalCrit a,
.mw-parser-output .LightningNeutral a,
.mw-parser-output .LightningWeak a,
.mw-parser-output .LightningCrit a,
.mw-parser-output .WaterNeutral a,
.mw-parser-output .WaterWeak a,
.mw-parser-output .WaterCrit a {
color: inherit !important;
text-decoration: none !important;
}
 
.mw-parser-output .NormalNeutral a:hover,
.mw-parser-output .FireNeutral a:hover,
.mw-parser-output .IceNeutral a:hover,
.mw-parser-output .GhostNeutral a:hover,
.mw-parser-output .MetalNeutral a:hover,
.mw-parser-output .LightningNeutral a:hover,
.mw-parser-output .WaterNeutral a:hover {
filter: brightness(1.3);
}
}
member
171

edits