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

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

Issue 7038051: NTP4: Add ability to drag links to the apps pages. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: this.ownerDocument 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
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;
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/most_visited_page.js ('k') | chrome/browser/resources/ntp4/new_tab_theme.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698