| OLD | NEW |
| 1 html { | 1 html { |
| 2 /* This is needed because of chrome://theme/css/new_tab.css */ | 2 /* This is needed because of chrome://theme/css/new_tab.css */ |
| 3 height: 100%; | 3 height: 100%; |
| 4 } | 4 } |
| 5 | 5 |
| 6 body { | 6 body { |
| 7 margin: 0; | 7 margin: 0; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #main { | 10 #main { |
| 11 background: url(chrome://theme/product_logo) no-repeat 0 6px; | 11 background: url(chrome://theme/product_logo) no-repeat 0 6px; |
| 12 position: relative; | 12 position: relative; |
| 13 margin: 0 auto; | 13 margin: 0 auto; |
| 14 width: 920px; | 14 width: 920px; |
| 15 min-height: 50px; |
| 15 -webkit-transition: width .15s; | 16 -webkit-transition: width .15s; |
| 16 } | 17 } |
| 17 | 18 |
| 18 html[dir='rtl'] #main { | 19 html[dir='rtl'] #main { |
| 19 background-position-x: 100%; | 20 background-position-x: 100%; |
| 20 } | 21 } |
| 21 | 22 |
| 22 html[anim='false'] *, | 23 html[anim='false'] *, |
| 23 .no-anim, .no-anim *, | 24 .no-anim, .no-anim *, |
| 24 .loading * { | 25 .loading * { |
| (...skipping 436 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 461 width: auto; | 462 width: auto; |
| 462 max-width: 300px; | 463 max-width: 300px; |
| 463 } | 464 } |
| 464 | 465 |
| 465 .hbox { | 466 .hbox { |
| 466 display: -webkit-box; | 467 display: -webkit-box; |
| 467 -webkit-box-orient: horizontal; | 468 -webkit-box-orient: horizontal; |
| 468 } | 469 } |
| 469 | 470 |
| 470 #recently-closed { | 471 #recently-closed { |
| 471 -webkit-transition: opacity .15s; | |
| 472 background-color: hsla(213, 60%, 92%, .4); | 472 background-color: hsla(213, 60%, 92%, .4); |
| 473 border: 1px solid hsl(213, 60%, 92%); | 473 border: 1px solid hsl(213, 60%, 92%); |
| 474 -webkit-border-radius: 5px; | 474 -webkit-border-radius: 5px; |
| 475 padding: 5px 0px; | 475 padding: 5px 0px; |
| 476 white-space: nowrap; | 476 white-space: nowrap; |
| 477 overflow-x: hidden; | 477 overflow-x: hidden; |
| 478 } | 478 } |
| 479 | 479 |
| 480 #recently-closed > * { | 480 #recently-closed > * { |
| 481 display: inline-block; | 481 display: inline-block; |
| (...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 676 .list > .thumbnail-container { | 676 .list > .thumbnail-container { |
| 677 max-width: 920px; | 677 max-width: 920px; |
| 678 } | 678 } |
| 679 | 679 |
| 680 /* tip line */ | 680 /* tip line */ |
| 681 #tip-line { | 681 #tip-line { |
| 682 margin: 10px 0; | 682 margin: 10px 0; |
| 683 text-align: center; | 683 text-align: center; |
| 684 } | 684 } |
| 685 | 685 |
| 686 #attribution { |
| 687 margin: 10px 0; |
| 688 } |
| 689 |
| 686 #themes-promo { | 690 #themes-promo { |
| 687 position: absolute; | 691 position: absolute; |
| 688 bottom: 0px; | 692 bottom: 0px; |
| 689 right: 0px; | 693 right: 0px; |
| 690 } | 694 } |
| 691 | 695 |
| 692 #themes-promo * { | 696 #themes-promo * { |
| 693 display: block; | 697 display: block; |
| 694 } | 698 } |
| 695 | 699 |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 730 } | 734 } |
| 731 | 735 |
| 732 #notification > * { | 736 #notification > * { |
| 733 max-width: 300px; | 737 max-width: 300px; |
| 734 } | 738 } |
| 735 | 739 |
| 736 #notification > span > .blacklist-title { | 740 #notification > span > .blacklist-title { |
| 737 max-width: 15ex; | 741 max-width: 15ex; |
| 738 } | 742 } |
| 739 } | 743 } |
| OLD | NEW |