Side by Side Diff: includes/index/style.html
Issue 29673627:
Issue 4797 - Separate white box and text from eyeo.com homepage banner (Closed)
Base URL: https://hg.adblockplus.org/web.eyeo.com
Patch Set: Change images to jpg
Created Jan. 25, 2018, 11:53 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
pages/index.tmpl » ('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 <style> | 1 <style> |
| 2 | 2 |
| 3 #media | 3 #media |
| 4 { | 4 { |
| 5 text-align: center; | 5 text-align: center; |
| 6 } | 6 } |
| 7 | 7 |
| 8 #media-links | 8 #media-links |
| 9 { | 9 { |
| 10 list-style: none; | 10 list-style: none; |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 67 } | 67 } |
| 68 | 68 |
| 69 @media (min-width: 930px) | 69 @media (min-width: 930px) |
| 70 { | 70 { |
| 71 #media small | 71 #media small |
| 72 { | 72 { |
| 73 display: none; | 73 display: none; |
| 74 } | 74 } |
| 75 } | 75 } |
| 76 | 76 |
| 77 #home-image-container div | |
| 78 { | |
| 79 position: relative; | |
| 80 max-width: 1080px; | |
| 81 margin: 0 auto; | |
| 82 } | |
| 83 | |
| 84 #home-image-container p | |
| 85 { | |
| 86 position: absolute; | |
| 87 right: 0; | |
| 88 bottom: 0; | |
| 89 width: 100%; | |
| 90 padding: 10px; | |
| 91 background-color: #fff; | |
| 92 text-transform: uppercase; | |
| 93 font-size: 18px; | |
| 94 box-sizing: border-box; | |
| 95 } | |
| 96 | |
| 97 @media (min-width: 350px) | |
| 98 { | |
| 99 #home-image-container p | |
| 100 { | |
| 101 width: 80%; | |
| 102 } | |
| 103 } | |
| 104 | |
| 105 @media (min-width: 450px) | |
| 106 { | |
| 107 #home-image-container p | |
| 108 { | |
| 109 width: 60%; | |
| 110 font-size: 20px; | |
| 111 } | |
| 112 } | |
| 113 | |
| 114 @media (min-width: 767px) | |
| 115 { | |
| 116 #home-image-container p | |
| 117 { | |
| 118 padding: 15px; | |
| 119 width: 40%; | |
| 120 font-size: 22px; | |
| 121 } | |
| 122 } | |
| 123 | |
| 77 </style> | 124 </style> |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
pages/index.tmpl » ('j')
|
no next file with comments »
