Spaces:
Running
Running
ChenyuRabbitLove
commited on
Commit
•
e4b4e35
1
Parent(s):
cc8d9d3
fix: modify css code to check the deployment env
Browse files- css/style.css +41 -41
css/style.css
CHANGED
@@ -171,8 +171,8 @@ input[type="range"] {
|
|
171 |
|
172 |
}
|
173 |
|
174 |
-
|
175 |
-
::-webkit-slider-thumb {
|
176 |
-webkit-appearance: none !important; /* Overrides default webkit styles */
|
177 |
appearance: none !important;
|
178 |
height: 24px !important; /* Height of the thumb */
|
@@ -183,52 +183,52 @@ input[type="range"] {
|
|
183 |
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e !important;
|
184 |
}
|
185 |
|
186 |
-
|
187 |
-
::-moz-range-thumb {
|
188 |
-
appearance: none;
|
189 |
-
height: 24px; /* Height of the thumb */
|
190 |
-
width: 24px; /* Width of the thumb */
|
191 |
-
border-radius: 50
|
192 |
-
background: #f3b968; /* Background color of the thumb */
|
193 |
-
margin-top: -6px; /* Ensures the thumb aligns with the track */
|
194 |
-
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e;
|
195 |
}
|
196 |
|
197 |
-
|
198 |
-
::-ms-thumb {
|
199 |
-
appearance: none;
|
200 |
-
height: 24px; /* Height of the thumb */
|
201 |
-
width: 24px; /* Width of the thumb */
|
202 |
-
border-radius: 50
|
203 |
-
background: #f3b968; /* Background color of the thumb */
|
204 |
-
margin-top: -6px; /* Ensures the thumb aligns with the track */
|
205 |
-
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e;
|
206 |
}
|
207 |
|
208 |
-
|
209 |
-
::-webkit-slider-runnable-track {
|
210 |
-
width: 100
|
211 |
-
height: 10px; /* Height of the track */
|
212 |
-
background: #eee;
|
213 |
-
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset;
|
214 |
-
border-radius: 10px; /* Rounded corners of the track */
|
215 |
}
|
216 |
|
217 |
-
|
218 |
-
::-moz-range-track {
|
219 |
-
width: 100
|
220 |
-
height: 10px; /* Height of the track */
|
221 |
-
background: #eee;
|
222 |
-
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset;
|
223 |
-
border-radius: 10px; /* Rounded corners of the track */
|
224 |
}
|
225 |
|
226 |
-
|
227 |
-
::-ms-track {
|
228 |
-
width: 100
|
229 |
-
height: 10px; /* Height of the track */
|
230 |
-
background: #eee;
|
231 |
-
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset;
|
232 |
-
border-radius: 10px; /* Rounded corners of the track */
|
233 |
}
|
234 |
|
|
|
171 |
|
172 |
}
|
173 |
|
174 |
+
/* Styles for the slider thumb for Webkit browsers like Chrome and Safari */
|
175 |
+
input[type="range"]::-webkit-slider-thumb {
|
176 |
-webkit-appearance: none !important; /* Overrides default webkit styles */
|
177 |
appearance: none !important;
|
178 |
height: 24px !important; /* Height of the thumb */
|
|
|
183 |
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e !important;
|
184 |
}
|
185 |
|
186 |
+
/* Styles for the slider thumb for Firefox */
|
187 |
+
input[type="range"]::-moz-range-thumb {
|
188 |
+
appearance: none !important;
|
189 |
+
height: 24px !important; /* Height of the thumb */
|
190 |
+
width: 24px !important; /* Width of the thumb */
|
191 |
+
border-radius: 50% !important; /* Rounded corners of the thumb */
|
192 |
+
background: #f3b968 !important; /* Background color of the thumb */
|
193 |
+
margin-top: -6px !important; /* Ensures the thumb aligns with the track */
|
194 |
+
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e !important;
|
195 |
}
|
196 |
|
197 |
+
/* Styles for the slider thumb for IE */
|
198 |
+
input[type="range"]::-ms-thumb {
|
199 |
+
appearance: none !important;
|
200 |
+
height: 24px !important; /* Height of the thumb */
|
201 |
+
width: 24px !important; /* Width of the thumb */
|
202 |
+
border-radius: 50% !important; /* Rounded corners of the thumb */
|
203 |
+
background: #f3b968 !important; /* Background color of the thumb */
|
204 |
+
margin-top: -6px !important; /* Ensures the thumb aligns with the track */
|
205 |
+
box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e !important;
|
206 |
}
|
207 |
|
208 |
+
/* Styles for the track (progress) for Webkit browsers */
|
209 |
+
input[type="range"]::-webkit-slider-runnable-track {
|
210 |
+
width: 100% !important;
|
211 |
+
height: 10px !important; /* Height of the track */
|
212 |
+
background: #eee !important;
|
213 |
+
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset !important;
|
214 |
+
border-radius: 10px !important; /* Rounded corners of the track */
|
215 |
}
|
216 |
|
217 |
+
/* Styles for the track for Firefox */
|
218 |
+
input[type="range"]::-moz-range-track {
|
219 |
+
width: 100% !important;
|
220 |
+
height: 10px !important; /* Height of the track */
|
221 |
+
background: #eee !important;
|
222 |
+
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset !important;
|
223 |
+
border-radius: 10px !important; /* Rounded corners of the track */
|
224 |
}
|
225 |
|
226 |
+
/* Styles for the track for IE */
|
227 |
+
input[type="range"]::-ms-track {
|
228 |
+
width: 100% !important;
|
229 |
+
height: 10px !important; /* Height of the track */
|
230 |
+
background: #eee !important;
|
231 |
+
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75) inset !important;
|
232 |
+
border-radius: 10px !important; /* Rounded corners of the track */
|
233 |
}
|
234 |
|