Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(52)

Side by Side Diff: chrome/browser/resources/shared/css/checkbox.css

Issue 8510078: checkboxes css: remove :active funkiness (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: --- Created 9 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698