Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 */ | 4 */ |
| 5 | 5 |
| 6 input[type='checkbox'] { | 6 input[type='checkbox'] { |
| 7 -webkit-box-shadow: inset 0 1px 2px white, | 7 -webkit-box-shadow: inset 0 1px 2px white, |
| 8 0 1px 2px rgba(0, 0, 0, .2); | 8 0 1px 2px rgba(0, 0, 0, .2); |
| 9 -webkit-appearance: none; | 9 -webkit-appearance: none; |
| 10 -webkit-margin-start: 0; | 10 -webkit-margin-start: 0; |
| 11 -webkit-margin-end: 5px; | 11 -webkit-margin-end: 5px; |
| 12 background: -webkit-linear-gradient(#fafafa, #dcdcdc); | 12 background: -webkit-linear-gradient(#fafafa, #dcdcdc); |
| 13 border-radius: 3px; | 13 border-radius: 3px; |
| 14 border: 1px solid #a0a0a0; | 14 border: 1px solid #a0a0a0; |
| 15 display: inline-block; | 15 display: inline-block; |
| 16 height: 16px; | 16 height: 16px; |
| 17 margin-bottom: 0; | 17 margin-bottom: 0; |
| 18 margin-top: 0; | 18 margin-top: 0; |
| 19 position: relative; | 19 position: relative; |
| 20 top: 3px; | 20 top: 3px; |
| 21 vertical-align: baseline; | 21 vertical-align: baseline; |
| 22 width: 16px; | 22 width: 16px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 input[type='checkbox']:disabled { | 25 input[type='checkbox']:disabled { |
| 26 opacity: .75; | 26 opacity: .75; |
| 27 } | 27 } |
| 28 | 28 |
| 29 input[type='checkbox']:not(:disabled):not(.disabled):hover { | 29 input[type='checkbox']:not(:disabled):not(.disabled):not(:active):hover { |
| 30 background: -webkit-linear-gradient(#fff, #e6e6e6); | 30 background: -webkit-linear-gradient(#fff, #e6e6e6); |
| 31 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); | 31 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); |
| 32 } | 32 } |
| 33 | 33 |
| 34 input[type='checkbox']:active { | 34 input[type='checkbox']:active { |
| 35 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); | 35 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); |
| 36 background: -webkit-linear-gradient(#f0f0f0, #bebebe); | 36 background: -webkit-linear-gradient(#f0f0f0, #bebebe); |
| 37 border: 1px solid #808080; | 37 border: 1px solid #808080; |
| 38 /* | |
|
dpapad
2011/11/15 16:47:24
Remove commented out rules?
Evan Stade
2011/11/15 17:54:35
ah. Of course.
| |
| 38 padding-bottom: 4px; | 39 padding-bottom: 4px; |
| 39 padding-top: 6px; | 40 padding-top: 6px; |
| 41 */ | |
| 40 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); | 42 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
| 41 } | 43 } |
| 42 | 44 |
| 43 input[type='checkbox']:checked::before { | 45 input[type='checkbox']:checked::before { |
| 44 color: #808080; | 46 color: #808080; |
| 45 content: url('../images/checkmark.png'); | 47 content: url('../images/checkmark.png'); |
| 46 height: 16px; | 48 height: 16px; |
| 47 left: 2px; | 49 left: 2px; |
| 48 position: absolute; | 50 position: absolute; |
| 49 } | 51 } |
| (...skipping 18 matching lines...) Expand all Loading... | |
| 68 position: relative; | 70 position: relative; |
| 69 top: 2px; | 71 top: 2px; |
| 70 vertical-align: baseline; | 72 vertical-align: baseline; |
| 71 width: 15px; | 73 width: 15px; |
| 72 } | 74 } |
| 73 | 75 |
| 74 input[type='radio']:disabled { | 76 input[type='radio']:disabled { |
| 75 opacity: .75; | 77 opacity: .75; |
| 76 } | 78 } |
| 77 | 79 |
| 78 input[type='radio']:not(:disabled):not(.disabled):hover { | 80 input[type='radio']:not(:disabled):not(.disabled):not(:active):hover { |
| 79 background: -webkit-linear-gradient(#fff, #e6e6e6); | 81 background: -webkit-linear-gradient(#fff, #e6e6e6); |
| 80 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); | 82 text-shadow: 0 1px 0 rgba(255, 255, 255, 1); |
| 81 } | 83 } |
| 82 | 84 |
| 83 input[type='radio']:active { | 85 input[type='radio']:active { |
| 84 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); | 86 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); |
| 85 background: -webkit-linear-gradient(#f0f0f0, #bebebe); | 87 background: -webkit-linear-gradient(#f0f0f0, #bebebe); |
| 86 border: 1px solid #808080; | 88 border: 1px solid #808080; |
| 87 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); | 89 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
| 88 } | 90 } |
| (...skipping 17 matching lines...) Expand all Loading... | |
| 106 width: 5px; | 108 width: 5px; |
| 107 } | 109 } |
| 108 | 110 |
| 109 html[dir='rtl'] input[type='radio']:checked::before { | 111 html[dir='rtl'] input[type='radio']:checked::before { |
| 110 right: 0; | 112 right: 0; |
| 111 } | 113 } |
| 112 | 114 |
| 113 input[type='radio']:active:checked::before { | 115 input[type='radio']:active:checked::before { |
| 114 background: #606060; | 116 background: #606060; |
| 115 } | 117 } |
| OLD | NEW |