| 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 |