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