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

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

Issue 7674001: [ntp4] Prevent the page switcher from overlapping the bookmarks-page title header. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Final review change. Created 9 years, 4 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/new_tab.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 5
6 html { 6 html {
7 font-family: segoe ui, arial, helvetica, sans-serif; 7 font-family: segoe ui, arial, helvetica, sans-serif;
8 font-size: 14px; 8 font-size: 14px;
9 /* It's necessary to put this here instead of in body in order to get the 9 /* It's necessary to put this here instead of in body in order to get the
10 background-size of 100% to work properly */ 10 background-size of 100% to work properly */
(...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after
194 top: 7px; 194 top: 7px;
195 -webkit-padding-end: 7px; 195 -webkit-padding-end: 7px;
196 -webkit-padding-start: 30px; 196 -webkit-padding-start: 30px;
197 } 197 }
198 198
199 /* Page switcher buttons. *****************************************************/ 199 /* Page switcher buttons. *****************************************************/
200 200
201 .page-switcher { 201 .page-switcher {
202 background-color: transparent; 202 background-color: transparent;
203 border: none; 203 border: none;
204 bottom: 0;
204 font-size: 40px; 205 font-size: 40px;
205 height: 100%;
206 padding: 0; 206 padding: 0;
207 position: absolute; 207 position: absolute;
208 margin: 0;
208 max-width: 150px; 209 max-width: 150px;
209 min-width: 90px; 210 min-width: 90px;
210 opacity: 0.3; 211 opacity: 0.3;
211 top: 0; 212 top: 0;
212 z-index: 5; 213 z-index: 5;
213 -webkit-transition: width 150ms, right 150ms, background-color 150ms; 214 -webkit-transition: width 150ms, right 150ms, background-color 150ms;
214 } 215 }
215 216
216 .page-switcher:hover { 217 .page-switcher:hover {
217 background-color: rgba(0, 0, 0, 0.2); 218 background-color: rgba(0, 0, 0, 0.2);
218 } 219 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/new_tab.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698