| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 input[type='checkbox'], | 5 input[type='checkbox'], |
| 6 input[type='radio'] { | 6 input[type='radio'] { |
| 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; |
| (...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 105 display: -webkit-inline-box; | 105 display: -webkit-inline-box; |
| 106 } | 106 } |
| 107 | 107 |
| 108 .checkbox label input ~ span, | 108 .checkbox label input ~ span, |
| 109 .radio label input ~ span { | 109 .radio label input ~ span { |
| 110 -webkit-margin-start: 0.4em; | 110 -webkit-margin-start: 0.4em; |
| 111 /* Make sure long spans wrap at the same horizontal position they start. */ | 111 /* Make sure long spans wrap at the same horizontal position they start. */ |
| 112 display: block; | 112 display: block; |
| 113 } | 113 } |
| 114 | 114 |
| 115 /* TODO(estade): remove this. It's duplicated in chrome_shared2.css */ | |
| 116 input[type='checkbox']:not(.custom-appearance):focus, | 115 input[type='checkbox']:not(.custom-appearance):focus, |
| 117 input[type='radio']:not(.custom-appearance):focus { | 116 input[type='radio']:not(.custom-appearance):focus { |
| 118 -webkit-box-shadow: inset 0 1px 2px white, | 117 -webkit-box-shadow: inset 0 1px 2px white, |
| 119 0 1px 2px rgba(0, 0, 0, .2), | 118 0 1px 2px rgba(0, 0, 0, .2), |
| 120 0 0 1px #c0c0c0, | 119 0 0 1px #c0c0c0, |
| 121 0 0 1px #c0c0c0, | 120 0 0 1px #c0c0c0, |
| 122 0 0 1px #c0c0c0; | 121 0 0 1px #c0c0c0; |
| 123 -webkit-transition: border-color 200ms; | 122 -webkit-transition: border-color 200ms; |
| 124 border-color: rgb(64, 128, 250); | 123 border-color: rgb(64, 128, 250); |
| 125 outline: none; | 124 outline: none; |
| 126 } | 125 } |
| 127 | 126 |
| 128 label > input[type=radio] ~ span, | 127 label > input[type=radio] ~ span, |
| 129 label > input[type=checkbox] ~ span, | 128 label > input[type=checkbox] ~ span, |
| 130 input[type=checkbox] ~ label { | 129 input[type=checkbox] ~ label { |
| 131 color: #444; | 130 color: #444; |
| 132 } | 131 } |
| 133 | 132 |
| 134 label > input[type=checkbox]:disabled ~ span, | 133 label > input[type=checkbox]:disabled ~ span, |
| 135 label > input[type=radio]:disabled ~ span, | 134 label > input[type=radio]:disabled ~ span, |
| 136 input[type=checkbox]:disabled ~ label { | 135 input[type=checkbox]:disabled ~ label { |
| 137 color: #888; | 136 color: #888; |
| 138 } | 137 } |
| 139 | 138 |
| 140 label:hover > input[type=checkbox]:not(:disabled) ~ span, | 139 label:hover > input[type=checkbox]:not(:disabled) ~ span, |
| 141 label:hover > input[type=radio]:not(:disabled) ~ span, | 140 label:hover > input[type=radio]:not(:disabled) ~ span, |
| 142 input[type=checkbox]:not(:disabled) ~ label:hover { | 141 input[type=checkbox]:not(:disabled) ~ label:hover { |
| 143 color: #222; | 142 color: #222; |
| 144 } | 143 } |
| OLD | NEW |