| 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 184 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 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 * #abb-notification | 202 * #abb-notification |
| 203 *****************************************************************************/ | 203 *****************************************************************************/ |
| 204 | 204 |
| 205 #abb-notification |
| 206 { |
| 207 padding: 3em 0; |
| 208 } |
| 209 |
| 210 #abb-notification h2 |
| 211 { |
| 212 margin-top: 0; |
| 213 margin-bottom: 1.5em; |
| 214 } |
| 215 |
| 205 #abb-notification h2, | 216 #abb-notification h2, |
| 206 #abb-notification h3 | 217 #abb-notification h3 |
| 207 { | 218 { |
| 208 text-transform: uppercase; | 219 text-transform: uppercase; |
| 209 } | 220 } |
| 210 | 221 |
| 211 #abb-logo | 222 #abb-logo |
| 212 { | 223 { |
| 213 max-width: 10em; | 224 max-width: 10em; |
| 214 } | 225 } |
| 215 | 226 |
| 227 #abb-app-store-badges |
| 228 { |
| 229 margin-top: 2em; |
| 230 } |
| 231 |
| 216 #abb-app-store-badges img | 232 #abb-app-store-badges img |
| 217 { | 233 { |
| 218 width: 200px; | 234 width: 200px; |
| 219 } | 235 } |
| 220 | 236 |
| 221 @media (min-width: 768px) /* tablet-breakpoint */ | 237 @media (max-width: 575px) |
| 222 { | 238 { |
| 239 #abb-app-store-badges a:first-of-type |
| 240 { |
| 241 margin-bottom: 0.5em; |
| 242 } |
| 243 } |
| 244 |
| 245 @media (min-width: 576px) |
| 246 { |
| 247 #abb-app-store-badges .one-half |
| 248 { |
| 249 width: 50%; |
| 250 } |
| 251 |
| 223 #abb-notification figure, | 252 #abb-notification figure, |
| 224 #abb-app-store-badges | 253 #abb-app-store-badges |
| 225 { | 254 { |
| 226 padding-left: 2em; | 255 padding-left: 2em; |
| 227 padding-right: 2em; | 256 padding-right: 2em; |
| 228 } | 257 } |
| 229 } | 258 } |
| 230 | 259 |
| 231 /****************************************************************************** | 260 /****************************************************************************** |
| 232 * #footnote | 261 * #footnote |
| 233 *****************************************************************************/ | 262 *****************************************************************************/ |
| 234 | 263 |
| 235 #footnote | 264 #footnote |
| 236 { | 265 { |
| 237 padding-top: 3em; | 266 padding-top: 3em; |
| 238 padding-bottom: 2em; | 267 padding-bottom: 2em; |
| 239 font-size: 13px; | 268 font-size: 13px; |
| 240 color: #7d7d7d; | 269 color: #7d7d7d; |
| 241 } | 270 } |
| OLD | NEW |