Unified 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.
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 »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/css/index.css |
| =================================================================== |
| --- a/static/css/index.css |
| +++ b/static/css/index.css |
| @@ -2,124 +2,69 @@ |
| * Temparary styles |
| *****************************************************************************/ |
| .avoid-wrap {display: inline-block;} |
| .small {font-size: smaller;} |
| .maxthon-only {display: none;} |
| .maxthon .maxthon-only {display: block;} |
| -#content, |
| -#blog |
| -{ |
| - padding-top: 9em; |
| -} |
| - |
| /****************************************************************************** |
| * #hero-download |
| *****************************************************************************/ |
| #hero-download |
| { |
| - padding: 3em 1em 3em 1em; |
| + padding-top: 2em; |
| + padding-bottom: 2em; |
| } |
| -#hero-download h1 .avoid-wrap |
| -{ |
| - display: inline; |
| -} |
| - |
| -@media (min-width: 576px) |
| +@media(min-width: 768px) |
| { |
| #hero-download |
| { |
| - padding-left: 3em; |
| - padding-right: 3em; |
| - } |
| - |
| - #hero-download h1 |
| - { |
| - font-size: 2.4em |
| - } |
| - |
| - #hero-download h1 .avoid-wrap |
| - { |
| - display: inline-block; |
| - } |
| - |
| - #hero-download h1 .avoid-wrap:first-of-type |
| - { |
| - display: block; |
| - } |
| -} |
| - |
| -@media(min-width: 1024px) |
| -{ |
| - #hero-download |
| - { |
| - padding: 6em 1em 5em 1em; |
| - } |
| -} |
| - |
| -@media (max-width: 1023.98px) |
| -{ |
| - #hero-download .column |
| - { |
| - width: 100%; |
| + padding-top: 6em; |
| + padding-bottom: 6em; |
| } |
| } |
| #hero-download h1 |
| { |
| - margin-top: 0; |
| line-height: 1.1; |
| } |
| #hero-download-tos |
| { |
| - display: block; |
| - margin-bottom: 0.5em; |
| + font-size: 10px; |
| } |
| #hero-download-button |
| { |
| display: block; |
| - padding-top: 0.8em; |
| - padding-bottom: 0.8em; |
| } |
| -#hero-download-button |
| -{ |
| - display: inline-block; |
| - min-width: 250px; |
| - width: 100; |
| -} |
| - |
| -@media (min-width: 576px) |
| +@media(min-width: 768px) |
| { |
| #hero-download-button |
| { |
| - width: auto; |
| + display: inline-block; |
| + min-width: 350px; |
| } |
| } |
| #hero-download-video |
| { |
| - border: none; |
| - box-shadow: none; |
| - margin-top: 1em; |
| - max-width: 600px; |
| + display: none; |
| } |
| -@media(min-width: 1024px) |
| +@media(min-width: 768px) |
| { |
| #hero-download-video |
| { |
| - max-width: none; |
| - margin-top: 0; |
| + display: block; |
| } |
| } |
| /****************************************************************************** |
| * #media |
| *****************************************************************************/ |
| #media-section { clear: both; } |
« no previous file with comments
|
« includes/hero-download.html ('k')
|
static/css/main.css » ('j')
|
no next file with comments »
