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