OLD | NEW |
1 html { | 1 html { |
2 height: 100%; | 2 height: 100%; |
3 } | 3 } |
4 | 4 |
5 body { | 5 body { |
6 background: white; | 6 background: white; |
7 display: -webkit-box; | 7 display: -webkit-box; |
8 height: 100%; | 8 height: 100%; |
9 margin: 0; | 9 margin: 0; |
10 overflow: hidden; | 10 overflow: hidden; |
(...skipping 206 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
217 } | 217 } |
218 | 218 |
219 button.loading { | 219 button.loading { |
220 cursor: progress; | 220 cursor: progress; |
221 } | 221 } |
222 | 222 |
223 button.default { | 223 button.default { |
224 -webkit-padding-end: 21px; | 224 -webkit-padding-end: 21px; |
225 -webkit-padding-start: 21px; | 225 -webkit-padding-start: 21px; |
226 border-color: #808080; | 226 border-color: #808080; |
227 border-width: 2px; | 227 font-weight: bold; |
228 font-weight: 600; | |
229 } | 228 } |
230 | 229 |
231 button.default:disabled { | 230 button.default:disabled { |
232 border-color: #a0a0a0; | 231 border-color: #a0a0a0; |
233 } | 232 } |
234 | 233 |
235 #increment, | 234 #increment, |
236 #decrement { | 235 #decrement { |
237 -webkit-padding-end: 8px; | 236 -webkit-padding-end: 8px; |
238 -webkit-padding-start: 8px; | 237 -webkit-padding-start: 8px; |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
314 input[type='checkbox']:active { | 313 input[type='checkbox']:active { |
315 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); | 314 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); |
316 background: -webkit-linear-gradient(#f0f0f0, #bebebe); | 315 background: -webkit-linear-gradient(#f0f0f0, #bebebe); |
317 border: 1px solid #808080; | 316 border: 1px solid #808080; |
318 padding-bottom: 4px; | 317 padding-bottom: 4px; |
319 padding-top: 6px; | 318 padding-top: 6px; |
320 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); | 319 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
321 } | 320 } |
322 | 321 |
323 input[type='checkbox']:checked:before { | 322 input[type='checkbox']:checked:before { |
324 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5); | |
325 color: #808080; | 323 color: #808080; |
326 content: '×'; | 324 content: url('./print_preview/checkmark.png'); |
327 display: inline-block; | |
328 font-size: 21px; | |
329 font-weight: bold; | |
330 height: 16px; | 325 height: 16px; |
331 line-height: 16px; | 326 left: 2px; |
332 opacity: 1; | 327 opacity: 1; |
333 overflow: hidden; | |
334 position: absolute; | 328 position: absolute; |
335 text-align: center; | |
336 top: -1px; | |
337 width: 16px; | |
338 } | 329 } |
339 | 330 |
340 input[type='radio'] { | 331 input[type='radio'] { |
341 -webkit-box-shadow: inset 0 1px 2px white, | 332 -webkit-box-shadow: inset 0 1px 2px white, |
342 0 1px 2px rgba(0, 0, 0, .2); | 333 0 1px 2px rgba(0, 0, 0, .2); |
343 -webkit-appearance: none; | 334 -webkit-appearance: none; |
344 -webkit-margin-end: 5px; | 335 -webkit-margin-end: 5px; |
345 -webkit-transition: border 500ms; | 336 -webkit-transition: border 500ms; |
346 background: -webkit-linear-gradient(#fafafa, #dcdcdc); | 337 background: -webkit-linear-gradient(#fafafa, #dcdcdc); |
347 border-radius: 100%; | 338 border-radius: 100%; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
383 height: 5px; | 374 height: 5px; |
384 left: 0; | 375 left: 0; |
385 margin-top: 4px; | 376 margin-top: 4px; |
386 opacity: 1; | 377 opacity: 1; |
387 position: absolute; | 378 position: absolute; |
388 top: 0; | 379 top: 0; |
389 vertical-align: top; | 380 vertical-align: top; |
390 width: 5px; | 381 width: 5px; |
391 } | 382 } |
392 | 383 |
393 html[dir='rtl'] input[type='checkbox']:checked:before, | |
394 html[dir='rtl'] input[type='radio']:checked:before { | 384 html[dir='rtl'] input[type='radio']:checked:before { |
395 right: 0; | 385 right: 0; |
396 } | 386 } |
397 | 387 |
398 input[type='radio']:active:checked:before { | 388 input[type='radio']:active:checked:before { |
399 background: #606060; | 389 background: #606060; |
400 } | 390 } |
401 | 391 |
402 input[type='text'] { | 392 input[type='text'] { |
403 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), | 393 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), |
(...skipping 317 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
721 -webkit-animation-delay: 300ms; | 711 -webkit-animation-delay: 300ms; |
722 } | 712 } |
723 | 713 |
724 #two-sided-div { | 714 #two-sided-div { |
725 margin-top: 10px; | 715 margin-top: 10px; |
726 } | 716 } |
727 | 717 |
728 input[disabled] + label { | 718 input[disabled] + label { |
729 color: gray; | 719 color: gray; |
730 } | 720 } |
OLD | NEW |