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 /* NB: do not include this file directly. Include chrome_shared2.css. If touch | 5 /* NB: do not include this file directly. Include chrome_shared2.css. If touch |
6 * optimization is enabled, these rules will be automatically loaded by the | 6 * optimization is enabled, these rules will be automatically loaded by the |
7 * SharedResourceDataSource. */ | 7 * SharedResourceDataSource. */ |
8 | 8 |
9 <include src="chrome_shared2.css"> | 9 <include src="chrome_shared2.css"> |
10 | 10 |
11 /* TODO(kevers): Add [type='input'] and [type='password']. */ | 11 input[type='input'], |
12 input[type='search'] { | 12 input[type='password'], |
13 padding-bottom: 6px; | 13 input[type='search'], |
| 14 input[type='text'], |
| 15 input[type='url'] { |
| 16 padding-bottom: 7px; |
14 padding-top: 6px; | 17 padding-top: 6px; |
15 } | 18 } |
16 | 19 |
17 /* Margins are not touchable. Use padding on the inner label instead to | 20 /* Margins are not touchable. Use padding on the inner label instead to |
18 increase the size of the touch target. */ | 21 increase the size of the touch target. */ |
19 .checkbox, | 22 .checkbox, |
20 .radio { | 23 .radio { |
21 margin: 0; | 24 margin: 0; |
22 } | 25 } |
23 | 26 |
24 .checkbox label, | 27 .checkbox label, |
25 .radio label { | 28 .radio label { |
26 padding-bottom: 7px; | 29 padding-bottom: 7px; |
27 padding-top: 7px; | 30 padding-top: 7px; |
28 } | 31 } |
29 | 32 |
30 li > button.link-button { | 33 li > button.link-button { |
31 padding-bottom: 8px; | 34 padding-bottom: 8px; |
32 padding-top: 8px; | 35 padding-top: 8px; |
33 } | 36 } |
34 | 37 |
35 button:not(.custom-appearance):not(.link-button), | 38 button:not(.custom-appearance):not(.link-button), |
36 input[type=button]:not(.custom-appearance), | 39 input[type=button]:not(.custom-appearance), |
37 input[type=submit]:not(.custom-appearance), | 40 input[type=submit]:not(.custom-appearance), |
38 select { | 41 select { |
39 margin-bottom: 6px; | 42 margin-bottom: 6px; |
40 margin-top: 6px; | 43 margin-top: 6px; |
| 44 padding-bottom: 7px; |
| 45 padding-top: 6px; |
41 } | 46 } |
42 | 47 |
43 html[touch-optimized] .tree-item > .tree-row { | 48 html[touch-optimized] .tree-item > .tree-row { |
44 padding: 4px 3px; | 49 padding: 4px 3px; |
45 } | 50 } |
| 51 |
| 52 list input[type='input'], |
| 53 list input[type='password'], |
| 54 list input[type='search'], |
| 55 list input[type='text'], |
| 56 list input[type='url'] { |
| 57 margin: 0; |
| 58 padding: 3px 3px 2px 3px; |
| 59 } |
| 60 |
| 61 list button:not(.custom-appearance):not(.link-button), |
| 62 list input[type=button]:not(.custom-appearance), |
| 63 list input[type=submit]:not(.custom-appearance), |
| 64 list select { |
| 65 margin: 0; |
| 66 padding-bottom: 0; |
| 67 padding-top: 3px; |
| 68 } |
OLD | NEW |