Create SteamStat.us-Re-Remastered-Easter-Style.user.css

Nick2bad4u · Nov 17, 2024 · 57ab5fd · 57ab5fd
1 parent 18da09a
commit 57ab5fd
Showing 1 changed file with 156 additions and 0 deletions.
diff --git a/SteamStat.us-Re-Remastered-Easter-Style.user.css b/SteamStat.us-Re-Remastered-Easter-Style.user.css
@@ -0,0 +1,156 @@
+/* ==UserStyle==
+@name         SteamStat.us - Re-Remastered Easter Style
+@version      20241115.16.03
+@namespace    https://github.com/Nick2bad4u/UserStyles
+@description  SteamStat.us - Re-Remastered Easter Style
+@homepageURL  https://github.com/Nick2bad4u/UserStyles
+@author       Nick
+@license      UnLicense
+==/UserStyle== */
+@-moz-document domain("steamstat.us")
+{
+	.title
+	{
+		/* Easter Pastel Title - Improved Readability */
+		text-align: center;
+		margin: 10px 0;
+		font-size: 2.6em;
+		font-weight: 300;
+		color: #FF69B4;
+		/* Hot Pink for better contrast */
+		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
+		/* Subtle black shadow for visibility */
+		background: linear-gradient(145deg, #FFD700, #FF69B4, #87CEEB);
+		/* Bright Yellow, Hot Pink, Sky Blue */
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+	}
+
+	a
+	{
+		color: #6A5ACD;
+		/* Medium Slate Blue */
+		text-decoration: none;
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
+		/* Light shadow */
+		font-weight: bold;
+	}
+
+	a:hover
+	{
+		color: #32CD32;
+		/* Light Green */
+		text-decoration: underline;
+	}
+
+	.pull-right,
+	.service .status
+	{
+		text-align: right;
+		float: right;
+	}
+
+	.good
+	{
+		/* Pastel Green */
+		color: #98FB98;
+		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+		/* Black shadow */
+	}
+
+	.minor
+	{
+		/* Lavender */
+		color: #E6E6FA;
+		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+		/* Black shadow */
+		font-weight: bold;
+	}
+
+	.major
+	{
+		/* Bright Yellow */
+		color: #FFD700;
+		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+		/* Black shadow */
+		font-weight: bold;
+	}
+
+	#js-refresh
+	{
+		/* Refreshing in idk seconds */
+		color: #FF69B4;
+		/* Hot Pink */
+		text-shadow: 0 0 2px rgba(255, 182, 193, 0.8);
+		/* Pink shadow */
+		font-weight: bolder;
+	}
+
+	.services,
+	#psa,
+	noscript
+	{
+		position: relative;
+		background: linear-gradient(145deg, #FFDAB9, #FFFACD, #87CEEB);
+		/* Peach, Lemon Chiffon, Sky Blue gradient */
+		border: 1px solid #FFD700;
+		/* Bright Yellow border */
+		border-radius: 3px;
+		font-size: 1em;
+		line-height: 1.5;
+		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
+		/* Light shadow */
+		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+		color: #4B0082;
+		/* Indigo */
+	}
+
+	body
+	{
+		margin: 0;
+		color: #6A5ACD;
+		/* Medium Slate Blue text */
+		font-family: 'Roboto', Arial, sans-serif;
+		font-size: 16px;
+		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+		/* Light shadow */
+		font-weight: 300;
+		background: linear-gradient(145deg, #FFB6C1, #FFDAB9, #87CEEB);
+		/* Pink, Peach, Sky Blue gradient */
+	}
+
+	[data-tooltip]:before
+	{
+		/* Time since last status change Box */
+		visibility: hidden;
+		opacity: 0;
+		font-size: 0.9em;
+		content: attr(data-tooltip);
+		overflow: hidden;
+		white-space: pre;
+		word-wrap: break-word;
+		position: absolute;
+		top: 0;
+		left: 2%;
+		width: 96%;
+		background: #F0E68C;
+		/* Khaki */
+		color: #32CD32;
+		/* Light Green */
+		text-align: left;
+		padding: 8px;
+		border-radius: 6px;
+		z-index: 1;
+		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+		/* Light shadow */
+		font-style: italic;
+		font-weight: 300;
+		transition: visibility 0s, opacity 0.3s ease-in-out;
+	}
+
+	[data-tooltip]:hover:before
+	{
+		visibility: visible;
+		opacity: 1;
+	}
+}