Side by Side Diff: static/css/index-desktop.css
Issue 29523574:
Issue 5522 - ABP.org: Fix ABP install button so that it doesn't cover body text which runs long and… (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set:
Created Aug. 22, 2017, 9:40 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
|
no next file »
|
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 #content | 1 #content |
| 2 { | 2 { |
| 3 width: 990px; | 3 width: 990px; |
| 4 margin-bottom: 290px; | 4 margin-bottom: 290px; |
| 5 padding-left: 0; | 5 padding-left: 0; |
| 6 padding-right: 0; | 6 padding-right: 0; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #content.ua-android, | 9 #content.ua-android, |
| 10 #content.ua-ios | 10 #content.ua-ios |
| 11 { | 11 { |
| 12 width: 1000px; | 12 width: 1000px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #main | 15 #main |
| 16 { | 16 { |
| 17 width: 426px; | 17 width: 426px; |
| 18 height: 307px; | 18 height: auto; |
| 19 position: relative; | 19 position: relative; |
| 20 float: right; | 20 float: right; |
| 21 margin-left: 0px; | 21 margin-left: 0px; |
| 22 margin-right: 3px; | 22 margin-right: 3px; |
| 23 margin-bottom: 4px; | 23 margin-bottom: 4px; |
| 24 } | 24 } |
| 25 | 25 |
| 26 html[dir="rtl"] #main | 26 html[dir="rtl"] #main |
| 27 { | 27 { |
| 28 float: left; | 28 float: left; |
| 29 margin-right: 0px; | 29 margin-right: 0px; |
| 30 margin-left: 8px; | 30 margin-left: 8px; |
| 31 } | 31 } |
| 32 | 32 |
| 33 #install .install-button, | |
| 34 #information-android, | 33 #information-android, |
| 35 h3.edge-message | 34 h3.edge-message |
| 36 { | 35 { |
| 37 position: absolute; | 36 position: absolute; |
| 38 } | 37 } |
| 39 | 38 |
| 40 #install .install-button, | |
| 41 h3.edge-message | 39 h3.edge-message |
| 42 { | 40 { |
| 43 bottom: 2px; | 41 bottom: 2px; |
| 44 left: 0; | 42 left: 0; |
| 45 width: 100%; | 43 width: 100%; |
| 46 } | 44 } |
| 47 | 45 |
| 48 h3.edge-message | 46 h3.edge-message |
| 49 { | 47 { |
| 50 margin: 0px; | 48 margin: 0px; |
| 51 } | 49 } |
| 52 | 50 |
| 51 #install .install-button | |
| 52 { | |
| 53 width: 100%; | |
| 54 } | |
| 55 | |
| 53 #install .install-button:active | 56 #install .install-button:active |
| 54 { | 57 { |
| 55 bottom: 0px; | 58 bottom: 0px; |
| 56 } | 59 } |
| 57 | 60 |
| 58 #other-platform | 61 #other-platform |
| 59 { | 62 { |
| 60 position: absolute; | 63 margin-top: 10px; |
| 61 top: 320px; | |
| 62 } | 64 } |
| 63 | 65 |
| 64 #other-platform > div | 66 #other-platform > div |
| 65 { | 67 { |
| 66 margin-bottom: 10px; | 68 margin-bottom: 10px; |
| 67 } | 69 } |
| 68 | 70 |
| 69 #content.edge #edge-teaser | 71 #content.edge #edge-teaser |
| 70 { | 72 { |
| 71 display: inline-block; | 73 display: inline-block; |
| 72 padding: 0px; | 74 padding: 0px; |
| 73 } | 75 } |
| 74 | 76 |
| 75 #information-android | 77 #information-android |
| 76 { | 78 { |
| 77 left: 2px; | 79 left: 2px; |
| 78 bottom: -25px; | 80 bottom: -25px; |
| 79 } | 81 } |
| 80 | 82 |
| 81 #messages-wrapper | 83 #messages-wrapper |
| 82 { | 84 { |
| 83 margin-top: 50px; | 85 margin-top: 20px; |
| 84 margin-bottom: 30px; | 86 margin-bottom: 30px; |
| 85 width: 100%; | 87 width: 100%; |
| 86 float: right; | 88 float: right; |
| 87 } | 89 } |
| 88 | 90 |
| 89 #messages-wrapper > div | 91 #messages-wrapper > div |
| 90 { | 92 { |
| 91 margin-top: 0px; | 93 margin-top: 0px; |
| 92 margin-bottom: 20px; | 94 margin-bottom: 20px; |
| 93 } | 95 } |
| 94 | 96 |
| 95 #content.edge #messages-wrapper | 97 #content.edge #messages-wrapper |
| 96 { | 98 { |
| 97 margin-top: 80px; | 99 margin-top: 80px; |
| 98 } | 100 } |
| 99 | 101 |
| 100 #key-facts | 102 #key-facts |
| 101 { | 103 { |
| 104 clear: both; | |
| 102 margin-top: 50px; | 105 margin-top: 50px; |
| 103 margin-left: 80px; | 106 margin-left: 80px; |
| 104 margin-right: 0px; | 107 margin-right: 0px; |
| 105 } | 108 } |
| 106 | 109 |
| 107 html[dir="rtl"] #key-facts | 110 html[dir="rtl"] #key-facts |
| 108 { | 111 { |
| 109 margin-right: 80px; | 112 margin-right: 80px; |
| 110 margin-left: 0px; | 113 margin-left: 0px; |
| 111 } | 114 } |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 184 | 187 |
| 185 #more-tabs #sidebar button | 188 #more-tabs #sidebar button |
| 186 { | 189 { |
| 187 display: block; | 190 display: block; |
| 188 } | 191 } |
| 189 | 192 |
| 190 .more-tab | 193 .more-tab |
| 191 { | 194 { |
| 192 width: 760px; | 195 width: 760px; |
| 193 } | 196 } |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
no next file »
|
no next file with comments »
