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:20:21 -07:00
parent 7821d4cba5
commit 42e9a3b68f
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
webui/static/style.css
View file

@ -12075,6 +12075,7 @@ body {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 40px; gap: 40px;
max-width: 1400px; max-width: 1400px;
border-radius: 20px;
margin: 0 auto; margin: 0 auto;
overflow: hidden; /* Prevent overflow */ overflow: hidden; /* Prevent overflow */
} }
@ -12094,6 +12095,10 @@ 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,
background 0.6s ease-in-out,
border-left-color 0.6s ease-in-out;
cursor: pointer;
} }
/* Color-coded themes */ /* Color-coded themes */
@ -12113,6 +12118,33 @@ body {
inset 0 1px 0 rgba(255, 255, 255, 0.1); inset 0 1px 0 rgba(255, 255, 255, 0.1);
} }
/* Hover Effects for Top 10 Lists */
.beatport-top10-list:hover {
border-left-color: #00ff88;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.5),
0 0 40px rgba(0, 255, 136, 0.4),
0 0 80px rgba(0, 255, 136, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg,
rgba(0, 255, 136, 0.1),
rgba(18, 18, 18, 0.95),
rgba(30, 30, 30, 0.9));
}
.beatport-hype10-list:hover {
border-left-color: #ff3366;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.5),
0 0 40px rgba(255, 51, 102, 0.4),
0 0 80px rgba(255, 51, 102, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg,
rgba(255, 51, 102, 0.1),
rgba(18, 18, 18, 0.95),
rgba(30, 30, 30, 0.9));
}
/* List headers */ /* List headers */
.beatport-top10-list-header, .beatport-hype10-list-header { .beatport-top10-list-header, .beatport-hype10-list-header {
text-align: center; text-align: center;