| 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 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 180 .edit-bar > .remove:active { | 180 .edit-bar > .remove:active { |
| 181 background-image: url(chrome://theme/newtab_close_p); | 181 background-image: url(chrome://theme/newtab_close_p); |
| 182 } | 182 } |
| 183 | 183 |
| 184 :link, | 184 :link, |
| 185 :visited, | 185 :visited, |
| 186 .link { | 186 .link { |
| 187 cursor: pointer; | 187 cursor: pointer; |
| 188 text-decoration: underline; | 188 text-decoration: underline; |
| 189 color: hsl(213, 90%, 24%); | 189 color: hsl(213, 90%, 24%); |
| 190 -webkit-appearance: none; |
| 191 border: 0; |
| 192 background: none; |
| 190 } | 193 } |
| 191 | 194 |
| 192 .thumbnail-container { | 195 .thumbnail-container { |
| 193 text-decoration: none; | 196 text-decoration: none; |
| 194 } | 197 } |
| 195 | 198 |
| 196 .thumbnail-container > .title { | 199 .thumbnail-container > .title { |
| 197 line-height: 16px; | 200 line-height: 16px; |
| 198 height: 16px; | 201 height: 16px; |
| 199 margin: 0; | 202 margin: 0; |
| (...skipping 284 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 484 padding: 0; | 487 padding: 0; |
| 485 } | 488 } |
| 486 | 489 |
| 487 .nav > a:after { | 490 .nav > a:after { |
| 488 content: '\00bb'; /* raque gets flipped automatically in rtl */ | 491 content: '\00bb'; /* raque gets flipped automatically in rtl */ |
| 489 font-size: 115%; | 492 font-size: 115%; |
| 490 -webkit-padding-start: 2px; | 493 -webkit-padding-start: 2px; |
| 491 } | 494 } |
| 492 | 495 |
| 493 #sync-status { | 496 #sync-status { |
| 494 -webkit-transition: height .15s, opacity .15s; | 497 display: none; |
| 495 background-color: hsla(213, 60%, 92%, .4); | |
| 496 border: 1px solid hsl(213, 60%, 92%); | |
| 497 -webkit-border-radius: 6px; | 498 -webkit-border-radius: 6px; |
| 498 padding: 5px 0; | 499 padding: 5px 0; |
| 499 margin: 10px 0; | 500 margin: 10px 0; |
| 500 white-space: nowrap; | 501 white-space: nowrap; |
| 501 opacity: 0; | |
| 502 overflow-x: hidden; | 502 overflow-x: hidden; |
| 503 } | 503 } |
| 504 | 504 |
| 505 #sync-status > * { | 505 #sync-status > * { |
| 506 display: inline-block; | 506 display: inline-block; |
| 507 max-width: none; | 507 max-width: none; |
| 508 white-space: nowrap; | 508 white-space: nowrap; |
| 509 overflow: hidden; | 509 overflow: hidden; |
| 510 text-overflow: ellipsis; | 510 text-overflow: ellipsis; |
| 511 font-size: 100%; | 511 font-size: 100%; |
| 512 margin: 0 10px; | 512 margin: 0 10px; |
| 513 } | 513 } |
| 514 | 514 |
| 515 /* TODO(rahulk): The following two classes control the looks of Make this my | |
| 516 homepage link and need to be refined. */ | |
| 517 #set-as-homepage { | 515 #set-as-homepage { |
| 518 -webkit-transition: height .15s, opacity .15s; | 516 display: none; |
| 519 padding: 5px 0; | |
| 520 margin: 10px 0; | 517 margin: 10px 0; |
| 521 white-space: nowrap; | |
| 522 opacity: 0; | |
| 523 overflow-x: hidden; | |
| 524 text-align: center; | |
| 525 } | |
| 526 | |
| 527 #set-as-homepage > * { | |
| 528 display: inline-block; | |
| 529 max-width: none; | |
| 530 white-space: nowrap; | |
| 531 overflow: hidden; | |
| 532 text-overflow: ellipsis; | |
| 533 font-size: 100%; | |
| 534 margin: 0 10px; | |
| 535 text-align: center; | 518 text-align: center; |
| 536 } | 519 } |
| 537 | 520 |
| 538 #view-toolbar { | 521 #view-toolbar { |
| 539 -webkit-user-select: none; | 522 -webkit-user-select: none; |
| 540 text-align: right; | 523 text-align: right; |
| 541 position: relative; | 524 position: relative; |
| 542 top: 15px; | 525 top: 15px; |
| 543 } | 526 } |
| 544 | 527 |
| (...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 700 html[dir='rtl'] #t4 { | 683 html[dir='rtl'] #t4 { |
| 701 left: 705px; | 684 left: 705px; |
| 702 } | 685 } |
| 703 | 686 |
| 704 #t4, #t5, #t6, #t7 { | 687 #t4, #t5, #t6, #t7 { |
| 705 top: 183px; | 688 top: 183px; |
| 706 } | 689 } |
| 707 | 690 |
| 708 /* tip line */ | 691 /* tip line */ |
| 709 #tip-line { | 692 #tip-line { |
| 710 margin-top: 40px; | 693 margin: 10px 0; |
| 711 margin-bottom: 10px; | |
| 712 text-align: center; | 694 text-align: center; |
| 713 } | 695 } |
| 714 | 696 |
| 715 /* small */ | 697 /* small */ |
| 716 | 698 |
| 717 @media (max-width: 920px) { | 699 @media (max-width: 920px) { |
| 718 | 700 |
| 719 #main { | 701 #main { |
| 720 width: 692px; | 702 width: 692px; |
| 721 } | 703 } |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 767 #t3, #t7, | 749 #t3, #t7, |
| 768 html[dir='rtl'] #t0, | 750 html[dir='rtl'] #t0, |
| 769 html[dir='rtl'] #t4 { | 751 html[dir='rtl'] #t4 { |
| 770 left: 534px; | 752 left: 534px; |
| 771 } | 753 } |
| 772 | 754 |
| 773 #t4, #t5, #t6, #t7 { | 755 #t4, #t5, #t6, #t7 { |
| 774 top: 147px; | 756 top: 147px; |
| 775 } | 757 } |
| 776 } | 758 } |
| OLD | NEW |