Side by Side Diff: static/css/index.css
Issue 29720633:
Noissue - Added .body-container to provide padding-top for body content and avoid navbar overlap (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set:
Created March 12, 2018, 5 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« includes/hero-download.html ('k')
|
static/css/main.css » ('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 /****************************************************************************** | 1 /****************************************************************************** |
| 2 * Temparary styles | 2 * Temparary styles |
| 3 *****************************************************************************/ | 3 *****************************************************************************/ |
| 4 | 4 |
| 5 .avoid-wrap {display: inline-block;} | 5 .avoid-wrap {display: inline-block;} |
| 6 .small {font-size: smaller;} | 6 .small {font-size: smaller;} |
| 7 .maxthon-only {display: none;} | 7 .maxthon-only {display: none;} |
| 8 .maxthon .maxthon-only {display: block;} | 8 .maxthon .maxthon-only {display: block;} |
| 9 | 9 |
| 10 #content, | |
| 11 #blog | |
| 12 { | |
| 13 padding-top: 9em; | |
| 14 } | |
| 15 | |
| 16 /****************************************************************************** | 10 /****************************************************************************** |
| 17 * #hero-download | 11 * #hero-download |
| 18 *****************************************************************************/ | 12 *****************************************************************************/ |
| 19 | 13 |
| 20 #hero-download | 14 #hero-download |
| 21 { | 15 { |
| 22 padding: 3em 1em 3em 1em; | 16 padding-top: 2em; |
| 17 padding-bottom: 2em; | |
| 23 } | 18 } |
| 24 | 19 |
| 25 #hero-download h1 .avoid-wrap | 20 @media(min-width: 768px) |
| 26 { | |
| 27 display: inline; | |
| 28 } | |
| 29 | |
| 30 @media (min-width: 576px) | |
| 31 { | 21 { |
| 32 #hero-download | 22 #hero-download |
| 33 { | 23 { |
| 34 padding-left: 3em; | 24 padding-top: 6em; |
| 35 padding-right: 3em; | 25 padding-bottom: 6em; |
| 36 } | |
| 37 | |
| 38 #hero-download h1 | |
| 39 { | |
| 40 font-size: 2.4em | |
| 41 } | |
| 42 | |
| 43 #hero-download h1 .avoid-wrap | |
| 44 { | |
| 45 display: inline-block; | |
| 46 } | |
| 47 | |
| 48 #hero-download h1 .avoid-wrap:first-of-type | |
| 49 { | |
| 50 display: block; | |
| 51 } | |
| 52 } | |
| 53 | |
| 54 @media(min-width: 1024px) | |
| 55 { | |
| 56 #hero-download | |
| 57 { | |
| 58 padding: 6em 1em 5em 1em; | |
| 59 } | |
| 60 } | |
| 61 | |
| 62 @media (max-width: 1023.98px) | |
| 63 { | |
| 64 #hero-download .column | |
| 65 { | |
| 66 width: 100%; | |
| 67 } | 26 } |
| 68 } | 27 } |
| 69 | 28 |
| 70 #hero-download h1 | 29 #hero-download h1 |
| 71 { | 30 { |
| 72 margin-top: 0; | |
| 73 line-height: 1.1; | 31 line-height: 1.1; |
| 74 } | 32 } |
| 75 | 33 |
| 76 #hero-download-tos | 34 #hero-download-tos |
| 77 { | 35 { |
| 78 display: block; | 36 font-size: 10px; |
| 79 margin-bottom: 0.5em; | |
| 80 } | 37 } |
| 81 | 38 |
| 82 #hero-download-button | 39 #hero-download-button |
| 83 { | 40 { |
| 84 display: block; | 41 display: block; |
| 85 padding-top: 0.8em; | |
| 86 padding-bottom: 0.8em; | |
| 87 } | 42 } |
| 88 | 43 |
| 89 #hero-download-button | 44 @media(min-width: 768px) |
| 90 { | |
| 91 display: inline-block; | |
| 92 min-width: 250px; | |
| 93 width: 100; | |
| 94 } | |
| 95 | |
| 96 @media (min-width: 576px) | |
| 97 { | 45 { |
| 98 #hero-download-button | 46 #hero-download-button |
| 99 { | 47 { |
| 100 width: auto; | 48 display: inline-block; |
| 49 min-width: 350px; | |
| 101 } | 50 } |
| 102 } | 51 } |
| 103 | 52 |
| 104 #hero-download-video | 53 #hero-download-video |
| 105 { | 54 { |
| 106 border: none; | 55 display: none; |
| 107 box-shadow: none; | |
| 108 margin-top: 1em; | |
| 109 max-width: 600px; | |
| 110 } | 56 } |
| 111 | 57 |
| 112 @media(min-width: 1024px) | 58 @media(min-width: 768px) |
| 113 { | 59 { |
| 114 #hero-download-video | 60 #hero-download-video |
| 115 { | 61 { |
| 116 max-width: none; | 62 display: block; |
| 117 margin-top: 0; | |
| 118 } | 63 } |
| 119 } | 64 } |
| 120 | 65 |
| 121 /****************************************************************************** | 66 /****************************************************************************** |
| 122 * #media | 67 * #media |
| 123 *****************************************************************************/ | 68 *****************************************************************************/ |
| 124 | 69 |
| 125 #media-section { clear: both; } | 70 #media-section { clear: both; } |
| 126 | 71 |
| 127 #media-header h2, | 72 #media-header h2, |
| (...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 311 padding: 0px 30px; | 256 padding: 0px 30px; |
| 312 } | 257 } |
| 313 | 258 |
| 314 @media(max-width: 767px) | 259 @media(max-width: 767px) |
| 315 { | 260 { |
| 316 #footnote | 261 #footnote |
| 317 { | 262 { |
| 318 padding: 0px 20px; | 263 padding: 0px 20px; |
| 319 } | 264 } |
| 320 } | 265 } |
| OLD | NEW |
« no previous file with comments
|
« includes/hero-download.html ('k')
|
static/css/main.css » ('j')
|
no next file with comments »
