Side by Side Diff: static/css/main-desktop.css
Issue 29558641:
Issue 5740 - Implemented new abp.org footer styles (Closed)
Base URL: https://bitbucket.org/adblockplus/adblockplus.org
Patch Set: Rebased on top of #5742
Created Oct. 5, 2017, 3:35 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« static/css/main.css ('K')
|
« static/css/main.css ('k')
|
static/css/main-mobile.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 html | 1 html |
| 2 { | 2 { |
| 3 position: relative; | 3 position: relative; |
| 4 min-height: 100%; | 4 min-height: 100%; |
| 5 } | 5 } |
| 6 | 6 |
| 7 header, #footer-content | |
| 8 { | |
| 9 margin-left: auto; | |
| 10 margin-right: auto; | |
| 11 } | |
| 12 | |
| 13 header | 7 header |
| 14 { | 8 { |
| 15 width: 1000px; | 9 width: 1000px; |
| 16 border-radius: 0 0 5px 5px; | 10 border-radius: 0 0 5px 5px; |
| 11 margin-left: auto; | |
| 12 margin-right: auto; | |
| 13 | |
| 17 } | 14 } |
| 18 | 15 |
| 19 header nav | 16 header nav |
| 20 { | 17 { |
| 21 padding: 40px 12px 10px 140px; | 18 padding: 40px 12px 10px 140px; |
| 22 line-height: 1; | 19 line-height: 1; |
| 23 } | 20 } |
| 24 | 21 |
| 25 html[dir="rtl"] header nav | 22 html[dir="rtl"] header nav |
| 26 { | 23 { |
| (...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 137 left: 10px; | 134 left: 10px; |
| 138 right: auto; | 135 right: auto; |
| 139 } | 136 } |
| 140 | 137 |
| 141 html[dir="rtl"] #logo | 138 html[dir="rtl"] #logo |
| 142 { | 139 { |
| 143 right: 25px; | 140 right: 25px; |
| 144 left: auto; | 141 left: auto; |
| 145 } | 142 } |
| 146 | 143 |
| 147 #footer-content | |
| 148 { | |
| 149 margin-top: 15px; | |
| 150 padding-left: 10px; | |
| 151 padding-right: 10px; | |
| 152 } | |
| 153 | |
| 154 #content | 144 #content |
| 155 { | 145 { |
| 156 margin-top: 71px; | 146 margin-top: 71px; |
| 157 margin-bottom: 280px; | |
| 158 } | |
| 159 | |
| 160 #footer-main | |
| 161 { | |
| 162 position: absolute; | |
| 163 left: 0; | |
| 164 right: auto; | |
| 165 bottom: 0; | |
| 166 width: 100%; | |
| 167 height: 220px; | |
| 168 | |
| 169 /* Disable the sticky footer in IE6/7 */ | |
| 170 .position: relative; | |
| 171 .bottom: 220px; | |
| 172 } | |
| 173 | |
| 174 html[dir="rtl"] #footer-main | |
| 175 { | |
| 176 right: 0; | |
| 177 left: auto; | |
| 178 } | |
| 179 | |
| 180 #footer-main nav | |
| 181 { | |
| 182 width: 600px; | |
| 183 } | |
| 184 | |
| 185 #footer-main nav h1, #footer-main nav li | |
| 186 { | |
| 187 width: 160px; | |
| 188 padding-bottom: 5px; | |
| 189 } | |
| 190 | |
| 191 #footer-main nav, #footer-main nav section, #social | |
| 192 { | |
| 193 display: inline-block; | |
| 194 vertical-align: top; | |
| 195 } | |
| 196 | |
| 197 #footer-main nav section | |
| 198 { | |
| 199 margin-left: 55px; | |
| 200 margin-right: 0; | |
| 201 } | |
| 202 | |
| 203 html[dir="rtl"] #footer-main nav section | |
| 204 { | |
| 205 margin-right: 55px; | |
| 206 margin-left: 0; | |
| 207 } | |
| 208 | |
| 209 html #footer-main nav section.first | |
| 210 { | |
| 211 margin-left: 0; | |
| 212 margin-right: 0; | |
| 213 } | |
| 214 | |
| 215 #footer-content | |
| 216 { | |
| 217 position: relative; | |
| 218 width: 980px; | |
| 219 } | 147 } |
| 220 | 148 |
| 221 #social | 149 #social |
| 222 { | 150 { |
| 223 position: absolute; | 151 position: absolute; |
| 224 top: 0; | 152 top: 0; |
| 225 right: 0; | 153 right: 0; |
| 226 left: auto; | 154 left: auto; |
| 227 } | 155 } |
| 228 | 156 |
| (...skipping 24 matching lines...) Expand all Loading... | |
| 253 margin-left: -150px; | 181 margin-left: -150px; |
| 254 margin-right: -150px; | 182 margin-right: -150px; |
| 255 width: 980px; | 183 width: 980px; |
| 256 } | 184 } |
| 257 | 185 |
| 258 #globalnav | 186 #globalnav |
| 259 { | 187 { |
| 260 margin-top: 5px; | 188 margin-top: 5px; |
| 261 margin-bottom: 5px; | 189 margin-bottom: 5px; |
| 262 } | 190 } |
| OLD | NEW |
« static/css/main.css ('K')
|
« static/css/main.css ('k')
|
static/css/main-mobile.css » ('j')
|
no next file with comments »
