Spaces:
Running
Running
Prometech Computer Sciences Corp
commited on
Update app.py
Browse files
app.py
CHANGED
|
@@ -551,6 +551,42 @@ textarea, input, .gr-textbox, .gr-textbox * {
|
|
| 551 |
.pb-music-title{ color:#d9ffe0; margin:0 0 6px 0; font-size:0.95rem; letter-spacing:0.06em; font-family: var(--terminal-font);}
|
| 552 |
.pb-music-wrap a{ color:#9affc0; text-decoration:none; font-family: var(--terminal-font);}
|
| 553 |
.pb-music-wrap a:hover{ text-decoration:underline; font-family: var(--terminal-font);}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 554 |
</style>
|
| 555 |
"""
|
| 556 |
|
|
|
|
| 551 |
.pb-music-title{ color:#d9ffe0; margin:0 0 6px 0; font-size:0.95rem; letter-spacing:0.06em; font-family: var(--terminal-font);}
|
| 552 |
.pb-music-wrap a{ color:#9affc0; text-decoration:none; font-family: var(--terminal-font);}
|
| 553 |
.pb-music-wrap a:hover{ text-decoration:underline; font-family: var(--terminal-font);}
|
| 554 |
+
|
| 555 |
+
/* === AUDIO PLAYER NEON SCROLL === */
|
| 556 |
+
|
| 557 |
+
/* Timeline (seek bar) */
|
| 558 |
+
audio::-webkit-media-controls-timeline {
|
| 559 |
+
height: 4px;
|
| 560 |
+
background: rgba(0, 255, 65, 0.15);
|
| 561 |
+
border-radius: 999px;
|
| 562 |
+
box-shadow: 0 0 6px rgba(0, 255, 65, 0.35);
|
| 563 |
+
}
|
| 564 |
+
|
| 565 |
+
/* Progress */
|
| 566 |
+
audio::-webkit-media-controls-current-time-display,
|
| 567 |
+
audio::-webkit-media-controls-time-remaining-display {
|
| 568 |
+
color: #9affc0;
|
| 569 |
+
font-family: 'VT323', monospace;
|
| 570 |
+
text-shadow: 0 0 4px rgba(0,255,65,0.6);
|
| 571 |
+
}
|
| 572 |
+
|
| 573 |
+
/* Thumb (sürgü topu) */
|
| 574 |
+
audio::-webkit-media-controls-timeline::-webkit-slider-thumb {
|
| 575 |
+
appearance: none;
|
| 576 |
+
width: 10px;
|
| 577 |
+
height: 10px;
|
| 578 |
+
background: #00ff41;
|
| 579 |
+
border-radius: 50%;
|
| 580 |
+
box-shadow:
|
| 581 |
+
0 0 6px rgba(0,255,65,0.9),
|
| 582 |
+
0 0 12px rgba(0,255,65,0.6);
|
| 583 |
+
}
|
| 584 |
+
|
| 585 |
+
/* Waveform çizgileri biraz sakin */
|
| 586 |
+
audio {
|
| 587 |
+
filter: hue-rotate(85deg) saturate(1.2) brightness(1.05);
|
| 588 |
+
}
|
| 589 |
+
|
| 590 |
</style>
|
| 591 |
"""
|
| 592 |
|