Template:Element/style.css: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 21: Line 21:


.Water {
.Water {
color: rgb(0, 0, 255); /* Grey */
color: rgb(0, 0, 255); /* Blue */
}
}


/* Fire text shadow */
.Fire {
.Fire {
color: white;
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;
}
}


/* Ensure links inside these classes stay white (not blue or purple) */
/* Force white link color inside .Fire (TemplateStyles-safe way) */
.Fire a,
.mw-parser-output .Fire a,
.Normal a,
.mw-parser-output .Fire a:link,
.Lightning a,
.mw-parser-output .Fire a:visited,
.Ghost a,
.mw-parser-output .Fire a:active,
.Metal a,
.mw-parser-output .Fire a:focus,
.Water a,
.mw-parser-output .Fire a:hover {
.default a {
color: white !important;
text-decoration: none;
}
 
/* Override link states completely inside Fire */
.Fire a,
.Fire a:link,
.Fire a:visited,
.Fire a:active,
.Fire a:focus,
.Fire a:hover {
color: white !important;
color: white !important;
text-decoration: none !important;
text-decoration: none !important;
}
}


 
/* Optional hover glow */
/* Optional hover style (white stays white or glow slightly) */
.mw-parser-output .Fire a:hover {
.Fire a:hover,
filter: brightness(1.4);
.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);
}
}

Revision as of 04:26, 1 November 2025

.default {
	color: white;
	border: #000;
}

.Normal {
	color: rgb(255, 255, 255); /* WHITE */
}

.Lightning {
	color: rgb(255, 255, 0); /* YELLOW */
}

.Ghost {
	color: rgb(112, 38, 112); /* Purple */
}

.Metal {
	color: rgb(112, 38, 112); /* Grey */
}

.Water {
	color: rgb(0, 0, 255); /* Blue */
}

/* Fire text shadow */
.Fire {
	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;
}

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