From 148ce28c457b05d5b521f97666b8479fce7c9f1d Mon Sep 17 00:00:00 2001
From: zyqunix <117040076+zyqunix@users.noreply.github.com>
Date: Fri, 9 May 2025 18:40:10 +0200
Subject: [PATCH] random css changes

---
 bio/index.html |  1 -
 bio/lanyard.js |  6 +-----
 bio/style.css  | 19 +++++++++++++++++++
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/bio/index.html b/bio/index.html
index add8947..048ce34 100644
--- a/bio/index.html
+++ b/bio/index.html
@@ -27,7 +27,6 @@
     <div class="player" id="player">
         <div>
             <img class="pfp" id="pfp" src="https://cdn.discordapp.com/avatars/1201415921802170388/3ccc13a2825eb8c98b5371fa0706e450.webp?size=1024&width=640&height=640">
-            <div class="tooltip" data-tooltip="" id="status"></div>
         </div>
         <div data-tooltip="" class="tooltip" id="name">zyqunix</div>
         <span class="desc" id="typewriter"></span>
diff --git a/bio/lanyard.js b/bio/lanyard.js
index 3e96bdd..ceb83ec 100644
--- a/bio/lanyard.js
+++ b/bio/lanyard.js
@@ -12,14 +12,10 @@ lanyard({
         offline: "#80848e"
     };
 
-    const borderColor = statusColors[data.discord_status] || offline;
-    status.style.background = `${borderColor}`;
-
     if (customStatus) {
         nameDiv.setAttribute("data-tooltip", customStatus.state);
     } else {
         nameDiv.setAttribute("data-tooltip", "No custom status");
     }
 
-    status.setAttribute("data-tooltip", data.discord_status);
-})
\ No newline at end of file
+})
diff --git a/bio/style.css b/bio/style.css
index 15f0db5..22e218b 100644
--- a/bio/style.css
+++ b/bio/style.css
@@ -368,6 +368,25 @@ body {
     border: 1px solid #ffffff;
 }
 
+.slider::-moz-range-thumb,
+#volumeSlider::-moz-range-thumb {
+	opacity: 1;
+	transition: 0.1s;
+}
+
+.slider::-moz-range-thumb:active,
+#volumeSlider::-moz-range-thumb:active {
+	width: 14px;
+	height: 14px;
+}
+
+.slider:not(:hover)::-moz-range-thumb,
+#volumeSlider:not(:hover)::-moz-range-thumb {
+	opacity: 0;
+	width: 0;
+	height: 0;
+}
+
 #currentTime,
 #totalDuration {
     text-shadow: #000000 3px 2px 7px !important;