Commit
•
4624bf0
1
Parent(s):
0998520
css
Browse files
app.py
CHANGED
|
@@ -153,6 +153,36 @@ custom_css = """
|
|
| 153 |
.submit-btn:hover {
|
| 154 |
background-color: #3498db !important;
|
| 155 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 156 |
"""
|
| 157 |
|
| 158 |
with gr.Blocks(theme='bethecloud/storj_theme', css=custom_css) as demo:
|
|
|
|
| 153 |
.submit-btn:hover {
|
| 154 |
background-color: #3498db !important;
|
| 155 |
}
|
| 156 |
+
/* New styles for sliders */
|
| 157 |
+
.gradio-slider input[type="range"] {
|
| 158 |
+
-webkit-appearance: none;
|
| 159 |
+
width: 100%;
|
| 160 |
+
height: 10px;
|
| 161 |
+
border-radius: 5px;
|
| 162 |
+
background: #d3d3d3;
|
| 163 |
+
outline: none;
|
| 164 |
+
opacity: 0.7;
|
| 165 |
+
transition: opacity .2s;
|
| 166 |
+
}
|
| 167 |
+
.gradio-slider input[type="range"]:hover {
|
| 168 |
+
opacity: 1;
|
| 169 |
+
}
|
| 170 |
+
.gradio-slider input[type="range"]::-webkit-slider-thumb {
|
| 171 |
+
-webkit-appearance: none;
|
| 172 |
+
appearance: none;
|
| 173 |
+
width: 20px;
|
| 174 |
+
height: 20px;
|
| 175 |
+
border-radius: 50%;
|
| 176 |
+
background: #2980b9;
|
| 177 |
+
cursor: pointer;
|
| 178 |
+
}
|
| 179 |
+
.gradio-slider input[type="range"]::-moz-range-thumb {
|
| 180 |
+
width: 20px;
|
| 181 |
+
height: 20px;
|
| 182 |
+
border-radius: 50%;
|
| 183 |
+
background: #2980b9;
|
| 184 |
+
cursor: pointer;
|
| 185 |
+
}
|
| 186 |
"""
|
| 187 |
|
| 188 |
with gr.Blocks(theme='bethecloud/storj_theme', css=custom_css) as demo:
|