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 * This is the stylesheet used by the touch-enabled new tab page | 5 * This is the stylesheet used by the touch-enabled new tab page |
6 */ | 6 */ |
7 | 7 |
8 html { | 8 html { |
| 9 font-family: segoe ui, arial, helvetica, sans-serif; |
| 10 font-size: 14px; |
9 /* It's necessary to put this here instead of in body in order to get the | 11 /* It's necessary to put this here instead of in body in order to get the |
10 background-size of 100% to work properly */ | 12 background-size of 100% to work properly */ |
11 height: 100%; | 13 height: 100%; |
12 overflow: hidden; | 14 overflow: hidden; |
13 } | 15 } |
14 | 16 |
15 body { | 17 body { |
16 background-size: auto 100%; | 18 background-size: auto 100%; |
17 margin: 0; | 19 margin: 0; |
18 /* Don't highlight links when they're tapped. Safari has bugs here that | 20 /* Don't highlight links when they're tapped. Safari has bugs here that |
19 show up as flicker when dragging in some situations */ | 21 show up as flicker when dragging in some situations */ |
20 -webkit-tap-highlight-color: transparent; | 22 -webkit-tap-highlight-color: transparent; |
21 /* Don't allow selecting text - can occur when dragging */ | 23 /* Don't allow selecting text - can occur when dragging */ |
22 -webkit-user-select: none; | 24 -webkit-user-select: none; |
23 } | 25 } |
24 | 26 |
25 body, | |
26 button span { | |
27 font-family: segoe ui, arial, helvetica, sans-serif; | |
28 font-size: 14px; | |
29 } | |
30 | |
31 #card-slider-frame { | 27 #card-slider-frame { |
32 /* Must match #footer height. */ | 28 /* Must match #footer height. */ |
33 bottom: 50px; | 29 bottom: 50px; |
34 overflow: hidden; | 30 overflow: hidden; |
35 /* We want this to fill the window except for the region used | 31 /* We want this to fill the window except for the region used |
36 by footer */ | 32 by footer */ |
37 position: fixed; | 33 position: fixed; |
38 top: 0; | 34 top: 0; |
39 width: 100%; | 35 width: 100%; |
40 -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 30px); | 36 -webkit-mask-image: -webkit-linear-gradient(bottom, transparent, black 30px); |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 #footer.rearrange-mode #trash { | 129 #footer.rearrange-mode #trash { |
134 -webkit-transform: translate(0, 0); | 130 -webkit-transform: translate(0, 0); |
135 } | 131 } |
136 | 132 |
137 .disclosure-triangle { | 133 .disclosure-triangle { |
138 display: inline-block; | 134 display: inline-block; |
139 width: 9px; | 135 width: 9px; |
140 height: 9px; | 136 height: 9px; |
141 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); | 137 -webkit-mask-image: url('./ntp4_disclosure_triangle_mask.png'); |
142 } | 138 } |
OLD | NEW |