Side by Side Diff: static/css/index.css
Issue 29727563:
Fixes #35 - Progressively enhance install button with appropriate links and text (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments #10
Created April 6, 2018, 1:21 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« includes/index.tmpl ('K')
|
« includes/index.tmpl ('k')
|
static/js/index.js » ('j')
|
static/js/index.js » ('J')
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;} | |
| 8 .maxthon .maxthon-only {display: block;} | |
| 9 | 7 |
| 10 /****************************************************************************** | 8 /****************************************************************************** |
| 11 * Browser-based styles | 9 * Browser-based styles |
| 12 *****************************************************************************/ | 10 *****************************************************************************/ |
| 13 | 11 |
| 12 .show-on-chrome { display: none; } | |
| 13 .chrome .show-on-chrome { display: inherit; } | |
| 14 .chrome .hide-on-chrome { display: none; } | |
| 15 | |
| 16 .show-on-opera { display: none; } | |
| 17 .opera .show-on-opera { display: inherit; } | |
| 18 .opera .hide-on-opera { display: none; } | |
| 19 | |
| 20 .show-on-samsungBrowser { display: none; } | |
| 21 .samsungBrowser .show-on-samsungBrowser { display: inherit; } | |
| 22 .samsungBrowser .hide-on-samsungBrowser { display: none; } | |
| 23 | |
| 24 .show-on-yandexbrowser { display: none; } | |
| 25 .yandexbrowser .show-on-yandexbrowser { display: inherit; } | |
| 26 .yandexbrowser .hide-on-yandexbrowser { display: none; } | |
| 27 | |
| 28 .show-on-maxthon { display: none; } | |
| 29 .maxthon .show-on-maxthon { display: inherit; } | |
| 30 .maxthon .hide-on-maxthon { display: none; } | |
| 31 | |
| 14 .show-on-msie { display: none; } | 32 .show-on-msie { display: none; } |
| 15 .msie .show-on-msie { display: block; } | 33 .msie .show-on-msie { display: inherit; } |
| 16 .msie .hide-on-msie { display: none; } | 34 .msie .hide-on-msie { display: none; } |
| 17 | 35 |
| 36 .show-on-msedge { display: none; } | |
| 37 .msedge .show-on-msedge { display: inherit; } | |
| 38 .msedge .hide-on-msedge { display: none; } | |
| 39 | |
| 40 .show-on-firefox { display: none; } | |
| 41 .firefox .show-on-firefox { display: inherit; } | |
| 42 .firefox .hide-on-firefox { display: none; } | |
| 43 | |
| 44 .show-on-ios { display: none; } | |
| 45 .ios .show-on-ios { display: inherit; } | |
| 46 .ios .hide-on-ios { display: none; } | |
| 47 | |
| 48 .show-on-safari { display: none; } | |
| 49 .safari .show-on-safari { display: inherit; } | |
| 50 .safari .hide-on-safari { display: none; } | |
| 51 | |
| 18 /****************************************************************************** | 52 /****************************************************************************** |
| 19 * #hero-download | 53 * #hero-download |
| 20 *****************************************************************************/ | 54 *****************************************************************************/ |
| 21 | 55 |
| 22 #hero-download | 56 #hero-download |
| 23 { | 57 { |
| 24 padding: 3em 1em; | 58 padding: 3em 1em; |
| 25 } | 59 } |
| 26 | 60 |
| 27 @media (min-width: 576px) and (max-width: 1023px) | 61 @media (min-width: 576px) and (max-width: 1023px) |
| (...skipping 309 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 337 * #footnote | 371 * #footnote |
| 338 *****************************************************************************/ | 372 *****************************************************************************/ |
| 339 | 373 |
| 340 #footnote | 374 #footnote |
| 341 { | 375 { |
| 342 padding-top: 3em; | 376 padding-top: 3em; |
| 343 padding-bottom: 2em; | 377 padding-bottom: 2em; |
| 344 font-size: 13px; | 378 font-size: 13px; |
| 345 color: #7d7d7d; | 379 color: #7d7d7d; |
| 346 } | 380 } |
| OLD | NEW |
« includes/index.tmpl ('K')
|
« includes/index.tmpl ('k')
|
static/js/index.js » ('j')
|
static/js/index.js » ('J')
