Template:Element/style.css

/* === NORMAL === */
.NormalNeutral {
	color: 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;
}

.NormalWeak {
	color: grey;
	text-shadow: inherit;
}

.NormalCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === FIRE === */
.FireNeutral {
	color: white;
	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;
}

.FireWeak {
	color: grey;
	text-shadow: inherit;
}

.FireCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === ICE === */
.IceNeutral {
	color: white;
	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;
}

.IceWeak {
	color: grey;
	text-shadow: inherit;
}

.IceCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === GHOST === */
.GhostNeutral {
	color: white;
	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;
}

.GhostWeak {
	color: grey;
	text-shadow: inherit;
}

.GhostCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === METAL === */
.MetalNeutral {
	color: white;
	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;
}

.MetalWeak {
	color: grey;
	text-shadow: inherit;
}

.MetalCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === LIGHTNING === */
.LightningNeutral {
	color: white;
	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;
}

.LightningWeak {
	color: grey;
	text-shadow: inherit;
}

.LightningCrit {
	color: #fffe00;
	text-shadow: inherit;
}

/* === WATER === */
.WaterNeutral {
	color: white;
	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;
}

.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);
}