Upload 4 files
Browse files- styles.css +20 -0
styles.css
CHANGED
|
@@ -509,6 +509,26 @@ button:disabled {
|
|
| 509 |
border-color: var(--color-border-active);
|
| 510 |
}
|
| 511 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 512 |
/* Sliders */
|
| 513 |
.slider-group {
|
| 514 |
display: flex;
|
|
|
|
| 509 |
border-color: var(--color-border-active);
|
| 510 |
}
|
| 511 |
|
| 512 |
+
/* Subtle attention styling for New Song button */
|
| 513 |
+
#newSongBtn {
|
| 514 |
+
border-color: rgba(111, 156, 120, 0.25);
|
| 515 |
+
transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
|
| 516 |
+
}
|
| 517 |
+
|
| 518 |
+
#newSongBtn:hover:not(:disabled) {
|
| 519 |
+
border-color: var(--color-accent);
|
| 520 |
+
box-shadow: 0 0 12px rgba(111, 156, 120, 0.15);
|
| 521 |
+
background-color: rgba(111, 156, 120, 0.05);
|
| 522 |
+
}
|
| 523 |
+
|
| 524 |
+
#newSongBtn svg {
|
| 525 |
+
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
|
| 526 |
+
}
|
| 527 |
+
|
| 528 |
+
#newSongBtn:hover:not(:disabled) svg {
|
| 529 |
+
transform: rotate(360deg);
|
| 530 |
+
}
|
| 531 |
+
|
| 532 |
/* Sliders */
|
| 533 |
.slider-group {
|
| 534 |
display: flex;
|