| 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 |