Side by Side Diff: static/css/main-desktop.css
Issue 29337807:
Issue 3097 - Refactored subscriptions list table on adblockplus.org/en/subscriptions (Closed)
Patch Set: Changed table into unordered list, refactored list markup, refactored main css and templates to support multiple footer elements
Created Feb. 27, 2016, 4:16 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, #content, #footer-content | 7 header, #content, #footer-content |
| 8 { | 8 { |
| 9 margin-left: auto; | 9 margin-left: auto; |
| 10 margin-right: auto; | 10 margin-right: auto; |
| (...skipping 203 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 214 padding-right: 10px; | 214 padding-right: 10px; |
| 215 } | 215 } |
| 216 | 216 |
| 217 #content | 217 #content |
| 218 { | 218 { |
| 219 width: 680px; | 219 width: 680px; |
| 220 margin-top: 71px; | 220 margin-top: 71px; |
| 221 margin-bottom: 280px; | 221 margin-bottom: 280px; |
| 222 } | 222 } |
| 223 | 223 |
| 224 footer | 224 .footer-main |
| 225 { | 225 { |
| 226 position: absolute; | 226 position: absolute; |
| 227 left: 0; | 227 left: 0; |
| 228 right: auto; | 228 right: auto; |
| 229 bottom: 0; | 229 bottom: 0; |
| 230 width: 100%; | 230 width: 100%; |
| 231 height: 220px; | 231 height: 220px; |
| 232 | 232 |
| 233 /* Disable the sticky footer in IE6/7 */ | 233 /* Disable the sticky footer in IE6/7 */ |
| 234 .position: relative; | 234 .position: relative; |
| 235 .bottom: 220px; | 235 .bottom: 220px; |
| 236 } | 236 } |
| 237 | 237 |
| 238 html[dir="rtl"] footer | 238 html[dir="rtl"] .footer-main |
| 239 { | 239 { |
| 240 right: 0; | 240 right: 0; |
| 241 left: auto; | 241 left: auto; |
| 242 } | 242 } |
| 243 | 243 |
| 244 footer nav | 244 .footer-main nav |
| 245 { | 245 { |
| 246 width: 600px; | 246 width: 600px; |
| 247 } | 247 } |
| 248 | 248 |
| 249 footer nav h1, footer nav li | 249 .footer-main nav h1, .footer-main nav li |
| 250 { | 250 { |
| 251 width: 160px; | 251 width: 160px; |
| 252 padding-bottom: 5px; | 252 padding-bottom: 5px; |
| 253 } | 253 } |
| 254 | 254 |
| 255 footer nav, footer nav section, #social | 255 .footer-main nav, .footer-main nav section, #social |
| 256 { | 256 { |
| 257 display: inline-block; | 257 display: inline-block; |
| 258 vertical-align: top; | 258 vertical-align: top; |
| 259 } | 259 } |
| 260 | 260 |
| 261 footer nav section | 261 .footer-main nav section |
| 262 { | 262 { |
| 263 margin-left: 55px; | 263 margin-left: 55px; |
| 264 margin-right: 0; | 264 margin-right: 0; |
| 265 } | 265 } |
| 266 | 266 |
| 267 html[dir="rtl"] footer nav section | 267 html[dir="rtl"] .footer-main nav section |
| 268 { | 268 { |
| 269 margin-right: 55px; | 269 margin-right: 55px; |
| 270 margin-left: 0; | 270 margin-left: 0; |
| 271 } | 271 } |
| 272 | 272 |
| 273 html footer nav section.first | 273 html .footer-main nav section.first |
| 274 { | 274 { |
| 275 margin-left: 0; | 275 margin-left: 0; |
| 276 margin-right: 0; | 276 margin-right: 0; |
| 277 } | 277 } |
| 278 | 278 |
| 279 #footer-content | 279 #footer-content |
| 280 { | 280 { |
| 281 position: relative; | 281 position: relative; |
| 282 width: 980px; | 282 width: 980px; |
| 283 } | 283 } |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 317 margin-left: -150px; | 317 margin-left: -150px; |
| 318 margin-right: -150px; | 318 margin-right: -150px; |
| 319 width: 980px; | 319 width: 980px; |
| 320 } | 320 } |
| 321 | 321 |
| 322 #globalnav | 322 #globalnav |
| 323 { | 323 { |
| 324 margin-top: 5px; | 324 margin-top: 5px; |
| 325 margin-bottom: 5px; | 325 margin-bottom: 5px; |
| 326 } | 326 } |
| OLD | NEW |
« static/css/main.css ('K')
|
« static/css/main.css ('k')
|
static/css/main-mobile.css » ('j')
|
no next file with comments »
