zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 14:30:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

random css changes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
bio/index.html
View file

@ -27,7 +27,6 @@
<div class="player" id="player"> <div class="player" id="player">
<div> <div>
<img class="pfp" id="pfp" src="https://cdn.discordapp.com/avatars/1201415921802170388/3ccc13a2825eb8c98b5371fa0706e450.webp?size=1024&width=640&height=640"> <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>
<div data-tooltip="" class="tooltip" id="name">zyqunix</div> <div data-tooltip="" class="tooltip" id="name">zyqunix</div>
<span class="desc" id="typewriter"></span> <span class="desc" id="typewriter"></span>

4
bio/lanyard.js
View file

@ -12,14 +12,10 @@ lanyard({
offline: "#80848e" offline: "#80848e"
}; };
const borderColor = statusColors[data.discord_status] || offline;
status.style.background = `${borderColor}`;
if (customStatus) { if (customStatus) {
nameDiv.setAttribute("data-tooltip", customStatus.state); nameDiv.setAttribute("data-tooltip", customStatus.state);
} else { } else {
nameDiv.setAttribute("data-tooltip", "No custom status"); nameDiv.setAttribute("data-tooltip", "No custom status");
} }
status.setAttribute("data-tooltip", data.discord_status);
}) })

19
bio/style.css
View file

@ -368,6 +368,25 @@ body {
border: 1px solid #ffffff; 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, #currentTime,
#totalDuration { #totalDuration {
text-shadow: #000000 3px 2px 7px !important; text-shadow: #000000 3px 2px 7px !important;