danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Update style.css

Browse source
This commit is contained in:
Broque Thomas 2025-09-30 14:47:24 -07:00
parent 42e9a3b68f
commit 6afc26be6f
1 changed files with 12 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
webui/static/style.css
View file

@ -12095,9 +12095,8 @@ body {
width: 100%; width: 100%;
min-width: 0; /* Allow shrinking */ min-width: 0; /* Allow shrinking */
overflow: hidden; /* Prevent content overflow */ overflow: hidden; /* Prevent content overflow */
transition: box-shadow 0.6s ease-in-out, transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1),
background 0.6s ease-in-out, filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);
border-left-color 0.6s ease-in-out;
cursor: pointer; cursor: pointer;
} }
@ -12120,27 +12119,23 @@ body {
/* Hover Effects for Top 10 Lists */ /* Hover Effects for Top 10 Lists */
.beatport-top10-list:hover { .beatport-top10-list:hover {
border-left-color: #00ff88; filter: drop-shadow(0 0 4px rgba(0, 255, 136, 0.3))
box-shadow: drop-shadow(0 0 8px rgba(0, 255, 136, 0.2))
0 20px 40px rgba(0, 0, 0, 0.5), drop-shadow(0 0 16px rgba(0, 255, 136, 0.1));
0 0 40px rgba(0, 255, 136, 0.4), border-left-color: rgba(0, 255, 136, 0.6);
0 0 80px rgba(0, 255, 136, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg, background: linear-gradient(135deg,
rgba(0, 255, 136, 0.1), rgba(0, 255, 136, 0.04),
rgba(18, 18, 18, 0.95), rgba(18, 18, 18, 0.95),
rgba(30, 30, 30, 0.9)); rgba(30, 30, 30, 0.9));
} }
.beatport-hype10-list:hover { .beatport-hype10-list:hover {
border-left-color: #ff3366; filter: drop-shadow(0 0 4px rgba(255, 51, 102, 0.3))
box-shadow: drop-shadow(0 0 8px rgba(255, 51, 102, 0.2))
0 20px 40px rgba(0, 0, 0, 0.5), drop-shadow(0 0 16px rgba(255, 51, 102, 0.1));
0 0 40px rgba(255, 51, 102, 0.4), border-left-color: rgba(255, 51, 102, 0.6);
0 0 80px rgba(255, 51, 102, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg, background: linear-gradient(135deg,
rgba(255, 51, 102, 0.1), rgba(255, 51, 102, 0.04),
rgba(18, 18, 18, 0.95), rgba(18, 18, 18, 0.95),
rgba(30, 30, 30, 0.9)); rgba(30, 30, 30, 0.9));
} }