Side by Side Diff: static/css/index.css
Issue 29721780:
Fixes #33 - Adjustments to features section of index page (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed #5
Created March 14, 2018, 1:54 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« includes/features.html ('k')
|
static/css/main.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 /****************************************************************************** | 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;} | 7 .maxthon-only {display: none;} |
| 8 .maxthon .maxthon-only {display: block;} | 8 .maxthon .maxthon-only {display: block;} |
| 9 | 9 |
| 10 #content, | 10 #content, |
| (...skipping 181 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 192 vertical-align: middle; | 192 vertical-align: middle; |
| 193 } | 193 } |
| 194 | 194 |
| 195 #media-list img | 195 #media-list img |
| 196 { | 196 { |
| 197 margin: 0 2em; | 197 margin: 0 2em; |
| 198 } | 198 } |
| 199 } | 199 } |
| 200 | 200 |
| 201 /****************************************************************************** | 201 /****************************************************************************** |
| 202 * #features | |
| 203 *****************************************************************************/ | |
| 204 | |
| 205 #features | |
| 206 { | |
| 207 text-align: center; | |
| 208 padding-top: 3em; | |
| 209 padding-bottom: 3em; | |
| 210 } | |
| 211 | |
| 212 #features h2 | |
| 213 { | |
| 214 text-transform: uppercase; | |
| 215 } | |
| 216 | |
| 217 @media (max-width: 575px) | |
| 218 { | |
| 219 #features .column | |
| 220 { | |
| 221 margin-bottom: 3em; | |
| 222 } | |
| 223 | |
| 224 #features .column:last-of-type | |
| 225 { | |
| 226 margin-bottom: 0; | |
| 227 } | |
| 228 } | |
| 229 | |
| 230 @media (min-width: 576px) and (max-width: 1023px) | |
| 231 { | |
| 232 #features | |
| 233 { | |
| 234 text-align: left; | |
| 235 } | |
| 236 | |
| 237 [dir="rtl"] #features | |
| 238 { | |
| 239 text-align: right; | |
| 240 } | |
| 241 | |
| 242 #features .column | |
| 243 { | |
| 244 position: relative; | |
| 245 width: auto; | |
| 246 padding: 0 3em 2em 10.5em; | |
| 247 } | |
| 248 | |
| 249 [dir="rtl"] #features .column | |
| 250 { | |
| 251 padding: 0 10.5em 2em 3em; | |
| 252 } | |
| 253 | |
| 254 #features .column:last-of-type | |
| 255 { | |
| 256 padding-bottom: 0; | |
| 257 } | |
| 258 | |
| 259 #features img | |
| 260 { | |
| 261 position: absolute; | |
| 262 left: 3em; | |
| 263 top: 0.5em; | |
| 264 } | |
| 265 | |
| 266 [dir="rtl"] #features img | |
| 267 { | |
| 268 left: auto; | |
| 269 right: 3em; | |
| 270 } | |
| 271 | |
| 272 #features h2 | |
| 273 { | |
| 274 margin: 0; | |
| 275 } | |
| 276 } | |
| 277 | |
| 278 /****************************************************************************** | |
| 202 * #abb-notification | 279 * #abb-notification |
| 203 *****************************************************************************/ | 280 *****************************************************************************/ |
| 204 | 281 |
| 205 #abb-notification h2, | 282 #abb-notification h2, |
| 206 #abb-notification h3 | 283 #abb-notification h3 |
| 207 { | 284 { |
| 208 text-transform: uppercase; | 285 text-transform: uppercase; |
| 209 } | 286 } |
| 210 | 287 |
| 211 #abb-logo | 288 #abb-logo |
| (...skipping 20 matching lines...) Expand all Loading... | |
| 232 * #footnote | 309 * #footnote |
| 233 *****************************************************************************/ | 310 *****************************************************************************/ |
| 234 | 311 |
| 235 #footnote | 312 #footnote |
| 236 { | 313 { |
| 237 padding-top: 3em; | 314 padding-top: 3em; |
| 238 padding-bottom: 2em; | 315 padding-bottom: 2em; |
| 239 font-size: 13px; | 316 font-size: 13px; |
| 240 color: #7d7d7d; | 317 color: #7d7d7d; |
| 241 } | 318 } |
| OLD | NEW |
« no previous file with comments
|
« includes/features.html ('k')
|
static/css/main.css » ('j')
|
no next file with comments »
