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 |