Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(104)

Side by Side Diff: chrome/browser/resources/ntp4/new_tab.css

Issue 6992009: ntp4: Fix a couple small visual glitches with tile dragging. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: whitespace Created 9 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/tile_page.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/tile_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698