Template:Element/style.css: Difference between revisions

← Older edit

Template:Element/style.css (view source)

Revision as of 06:06, 1 November 2025

1,646 bytes added , 1 November

no edit summary

Choco

member

171

edits

@@ 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 {
-	color: rgb(255, 255, 255); /* WHITE */
+    text-shadow:
+        -2px 1px 0 #c9c9c9,
+        -2px 0px 0 #c9c9c9,
+        -1px 2px 0 #c9c9c9,
+px -1px 0 #c9c9c9,
+px 0px 0 #c9c9c9,
+px -2px 0 #c9c9c9,
+px -2px 0 #c9c9c9,
+        -1px -2px 0 #c9c9c9,
+px 1px 0 #c9c9c9,
+px 2px 0 #c9c9c9,
+px 2px 0 #c9c9c9;
+}
+/* === FIRE === */
+.Fire {
+    text-shadow:
+        -2px 1px 0 #ff4d1a,
+        -2px 0px 0 #ff4d1a,
+        -1px 2px 0 #ff4d1a,
+px -1px 0 #ff4d1a,
+px 0px 0 #ff4d1a,
+px -2px 0 #ff4d1a,
+px -2px 0 #ff4d1a,
+        -1px -2px 0 #ff4d1a,
+px 1px 0 #ff4d1a,
+px 2px 0 #ff4d1a,
+px 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,
+px -1px 0 #80ccff,
+px 0px 0 #80ccff,
+px -2px 0 #80ccff,
+px -2px 0 #80ccff,
+        -1px -2px 0 #80ccff,
+px 1px 0 #80ccff,
+px 2px 0 #80ccff,
+px 2px 0 #80ccff;
 }
+/* === GHOST === */
 .Ghost {
-	color: rgb(112, 38, 112); /* Purple */
+    text-shadow:
+        -2px 1px 0 #b380e6,
+        -2px 0px 0 #b380e6,
+        -1px 2px 0 #b380e6,
+px -1px 0 #b380e6,
+px 0px 0 #b380e6,
+px -2px 0 #b380e6,
+px -2px 0 #b380e6,
+        -1px -2px 0 #b380e6,
+px 1px 0 #b380e6,
+px 2px 0 #b380e6,
+px 2px 0 #b380e6;
 }
+/* === METAL === */
 .Metal {
-	color: rgb(112, 38, 112); /* Grey */
+    text-shadow:
+        -2px 1px 0 #595959,
+        -2px 0px 0 #595959,
+        -1px 2px 0 #595959,
+px -1px 0 #595959,
+px 0px 0 #595959,
+px -2px 0 #595959,
+px -2px 0 #595959,
+        -1px -2px 0 #595959,
+px 1px 0 #595959,
+px 2px 0 #595959,
+px 2px 0 #595959;
 }
-.Water {
+/* === LIGHTNING === */
-	color: rgb(0, 0, 255); /* Grey */
+.Lightning {
+    text-shadow:
+        -2px 1px 0 #ebc400,
+        -2px 0px 0 #ebc400,
+        -1px 2px 0 #ebc400,
+px -1px 0 #ebc400,
+px 0px 0 #ebc400,
+px -2px 0 #ebc400,
+px -2px 0 #ebc400,
+        -1px -2px 0 #ebc400,
+px 1px 0 #ebc400,
+px 2px 0 #ebc400,
+px 2px 0 #ebc400;
 }
-.Fire {
+/* === WATER === */
-color: white;
+.Water {
-  text-shadow:
+    text-shadow:
-    -2px 1px 0 #ff4d1a,
+        -2px 1px 0 #3399ff,
-    -2px 0px 0 #ff4d1a,
+        -2px 0px 0 #3399ff,
-    -1px 2px 0 #ff4d1a,
+        -1px 2px 0 #3399ff,
-px -1px 0 #ff4d1a,
+px -1px 0 #3399ff,
-px 0px 0 #ff4d1a,
+px 0px 0 #3399ff,
-px -2px 0 #ff4d1a,
+px -2px 0 #3399ff,
-px -2px 0 #ff4d1a,
+px -2px 0 #3399ff,
-    -1px -2px 0 #ff4d1a,
+        -1px -2px 0 #3399ff,
-px 1px 0 #ff4d1a,
+px 1px 0 #3399ff,
-px 2px 0 #ff4d1a,
+px 2px 0 #3399ff,
-px 2px 0 #ff4d1a;
+px 2px 0 #3399ff;
-}
-/* Ensure links inside these classes stay white (not blue or purple) */
-.Fire a,
-.Normal a,
-.Lightning a,
-.Ghost a,
-.Metal a,
-.Water a,
-.default a {
-	color: white !important;
-	text-decoration: none;
-}
-/* Optional hover style (white stays white or glow slightly) */
-.Fire a:hover,
-.Normal a:hover,
-.Lightning a:hover,
-.Ghost a:hover,
-.Metal a:hover,
-.Water a:hover,
-.default a:hover {
-	color: white !important;
-	filter: brightness(1.2);
 }