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 248 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
259 } | 259 } |
260 | 260 |
261 button:disabled { | 261 button:disabled { |
262 color: rgba(0, 0, 0, .5); | 262 color: rgba(0, 0, 0, .5); |
263 } | 263 } |
264 | 264 |
265 button:not(:disabled):not(.disabled):hover { | 265 button:not(:disabled):not(.disabled):hover { |
266 -webkit-box-shadow: inset 0 1px 2px white, | 266 -webkit-box-shadow: inset 0 1px 2px white, |
267 0 2px 4px rgba(0, 0, 0, .2); | 267 0 2px 4px rgba(0, 0, 0, .2); |
268 background: -webkit-linear-gradient(#fff, #e6e6e6); | 268 background: -webkit-linear-gradient(#fff, #e6e6e6); |
269 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); | 269 /* Using opacity 0.99 instead of 1 because of http://crbug.com/68370 */ |
| 270 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.99); |
270 } | 271 } |
271 | 272 |
272 button:not(:disabled):not(.disabled):active, | 273 button:not(:disabled):not(.disabled):active, |
273 button.active { | 274 button.active { |
274 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); | 275 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); |
275 background: -webkit-linear-gradient(#f0f0f0, #bebebe); | 276 background: -webkit-linear-gradient(#f0f0f0, #bebebe); |
276 border-color: #808080; | 277 border-color: #808080; |
277 position: relative; | 278 position: relative; |
278 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); | 279 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
279 } | 280 } |
(...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
541 select.disabled { | 542 select.disabled { |
542 background-image: url('./print_preview/gray_arrow.png'), | 543 background-image: url('./print_preview/gray_arrow.png'), |
543 -webkit-linear-gradient(#fafafa, #dcdcdc); | 544 -webkit-linear-gradient(#fafafa, #dcdcdc); |
544 } | 545 } |
545 | 546 |
546 select:not(:disabled):not(.disabled):hover { | 547 select:not(:disabled):not(.disabled):hover { |
547 -webkit-box-shadow: inset 0 1px 2px white, | 548 -webkit-box-shadow: inset 0 1px 2px white, |
548 0 2px 4px rgba(0, 0, 0, .2); | 549 0 2px 4px rgba(0, 0, 0, .2); |
549 background-image: url('./print_preview/black_arrow.png'), | 550 background-image: url('./print_preview/black_arrow.png'), |
550 -webkit-linear-gradient(#fff, #e6e6e6); | 551 -webkit-linear-gradient(#fff, #e6e6e6); |
551 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); | 552 /* Using opacity 0.99 instead of 1 because of http://crbug.com/68370 */ |
| 553 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.99); |
552 } | 554 } |
553 | 555 |
554 label { | 556 label { |
555 -webkit-user-select: none; | 557 -webkit-user-select: none; |
556 cursor: default; | 558 cursor: default; |
557 } | 559 } |
558 | 560 |
559 button:focus, | 561 button:focus, |
560 button.default:focus, | 562 button.default:focus, |
561 select:focus, | 563 select:focus, |
(...skipping 153 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
715 -webkit-animation-delay: 300ms; | 717 -webkit-animation-delay: 300ms; |
716 } | 718 } |
717 | 719 |
718 #two-sided-div { | 720 #two-sided-div { |
719 margin-top: 10px; | 721 margin-top: 10px; |
720 } | 722 } |
721 | 723 |
722 input[disabled] + label { | 724 input[disabled] + label { |
723 color: gray; | 725 color: gray; |
724 } | 726 } |
OLD | NEW |