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 |