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 { |
(...skipping 522 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
533 #lower-sections { | 533 #lower-sections { |
534 position: relative; | 534 position: relative; |
535 overflow: hidden; | 535 overflow: hidden; |
536 -webkit-transition: height .5s, width .5s, opacity .5s; | 536 -webkit-transition: height .5s, width .5s, opacity .5s; |
537 white-space: nowrap; | 537 white-space: nowrap; |
538 } | 538 } |
539 | 539 |
540 #lower-sections .section { | 540 #lower-sections .section { |
541 -webkit-transition: width .5s, opacity .5s, left .5s; | 541 -webkit-transition: width .5s, opacity .5s, left .5s; |
542 -webkit-box-sizing: border-box; | 542 -webkit-box-sizing: border-box; |
| 543 width: 460px; /* Set default size so we don't have to do a js layout at |
| 544 load */ |
| 545 } |
| 546 |
| 547 .small #lower-sections .section { |
| 548 width: 336px; /* Same here, see above */ |
543 } | 549 } |
544 | 550 |
545 #lower-sections .spacer { | 551 #lower-sections .spacer { |
546 width: 20px; | 552 width: 20px; |
547 -webkit-transition: width .5s; | 553 -webkit-transition: width .5s; |
548 display: inline-block; | 554 display: inline-block; |
549 } | 555 } |
550 | 556 |
551 .loading * { | |
552 -webkit-transition: none; | |
553 } | |
554 | |
555 #thumb-checkbox { | 557 #thumb-checkbox { |
556 background-image: url(chrome://theme/newtab_thumb_off); | 558 background-image: url(chrome://theme/newtab_thumb_off); |
557 } | 559 } |
558 | 560 |
559 #thumb-checkbox:hover { | 561 #thumb-checkbox:hover { |
560 background-image: url(chrome://theme/newtab_thumb_off_h); | 562 background-image: url(chrome://theme/newtab_thumb_off_h); |
561 } | 563 } |
562 | 564 |
563 #thumb-checkbox:active { | 565 #thumb-checkbox:active { |
564 background-image: url(chrome://theme/newtab_thumb_off_p); | 566 background-image: url(chrome://theme/newtab_thumb_off_p); |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
633 #option-menu > div { | 635 #option-menu > div { |
634 padding: 3px 8px; | 636 padding: 3px 8px; |
635 overflow: hidden; | 637 overflow: hidden; |
636 text-overflow: ellipsis; | 638 text-overflow: ellipsis; |
637 } | 639 } |
638 | 640 |
639 #option-menu > [selected] { | 641 #option-menu > [selected] { |
640 background-color: hsla(213, 66%, 57%, 1); | 642 background-color: hsla(213, 66%, 57%, 1); |
641 color: white; | 643 color: white; |
642 } | 644 } |
OLD | NEW |