Spaces:
Running
Running
Update assets/style.css - Ultimate TTS with 900+ voices
Browse files- assets/style.css +26 -0
assets/style.css
CHANGED
|
@@ -17,6 +17,32 @@
|
|
| 17 |
--radius: 16px;
|
| 18 |
}
|
| 19 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
* {
|
| 21 |
margin: 0;
|
| 22 |
padding: 0;
|
|
|
|
| 17 |
--radius: 16px;
|
| 18 |
}
|
| 19 |
|
| 20 |
+
/* Mode Toggle Buttons */
|
| 21 |
+
.mode-btn {
|
| 22 |
+
padding: 12px 20px;
|
| 23 |
+
background: rgba(255, 255, 255, 0.05);
|
| 24 |
+
border: 2px solid rgba(255, 255, 255, 0.1);
|
| 25 |
+
border-radius: 12px;
|
| 26 |
+
color: var(--text-muted);
|
| 27 |
+
font-size: 0.95rem;
|
| 28 |
+
font-weight: 600;
|
| 29 |
+
cursor: pointer;
|
| 30 |
+
transition: all 0.3s ease;
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.mode-btn:hover {
|
| 34 |
+
background: rgba(255, 255, 255, 0.08);
|
| 35 |
+
border-color: rgba(255, 255, 255, 0.2);
|
| 36 |
+
transform: translateY(-2px);
|
| 37 |
+
}
|
| 38 |
+
|
| 39 |
+
.mode-btn.active {
|
| 40 |
+
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
| 41 |
+
border-color: transparent;
|
| 42 |
+
color: white;
|
| 43 |
+
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
* {
|
| 47 |
margin: 0;
|
| 48 |
padding: 0;
|