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

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

Issue 9325059: [Clean up] Fix style guide nits in chrome/browser/resources/ntp4. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: fixing margin Created 8 years, 10 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) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 */
5 4
6 html { 5 html {
7 font-family: segoe ui, arial, helvetica, sans-serif; 6 font-family: segoe ui, arial, helvetica, sans-serif;
8 font-size: 14px; 7 font-size: 14px;
9 /* It's necessary to put this here instead of in body in order to get the 8 /* It's necessary to put this here instead of in body in order to get the
10 background-size of 100% to work properly */ 9 background-size of 100% to work properly */
11 height: 100%; 10 height: 100%;
12 overflow: hidden; 11 overflow: hidden;
13 } 12 }
14 13
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 overflow: hidden; 97 overflow: hidden;
99 /* We want this to fill the window except for the region used 98 /* We want this to fill the window except for the region used
100 by footer */ 99 by footer */
101 position: fixed; 100 position: fixed;
102 top: 0; 101 top: 0;
103 width: 100%; 102 width: 100%;
104 } 103 }
105 104
106 #page-list { 105 #page-list {
107 /* fill the apps-frame */ 106 /* fill the apps-frame */
107 display: -webkit-box;
108 height: 100%; 108 height: 100%;
109 display: -webkit-box;
110 } 109 }
111 110
112 #attribution { 111 #attribution {
113 bottom: 0; 112 bottom: 0;
114 left: auto; 113 left: auto;
115 margin-left: 8px; 114 margin-left: 8px;
116 /* Leave room for the scrollbar. */ 115 /* Leave room for the scrollbar. */
117 margin-right: 13px; 116 margin-right: 13px;
118 position: absolute; 117 position: absolute;
119 right: 0; 118 right: 0;
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after
240 min-width: 6em; 239 min-width: 6em;
241 } 240 }
242 241
243 /* Trash. *********************************************************************/ 242 /* Trash. *********************************************************************/
244 243
245 #trash { 244 #trash {
246 -webkit-transition: top 200ms, opacity 0; 245 -webkit-transition: top 200ms, opacity 0;
247 -webkit-transition-delay: 0, 200ms; 246 -webkit-transition-delay: 0, 200ms;
248 color: #222; 247 color: #222;
249 height: 100%; 248 height: 100%;
249 opacity: 0;
250 position: absolute; 250 position: absolute;
251 opacity: 0;
252 right: 0; 251 right: 0;
253 top: 50px; 252 top: 50px;
254 width: auto; 253 width: auto;
255 } 254 }
256 255
257 html[dir='rtl'] #trash { 256 html[dir='rtl'] #trash {
258 left: 0; 257 left: 0;
259 right: auto; 258 right: auto;
260 } 259 }
261 260
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
306 } 305 }
307 306
308 /* Page switcher buttons. *****************************************************/ 307 /* Page switcher buttons. *****************************************************/
309 308
310 .page-switcher { 309 .page-switcher {
311 -webkit-transition: width 150ms, right 150ms, background-color 150ms; 310 -webkit-transition: width 150ms, right 150ms, background-color 150ms;
312 background-color: transparent; 311 background-color: transparent;
313 border: none; 312 border: none;
314 bottom: 0; 313 bottom: 0;
315 font-size: 40px; 314 font-size: 40px;
316 padding: 0;
317 position: absolute;
318 margin: 0; 315 margin: 0;
319 max-width: 150px; 316 max-width: 150px;
320 min-width: 90px; 317 min-width: 90px;
321 outline: none; 318 outline: none;
319 padding: 0;
320 position: absolute;
322 top: 0; 321 top: 0;
323 z-index: 5; 322 z-index: 5;
324 } 323 }
325 324
326 #chrome-web-store-href { 325 #chrome-web-store-href {
327 -webkit-padding-end: 12px; 326 -webkit-padding-end: 12px;
328 /* Match transition delay of recently closed button. */ 327 /* Match transition delay of recently closed button. */
329 -webkit-transition-delay: 100ms; 328 -webkit-transition-delay: 100ms;
330 color: #7F7F7F; 329 color: #7F7F7F;
331 cursor: pointer; 330 cursor: pointer;
332 display: none; 331 display: none;
333 margin: 0; 332 margin: 0;
334 text-decoration: none; 333 text-decoration: none;
335 } 334 }
336 335
337 #chrome-web-store-title { 336 #chrome-web-store-title {
338 -webkit-padding-end: 26px; 337 -webkit-padding-end: 26px;
339 -webkit-padding-start: 16px; 338 -webkit-padding-start: 16px;
340 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat; 339 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat;
341 display: inline-block; 340 display: inline-block;
341 font-size: 9pt;
342 font-weight: bold; 342 font-weight: bold;
343 font-size: 9pt;
344 line-height: 49px; 343 line-height: 49px;
345 } 344 }
346 345
347 #chrome-web-store-href:hover { 346 #chrome-web-store-href:hover {
348 color: #666; 347 color: #666;
349 } 348 }
350 349
351 html[dir='rtl'] #chrome-web-store-title { 350 html[dir='rtl'] #chrome-web-store-title {
352 background-position-x: left; 351 background-position-x: left;
353 } 352 }
354 353
355 /* Show the chrome-web-store button when the experiment is turned on. */ 354 /* Show the chrome-web-store button when the experiment is turned on. */
356 .enable-cws-experiment #chrome-web-store-href { 355 .enable-cws-experiment #chrome-web-store-href {
357 display: inline-block; 356 display: inline-block;
358 } 357 }
359 358
360 /* Reserve space for the menu button even when it's hidden. */ 359 /* Reserve space for the menu button even when it's hidden. */
361 #footer.showing-trash-mode #chrome-web-store-href { 360 #footer.showing-trash-mode #chrome-web-store-href {
362 visibility: hidden; 361 visibility: hidden;
363 } 362 }
364 363
365 #footer.showing-trash-mode #chrome-web-store-href { 364 #footer.showing-trash-mode #chrome-web-store-href {
366 -webkit-transition-delay: 0; 365 -webkit-transition-delay: 0;
367 opacity: 0; 366 opacity: 0;
368 } 367 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/nav_dot.css ('k') | chrome/browser/resources/ntp4/new_tab_theme.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698