OLD | NEW |
---|---|
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 | 4 |
5 html { | 5 html { |
6 /* It's necessary to put this here instead of in body in order to get the | 6 /* It's necessary to put this here instead of in body in order to get the |
7 background-size of 100% to work properly */ | 7 background-size of 100% to work properly */ |
8 height: 100%; | 8 height: 100%; |
9 overflow: hidden; | 9 overflow: hidden; |
10 } | 10 } |
(...skipping 354 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
365 margin: 0; | 365 margin: 0; |
366 max-width: 150px; | 366 max-width: 150px; |
367 min-width: 90px; | 367 min-width: 90px; |
368 outline: none; | 368 outline: none; |
369 padding: 0; | 369 padding: 0; |
370 position: absolute; | 370 position: absolute; |
371 top: 0; | 371 top: 0; |
372 z-index: 5; | 372 z-index: 5; |
373 } | 373 } |
374 | 374 |
375 #chrome-web-store-href { | 375 #chrome-web-store-href { |
Dan Beam
2012/05/08 18:24:19
why does this end with -href again?
Evan Stade
2012/05/08 19:01:33
because it's a hypertext reference?
yea, should b
| |
376 -webkit-padding-end: 12px; | 376 -webkit-padding-end: 12px; |
377 /* Match transition delay of recently closed button. */ | 377 /* Match transition delay of recently closed button. */ |
378 -webkit-transition-delay: 100ms; | 378 -webkit-transition-delay: 100ms; |
379 color: inherit; | 379 color: inherit; |
380 cursor: pointer; | 380 cursor: pointer; |
381 display: none; | 381 display: inline-block; |
Dan Beam
2012/05/08 18:24:19
I still think we should investigate more compact w
Evan Stade
2012/05/08 19:01:33
I personally think that's a good idea (for some va
| |
382 margin: 0; | 382 margin: 0; |
383 text-decoration: none; | 383 text-decoration: none; |
384 } | 384 } |
385 | 385 |
386 #chrome-web-store-title { | 386 #chrome-web-store-title { |
387 -webkit-padding-end: 36px; | 387 -webkit-padding-end: 36px; |
388 -webkit-padding-start: 15px; | 388 -webkit-padding-start: 15px; |
389 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat; | 389 background: url('chrome://theme/IDR_WEBSTORE_ICON_24') right 50% no-repeat; |
390 display: inline-block; | 390 display: inline-block; |
391 line-height: 49px; | 391 line-height: 49px; |
392 } | 392 } |
393 | 393 |
394 #chrome-web-store-href:hover { | 394 #chrome-web-store-href:hover { |
395 color: #666; | 395 color: #666; |
396 } | 396 } |
397 | 397 |
398 html[dir='rtl'] #chrome-web-store-title { | 398 html[dir='rtl'] #chrome-web-store-title { |
399 background-position-x: left; | 399 background-position-x: left; |
400 } | 400 } |
401 | 401 |
402 /* Show the chrome web store footer link when the experiment is turned on. */ | |
403 .enable-cws-experiment #chrome-web-store-href { | |
404 display: inline-block; | |
405 } | |
406 | |
407 #vertical-separator { | 402 #vertical-separator { |
408 background-color: rgb(178, 178, 178); | 403 background-color: rgb(178, 178, 178); |
409 display: none; | 404 display: inline-block; |
410 height: 20px; | 405 height: 20px; |
411 margin: 0; | 406 margin: 0; |
412 vertical-align: middle; | 407 vertical-align: middle; |
413 width: 1px; | 408 width: 1px; |
414 } | 409 } |
415 | 410 |
416 /* Show the separator only if one of the menus is visible. */ | |
417 .enable-cws-experiment | |
418 .footer-menu-button:not(.invisible) ~ #vertical-separator { | |
419 display: inline-block; | |
420 } | |
421 | |
422 /* In trash mode, hide the menus and web store link. */ | 411 /* In trash mode, hide the menus and web store link. */ |
423 #footer.showing-trash-mode #chrome-web-store-href, | 412 #footer.showing-trash-mode #chrome-web-store-href, |
424 #footer.showing-trash-mode .menu-container { | 413 #footer.showing-trash-mode .menu-container { |
425 -webkit-transition-delay: 0; | 414 -webkit-transition-delay: 0; |
426 opacity: 0; | 415 opacity: 0; |
427 visibility: hidden; | 416 visibility: hidden; |
428 } | 417 } |
429 | 418 |
430 #footer .menu-container { | 419 #footer .menu-container { |
431 -webkit-flex-align: center; | 420 -webkit-flex-align: center; |
(...skipping 18 matching lines...) Expand all Loading... | |
450 padding: 0; | 439 padding: 0; |
451 } | 440 } |
452 | 441 |
453 .other-sessions-promo-message:only-child { | 442 .other-sessions-promo-message:only-child { |
454 display: block; | 443 display: block; |
455 } | 444 } |
456 | 445 |
457 .other-sessions-promo-message p { | 446 .other-sessions-promo-message p { |
458 margin: 0; | 447 margin: 0; |
459 } | 448 } |
OLD | NEW |