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 669 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
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 { | 686 #attribution { |
687 margin: 10px 0; | 687 margin: 10px 0; |
688 } | 688 } |
689 | 689 |
690 #themes-promo { | 690 /* promotions line */ |
691 #bottom-right-promo { | |
691 position: absolute; | 692 position: absolute; |
693 display: block; | |
arv (Not doing code reviews)
2009/11/16 17:47:48
Do you really need display block here?
Miranda Callahan
2009/11/16 22:10:54
No; removed.
| |
694 width: 180px; | |
695 height: 131px; | |
696 border: 0; | |
692 bottom: 0px; | 697 bottom: 0px; |
arv (Not doing code reviews)
2009/11/16 17:47:48
bottom: 0;
Don't use units for zero
Miranda Callahan
2009/11/16 22:10:54
Done.
| |
693 right: 0px; | 698 right: 0px; |
694 } | 699 } |
695 | 700 |
696 #themes-promo * { | 701 #footer { |
702 position: fixed; | |
703 bottom: 0px; | |
704 left: 0px; | |
705 text-align: center; | |
706 width: 100%; | |
697 display: block; | 707 display: block; |
arv (Not doing code reviews)
2009/11/16 17:47:48
Do you really need display block here?
Miranda Callahan
2009/11/16 22:10:54
No; removed.
| |
698 } | 708 } |
699 | 709 |
700 #themes-promo img { | 710 #promo-line { |
701 width: 150px; | 711 background-color: hsl(52, 100%, 80%); |
702 height: 180px; | 712 border: 1px solid rgb(211, 211, 211); |
703 border: 0; | 713 -webkit-border-radius: 6px; |
714 padding: 7px 10px; | |
715 white-space: nowrap; | |
716 display: inline-block; | |
717 color: black; | |
718 } | |
719 | |
720 #promo-line > * { | |
721 display: inline-block; | |
722 font-weight: bold; | |
723 text-overflow: ellipsis; | |
724 } | |
725 | |
726 #promo-line a { | |
727 color: rgb(6, 45, 117); | |
728 text-decoration: underline; | |
729 } | |
730 | |
731 #promo-new { | |
732 color: red; | |
733 } | |
734 | |
735 #promo-close { | |
736 display: inline-block; | |
737 border: 0px; | |
738 margin-left: 10px; | |
739 margin-right: auto; | |
740 vertical-align: middle; | |
741 width: 16px; | |
742 height: 16px; | |
743 background: no-repeat; | |
744 background-image: url(chrome://theme/close_bar); | |
745 } | |
746 | |
747 #promo-close:hover, | |
748 #promo-close:focus { | |
749 background-image: url(chrome://theme/close_bar_h); | |
750 } | |
751 | |
752 #promo-close:active { | |
753 background-image: url(chrome://theme/close_bar_p); | |
704 } | 754 } |
705 | 755 |
706 /* small */ | 756 /* small */ |
707 | 757 |
708 @media (max-width: 920px) { | 758 @media (max-width: 920px) { |
709 | 759 |
710 #main { | 760 #main { |
711 width: 692px; | 761 width: 692px; |
712 } | 762 } |
713 | 763 |
(...skipping 20 matching lines...) Expand all Loading... | |
734 } | 784 } |
735 | 785 |
736 #notification > * { | 786 #notification > * { |
737 max-width: 300px; | 787 max-width: 300px; |
738 } | 788 } |
739 | 789 |
740 #notification > span > .blacklist-title { | 790 #notification > span > .blacklist-title { |
741 max-width: 15ex; | 791 max-width: 15ex; |
742 } | 792 } |
743 } | 793 } |
OLD | NEW |