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