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