Lines 1-3
Link Here
|
|
|
1 |
@import "flatpickr"; |
2 |
|
1 |
body { |
3 |
body { |
2 |
background-color: #EEE; |
4 |
background-color: #EEE; |
3 |
font-family: arial, verdana, helvetica, sans-serif; |
5 |
font-family: arial, verdana, helvetica, sans-serif; |
Lines 189-287
span.required {
Link Here
|
189 |
padding: .4em 2em; |
191 |
padding: .4em 2em; |
190 |
} |
192 |
} |
191 |
|
193 |
|
192 |
|
194 |
/* Font Awesome isn't used in the installer, so add custom X icon */ |
193 |
/* Override core jQueryUI widgets */ |
195 |
.clear_date { |
194 |
.ui-widget-content { |
196 |
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 3.175 3.175' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-74.712 -91.722)'%3E%3Cpath d='M75.321 94.571a.207.207 0 0 0 .293 0l.686-.685.685.685a.207.207 0 0 0 .293 0l.284-.283a.207.207 0 0 0 0-.294l-.686-.685.686-.685a.207.207 0 0 0 0-.294l-.284-.283a.207.207 0 0 0-.293 0l-.685.685-.686-.685a.207.207 0 0 0-.293 0l-.283.283a.207.207 0 0 0 0 .294l.685.685-.685.685a.207.207 0 0 0 0 .294z' fill='%23c33'/%3E%3Cimage x='-117.25' y='-204.6' width='196.44' height='175.61' preserveAspectRatio='none'/%3E%3C/g%3E%3C/svg%3E"); |
195 |
border: 1px solid #B9D8D9; |
197 |
background-position: 5px 5px; |
196 |
background: #ffffff none; |
198 |
background-repeat: no-repeat; |
197 |
color: #222222; |
199 |
content: ""; |
198 |
} |
200 |
display: inline-block; |
199 |
|
201 |
width: 16px; |
200 |
.ui-widget-header { |
202 |
height: 16px; |
201 |
border: 1px solid #B9D8D9; |
|
|
202 |
background: #E6F0F2 none; |
203 |
color: #222222; |
204 |
font-weight: bold; |
205 |
} |
206 |
|
207 |
.ui-state-default, |
208 |
.ui-widget-content .ui-state-default, |
209 |
.ui-widget-header .ui-state-default { |
210 |
border: 1px solid #B9D8D9; |
211 |
background: #F4F8F9 none; |
212 |
font-weight: normal; |
213 |
color: #555555; |
214 |
} |
215 |
|
216 |
.ui-state-hover, |
217 |
.ui-widget-content .ui-state-hover, |
218 |
.ui-widget-header .ui-state-hover, |
219 |
.ui-state-focus, |
220 |
.ui-widget-content .ui-state-focus, |
221 |
.ui-widget-header .ui-state-focus { |
222 |
border: 1px solid #B9D8D9; |
223 |
background: #E6F0F2 none; |
224 |
font-weight: normal; |
225 |
color: #212121; |
226 |
} |
227 |
|
228 |
.ui-state-active, |
229 |
.ui-widget-content .ui-state-active, |
230 |
.ui-widget-header .ui-state-active { |
231 |
border: 1px solid #aaaaaa; |
232 |
background: #ffffff none; |
233 |
font-weight: normal; |
234 |
color: #212121; |
235 |
} |
236 |
|
237 |
.ui-state-highlight, |
238 |
.ui-widget-content .ui-state-highlight, |
239 |
.ui-widget-header .ui-state-highlight { |
240 |
border: 1px solid #FED22F; |
241 |
background: #FFF4C6; |
242 |
color: #363636; |
243 |
} |
244 |
|
245 |
.ui-state-error, |
246 |
.ui-widget-content .ui-state-error, |
247 |
.ui-widget-header .ui-state-error { |
248 |
border: 1px solid #cd0a0a; |
249 |
background: #fef1ec; |
250 |
color: #cd0a0a; |
251 |
} |
252 |
|
253 |
.ui-widget, |
254 |
.ui-widget input, |
255 |
.ui-widget select, |
256 |
.ui-widget textarea, |
257 |
.ui-widget button { |
258 |
font-family : inherit; |
259 |
font-size : inherit; |
260 |
} |
261 |
|
262 |
/* jQuery UI Datepicker */ |
263 |
.ui-datepicker table { |
264 |
width: 100%; |
265 |
font-size: .9em; |
266 |
border : 0; |
267 |
border-collapse: collapse; |
268 |
margin:0 0 .4em; |
269 |
} |
270 |
|
271 |
.ui-datepicker th { |
272 |
background : transparent none; |
273 |
padding: .7em .3em; |
274 |
text-align: center; |
275 |
font-weight: bold; |
276 |
border: 0; |
277 |
} |
278 |
|
279 |
.ui-datepicker-trigger { |
280 |
vertical-align: middle; |
281 |
margin : 0 3px; |
282 |
} |
283 |
.ui-datepicker { |
284 |
box-shadow: 1px 1px 3px 0 #666; |
285 |
} |
203 |
} |
286 |
|
204 |
|
287 |
span.breadcrumbs { |
205 |
span.breadcrumbs { |