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 /* This file holds CSS that should be shared, in theory, by all user-visible | 5 /* This file holds CSS that should be shared, in theory, by all user-visible |
6 * chrome:// pages. */ | 6 * chrome:// pages. */ |
7 | 7 |
8 @import url("chrome://resources/css/widgets.css"); | 8 @import url("chrome://resources/css/widgets.css"); |
9 <if expr="pp_ifdef('chromeos')"> | 9 <if expr="pp_ifdef('chromeos')"> |
10 @import url("chrome://resources/css/chromeos/ui_account_tweaks.css"); | 10 @import url("chrome://resources/css/chromeos/ui_account_tweaks.css"); |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
97 } | 97 } |
98 | 98 |
99 /* WebKit does not honor alignment for text specified via placeholder attribute. | 99 /* WebKit does not honor alignment for text specified via placeholder attribute. |
100 * This CSS is a workaround. Please remove once WebKit bug is fixed. | 100 * This CSS is a workaround. Please remove once WebKit bug is fixed. |
101 * https://bugs.webkit.org/show_bug.cgi?id=63367 | 101 * https://bugs.webkit.org/show_bug.cgi?id=63367 |
102 */ | 102 */ |
103 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, | 103 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, |
104 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { | 104 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { |
105 direction: rtl; | 105 direction: rtl; |
106 } | 106 } |
107 | |
108 /* Rules to make it easier to hit targets when using a coarse pointer like | |
109 * a touch screen. | |
110 */ | |
111 @media (pointer:coarse) { | |
112 list input[type='input'], | |
113 list input[type='password'], | |
114 list input[type='search'], | |
115 list input[type='text'], | |
116 list input[type='url'] { | |
117 margin: 0; | |
118 padding: 3px 3px 2px 3px; | |
119 } | |
120 | |
121 /* Margins are not touchable. Use padding on the inner label instead to | |
122 increase the size of the touch target. */ | |
123 .checkbox, | |
124 .radio { | |
125 margin: 0; | |
126 } | |
127 | |
128 .checkbox label, | |
129 .radio label { | |
130 padding-bottom: 7px; | |
131 padding-top: 7px; | |
132 } | |
133 | |
134 li > button.link-button { | |
135 padding-bottom: 8px; | |
136 padding-top: 8px; | |
137 } | |
138 | |
139 :-webkit-any(button, | |
140 input[type='button'], | |
141 input[type='submit'], | |
142 select):not(.custom-appearance):not(.link-button) { | |
143 margin-bottom: 6px; | |
144 margin-top: 6px; | |
145 } | |
146 | |
147 list :-webkit-any( | |
148 button, | |
149 input[type='button'], | |
150 input[type='submit'], | |
151 select):not(.custom-appearance):not(.link-button) { | |
152 margin: 0; | |
153 padding-bottom: 0; | |
154 padding-top: 3px; | |
155 } | |
156 } | |
OLD | NEW |