☰

SteamStat.us - Re-Remastered USA Style

SteamStat.us - Re-Remastered USA Red/White/Blue Style

  1. /* ==UserStyle==
  2. @name         SteamStat.us - Re-Remastered USA Style
  3. @version      20241115.16.05
  4. @namespace    typpi.online
  5. @supportURL   https://github.com/Nick2bad4u/UserStyles/issues
  6. @description  SteamStat.us - Re-Remastered USA Red/White/Blue Style
  7. @homepageURL  https://github.com/Nick2bad4u/UserStyles
  8. @author       Nick2bad4u
  9. @license      UnLicense
  10.  
  11. @var color title-gradient-start "Title Gradient Start Color" #ff0000
  12. @var color title-gradient-end "Title Gradient End Color" #0000ff
  13. @var color title-color "Title Color" #ff0000
  14. @var color title-shadow "Title Shadow Color" #000080e6
  15. @var color link-color "Link Color" #0000ff
  16. @var color link-shadow "Link Shadow Color" #ffffff99
  17. @var color link-hover-color "Link Hover Color" #ff0000
  18. @var color good-color "Good Status Color" #ffffff
  19. @var color good-shadow "Good Status Shadow Color" #000000cc
  20. @var color minor-color "Minor Status Color" #87ceeb
  21. @var color minor-shadow "Minor Status Shadow Color" #000000cc
  22. @var color major-color "Major Status Color" #ff4500
  23. @var color major-shadow "Major Status Shadow Color" #000000cc
  24. @var color refresh-color "Refresh Color" #0000ff
  25. @var color refresh-shadow "Refresh Shadow Color" #ffffffcc
  26. @var color box-shadow "Box Shadow Color" #00000066
  27. @var color border-color "Border Color" #ffffff
  28. @var color background-gradient-start "Background Gradient Start Color" #ff0000
  29. @var color background-gradient-end "Background Gradient End Color" #0000ff
  30. @var color body-color "Body Color" #ffffff
  31. @var color body-shadow "Body Shadow Color" #000000cc
  32. @var color tooltip-background "Tooltip Background Color" #000000
  33. @var color tooltip-color "Tooltip Color" #ffffff
  34. @var color tooltip-shadow "Tooltip Shadow Color" #ff0000cc
  35. ==/UserStyle== */
  36.  
  37. @-moz-document domain("steamstat.us") {
  38. 	:root {
  39. 		--title-gradient-start: var(title-gradient-start);
  40. 		--title-gradient-end: var(title-gradient-end);
  41. 		--title-color: var(title-color);
  42. 		--title-shadow: var(title-shadow);
  43. 		--link-color: var(link-color);
  44. 		--link-shadow: var(link-shadow);
  45. 		--link-hover-color: var(link-hover-color);
  46. 		--good-color: var(good-color);
  47. 		--good-shadow: var(good-shadow);
  48. 		--minor-color: var(minor-color);
  49. 		--minor-shadow: var(minor-shadow);
  50. 		--major-color: var(major-color);
  51. 		--major-shadow: var(major-shadow);
  52. 		--refresh-color: var(refresh-color);
  53. 		--refresh-shadow: var(refresh-shadow);
  54. 		--box-shadow: var(box-shadow);
  55. 		--border-color: var(border-color);
  56. 		--background-gradient-start: var(
  57. 			background-gradient-start
  58. 		);
  59. 		--background-gradient-end: var(background-gradient-end);
  60. 		--body-color: var(body-color);
  61. 		--body-shadow: var(body-shadow);
  62. 		--tooltip-background: var(tooltip-background);
  63. 		--tooltip-color: var(tooltip-color);
  64. 		--tooltip-shadow: var(tooltip-shadow);
  65. 	}
  66.  
  67. 	.title {
  68. 		margin: 10px 0;
  69. 		background: linear-gradient(
  70. 			145deg,
  71. 			var(--title-gradient-start),
  72. 			var(--title-gradient-end)
  73. 		); /* Red to Blue gradient */
  74. 		background-clip: text;
  75. 		color: var(--title-color); /* Red */
  76. 		font-weight: 300;
  77. 		font-size: 2.6em;
  78. 		/* USA Red/White/Blue Status Title */
  79. 		text-align: center;
  80. 		text-shadow: 1px 1px 1px var(--title-shadow); /* Navy blue shadow */
  81. 		-webkit-text-fill-color: transparent;
  82. 	}
  83.  
  84. 	a {
  85. 		color: var(--link-color); /* Blue */
  86. 		font-weight: 700;
  87. 		text-decoration: none;
  88. 		text-shadow: 1px 1px 1px var(--link-shadow); /* White shadow */
  89. 	}
  90.  
  91. 	a:hover {
  92. 		color: var(--link-hover-color); /* Red */
  93. 		text-decoration: underline;
  94. 	}
  95.  
  96. 	.pull-right,
  97. 	.service .status {
  98. 		float: right;
  99. 		text-align: right;
  100. 	}
  101.  
  102. 	.good {
  103. 		/* White */
  104. 		color: var(--good-color);
  105. 		text-shadow: 1px 1px 2px var(--good-shadow); /* Black shadow */
  106. 	}
  107.  
  108. 	.minor {
  109. 		/* Sky Blue */
  110. 		color: var(--minor-color);
  111. 		font-weight: 700;
  112. 		text-shadow: 1px 1px 2px var(--minor-shadow); /* Black shadow */
  113. 	}
  114.  
  115. 	.major {
  116. 		/* Bright Red */
  117. 		color: var(--major-color);
  118. 		font-weight: 700;
  119. 		text-shadow: 1px 1px 2px var(--major-shadow); /* Black shadow */
  120. 	}
  121.  
  122. 	#js-refresh {
  123. 		/* Refreshing in idk seconds */
  124. 		color: var(--refresh-color); /* Blue */
  125. 		font-weight: bolder;
  126. 		text-shadow: 0 0 2px var(--refresh-shadow); /* White shadow */
  127. 	}
  128.  
  129. 	.services,
  130. 	#psa,
  131. 	noscript {
  132. 		position: relative;
  133. 		box-shadow: 0 4px 8px var(--box-shadow);
  134. 		border: 1px solid var(--border-color); /* White border */
  135. 		border-radius: 3px;
  136. 		background: linear-gradient(
  137. 			145deg,
  138. 			var(--background-gradient-start),
  139. 			var(--background-gradient-end)
  140. 		); /* Red to Blue gradient */
  141. 		color: var(--body-color); /* White text */
  142. 		font-size: 1em;
  143. 		line-height: 1.5;
  144. 		text-shadow: 0 0 5px var(--box-shadow); /* Black shadow */
  145. 	}
  146.  
  147. 	body {
  148. 		margin: 0;
  149. 		background: linear-gradient(
  150. 			145deg,
  151. 			var(--background-gradient-start),
  152. 			var(--background-gradient-end)
  153. 		); /* Red to Blue gradient */
  154. 		color: var(--body-color); /* White text */
  155. 		font-weight: 300;
  156. 		font-size: 16px;
  157. 		font-family: Roboto, Arial, sans-serif;
  158. 		text-shadow: 1px 1px 3px var(--body-shadow); /* Black shadow */
  159. 	}
  160.  
  161. 	[data-tooltip]::before {
  162. 		/* Time since last status change Box */
  163. 		visibility: hidden;
  164. 		opacity: 0%;
  165. 		overflow: hidden;
  166. 		content: attr(data-tooltip);
  167. 		font-size: 0.9em;
  168. 		white-space: pre;
  169. 		word-wrap: break-word;
  170. 		position: absolute;
  171. 		top: 0;
  172. 		left: 2%;
  173. 		z-index: 1;
  174. 		transition:
  175. 			visibility 0s,
  176. 			opacity 0.3s ease-in-out;
  177. 		border-radius: 6px;
  178. 		background: var(
  179. 			--tooltip-background
  180. 		); /* Black background for contrast */
  181. 		padding: 8px;
  182. 		width: 96%;
  183. 		color: var(--tooltip-color); /* White text */
  184. 		font-style: italic;
  185. 		font-weight: 300;
  186. 		text-align: left;
  187. 		text-shadow: 1px 1px 3px var(--tooltip-shadow); /* Red shadow */
  188. 	}
  189.  
  190. 	[data-tooltip]:hover::before {
  191. 		visibility: visible;
  192. 		opacity: 100%;
  193. 	}
  194. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址