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

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

Issue 9579001: css hack n' slash, continued: New styles for buttons and selects. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: message font size Created 8 years, 9 months 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
OLDNEW
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/shared/css/button.css ('k') | chrome/browser/resources/shared/css/chrome_shared.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698