ChenyuRabbitLove commited on
Commit
e4b4e35
1 Parent(s): cc8d9d3

fix: modify css code to check the deployment env

Browse files
Files changed (1) hide show
  1. css/style.css +41 -41
css/style.css CHANGED
@@ -171,8 +171,8 @@ input[type="range"] {
171
 
172
  }
173
 
174
- /* Styles for the slider thumb for Webkit browsers like Chrome and Safari */
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
- /* Styles for the slider thumb for Firefox */
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%; /* Rounded corners of the thumb */
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
- /* Styles for the slider thumb for IE */
198
- ::-ms-thumb {
199
- appearance: none;
200
- height: 24px; /* Height of the thumb */
201
- width: 24px; /* Width of the thumb */
202
- border-radius: 50%; /* Rounded corners of the thumb */
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
- /* Styles for the track (progress) for Webkit browsers */
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
- /* Styles for the track for Firefox */
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
- /* Styles for the track for IE */
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