Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/main.css

Issue 29722640: Fixes #22 - Add download page (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments #3 Created March 15, 2018, 9:30 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 body 1 body
2 { 2 {
3 font-family: "Source Sans Pro", Arial, sans-serif; 3 font-family: "Source Sans Pro", Arial, sans-serif;
4 margin: 0; 4 margin: 0;
5 /* Start below fixed navbar */ 5 /* Start below fixed navbar */
6 padding-top: 4em; 6 padding-top: 4em;
7 line-height: 1.5; 7 line-height: 1.5;
8 } 8 }
9 9
10 #content, 10 #content,
(...skipping 774 matching lines...) Expand 10 before | Expand all | Expand 10 after
785 left: 50%; 785 left: 50%;
786 width: 80px; 786 width: 80px;
787 margin-top: -60px; 787 margin-top: -60px;
788 margin-left: -40px; 788 margin-left: -40px;
789 } 789 }
790 790
791 .hide-disclaimer .video-play 791 .hide-disclaimer .video-play
792 { 792 {
793 margin-top: -40px; 793 margin-top: -40px;
794 } 794 }
795
796 /******************************************************************************
797 * .item-group
798 *****************************************************************************/
799
800 .item-group
801 {
802 text-align: center;
803 padding-top: 3em;
804 padding-bottom: 3em;
805 }
806
807 .item-group img
808 {
809 height: 5em;
810 width: auto;
811 }
812
813 .item-group h2
814 {
815 text-transform: uppercase;
816 }
817
818 @media (max-width: 575px)
819 {
820 .item-group .column
821 {
822 margin-bottom: 3em;
823 }
824
825 .item-group .column:last-of-type
826 {
827 margin-bottom: 0;
828 }
829 }
830
831 @media (min-width: 576px) and (max-width: 1023px)
832 {
833 .item-group
834 {
835 text-align: left;
836 }
837
838 [dir="rtl"] .item-group
839 {
840 text-align: right;
841 }
842
843 .item-group .column
844 {
845 position: relative;
846 width: auto;
847 padding: 0 3em 2em 10.5em;
848 min-height: 7em; /* Height of image plus 2em bottom padding */
849 }
850
851 [dir="rtl"] .item-group .column
852 {
853 padding: 0 10.5em 2em 3em;
854 }
855
856 .item-group .column:last-of-type
857 {
858 padding-bottom: 0;
859 min-height: 6em; /* Height of image */
860 }
861
862 .item-group img
863 {
864 position: absolute;
865 left: 3em;
866 top: 0.5em;
867 }
868
869 [dir="rtl"] .item-group img
870 {
871 left: auto;
872 right: 3em;
873 }
874
875 .item-group h2
876 {
877 margin: 0;
878 }
879 }
880
881 /* Horizontal List
882 ******************************************************************************/
883
884 .horizontal-list
885 {
886 display: inline;
887 list-style: none;
888 }
889
890 .horizontal-list,
891 .content .horizontal-list
892 {
893 padding: 0;
894 }
895
896 .horizontal-list li
897 {
898 display: inline;
899 list-style: none;
900 }
OLDNEW
« pages/download.tmpl ('K') | « static/css/index.css ('k') | static/img/abb-icon.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld