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.
« pages/download.tmpl ('K')
|
« static/css/index.css ('k')
|
static/img/abb-icon.png » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 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 Loading... | |
| 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 } | |
| OLD | NEW |
« pages/download.tmpl ('K')
|
« static/css/index.css ('k')
|
static/img/abb-icon.png » ('j')
|
no next file with comments »
