|
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 { |