您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
SteamStat.us - /r/pcmasterrace style
/* ==UserStyle== @name SteamStat.us - /r/pcmasterrace Theme @version 20241119.00.07 @namespace typpi.online @supportURL https://github.com/Nick2bad4u/UserStyles/issues @description SteamStat.us - /r/pcmasterrace style @homepageURL https://github.com/Nick2bad4u/UserStyles @author Nick2bad4u @license UnLicense @var color color1 "Color 1" #ffffff @var color color2 "Color 2" #ffd700 @var color color3 "Color 3" #000000 @var color color4 "Color 4" #ff4500 @var color color5 "Color 5" #ffffff @var color color6 "Color 6" #ff0000 ==/UserStyle== */ @-moz-document domain("steamstat.us") { :root { --color-1: var(color1); --color-2: var(color2); --color-3: var(color3); --color-4: var(color4); --color-5: var(color5); --color-6: var(color6); } /* Main title styling with /r/pcmasterrace colors */ .title { margin: 10px 0; background: linear-gradient( 135deg, var(--color-1) 30%, var(--color-2) 70% ); /* var(--color-8) to Gold */ color: var(--color-2); /* Gold */ font-weight: 700; font-size: 2.6em; text-align: center; text-shadow: 2px 2px 5px rgb(0 0 0 / 60%); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--color-3); background-clip: text; -webkit-text-fill-color: transparent; display: flex; position: relative; justify-content: center; align-items: center; animation: title-animation 3s ease-in-out infinite alternate; } /* Animation for the title */ @keyframes title-animation { 0% { transform: scale(1); } 100% { transform: scale(1.08); } } /* Logo addition with /r/pcmasterrace emblem */ .title::after { display: inline-block; transition: transform 0.3s ease; margin-left: 10px; background: url('https://i.gyazo.com/ad80b30c1872cee5a8f4da207d06917d.png') no-repeat center; /* Replace with /r/pcmasterrace logo URL */ background-size: auto 100%; width: 200px; height: 60px; content: ''; } .title:hover::after { transform: scale(1.5); } /* Link styling with hover effect */ a { transition: color 0.3s ease, text-shadow 0.3s ease; color: var(--color-2); /* Gold */ font-weight: 700; text-decoration: none; text-shadow: 1px 1px 2px rgb(0 0 0 / 40%); } a:hover { color: var(--color-1); /* var(--color-8) */ text-decoration: underline; text-shadow: 2px 2px 6px rgb(0 0 0 / 70%); } /* Status colors with /r/pcmasterrace theme */ .good { transition: color 0.3s ease; color: var(--color-1); /* var(--color-8) */ text-shadow: 1px 1px 2px rgb(0 0 0 / 60%); } .minor { transition: color 0.3s ease; color: var(--color-2); /* Gold */ font-weight: 700; text-shadow: 1px 1px 2px rgb(0 0 0 / 60%); } .major { transition: color 0.3s ease; color: var(--color-4); /* Bright var(--color-6) */ font-weight: 700; text-shadow: 1px 1px 2px rgb(0 0 0 / 60%); } /* Refresh button styling */ #js-refresh { transition: color 0.3s ease, transform 0.3s ease; color: var(--color-2); /* Gold */ font-weight: bolder; text-shadow: 0 0 3px rgb(0 0 0 / 80%); } #js-refresh:hover { transform: scale(1.1); color: var(--color-1); /* var(--color-8) */ } /* Container with /r/pcmasterrace-inspired accents */ .services, #psa, noscript, footer { position: relative; transition: box-shadow 0.3s ease, background 0.3s ease; box-shadow: 0 4px 12px rgb(0 0 0 / 80%); border: 1px solid var(--color-2); border-radius: 4px; background: linear-gradient( 135deg, rgb(255 215 0 / 80%) 30%, rgb(255 255 255 / 80%) 70% ); color: var(--color-3); font-size: 1em; line-height: 1.5; text-shadow: 0 0 4px rgb(0 0 0 / 90%); } .services:hover, #psa:hover, noscript:hover, footer:hover { box-shadow: 0 6px 15px rgb(0 0 0 / 90%); background: rgb(0 0 0 / 95%); color: var(--color-1); } /* Body styling with /r/pcmasterrace backdrop */ body { transition: background 0.3s ease; margin: 0; background: url('https://i.gyazo.com/144fb81227c6f8e81bc6b9eaada78fc2.jpg') no-repeat center center fixed; /* Replace with /r/pcmasterrace background URL */ background-size: cover; color: var(--color-2); /* Gold */ font-weight: 300; font-size: 16px; font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; text-shadow: 2px 2px 4px rgb(0 0 0 / 70%); } /* Tooltip customization */ [data-tooltip]::before { position: absolute; top: 0; left: 2%; visibility: hidden; opacity: 0%; z-index: 1; transition: visibility 0s, opacity 0.3s ease-in-out; border-radius: 8px; background: rgb(255 215 0 / 90%); /* Gold */ padding: 8px; width: 96%; content: attr(data-tooltip); color: var(--color-3); font-size: 0.9em; text-shadow: 2px 2px 4px rgb(0 0 0 / 50%); } [data-tooltip]:hover::before { visibility: visible; opacity: 100%; } /* Advanced feature: Animated gold border */ .gradient-border { position: relative; box-shadow: 0 0 10px rgb(255 215 0 / 80%); border-radius: 6px; background-color: rgb(0 0 0 / 90%); padding: 12px; color: var(--color-1); font-weight: 700; text-align: center; } .gradient-border::before { position: absolute; z-index: -1; animation: gradient-border 4s linear infinite; inset: 0; border-radius: 6px; background: linear-gradient( 45deg, var(--color-2), var(--color-1), var(--color-2) ); /* Gold to var(--color-8) */ background-size: 300% 300%; content: ''; } @keyframes gradient-border { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } }
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址