random css changes

This commit is contained in:
zyqunix 2025-05-09 18:40:10 +02:00
parent 4fe7a03796
commit 148ce28c45
No known key found for this signature in database
GPG key ID: 134A8DEEA83B80E6
3 changed files with 20 additions and 6 deletions

View file

@ -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>

View file

@ -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);
})

View file

@ -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;