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 } |
| 213 |
204 #abb-notification h2, | 214 #abb-notification h2, |
205 #abb-notification h3 | 215 #abb-notification h3 |
206 { | 216 { |
207 text-transform: uppercase; | 217 text-transform: uppercase; |
208 } | 218 } |
209 | 219 |
210 #abb-logo | 220 #abb-logo |
211 { | 221 { |
212 max-width: 10em; | 222 max-width: 10em; |
213 } | 223 } |
214 | 224 |
| 225 #abb-app-store-badges |
| 226 { |
| 227 margin-top: 2em; |
| 228 } |
| 229 |
215 #abb-app-store-badges img | 230 #abb-app-store-badges img |
216 { | 231 { |
217 width: 200px; | 232 width: 200px; |
218 } | 233 } |
219 | 234 |
220 @media (min-width: 768px) /* tablet-breakpoint */ | 235 #abb-app-store-badges .one-half |
| 236 { |
| 237 width: 50%; |
| 238 } |
| 239 |
| 240 @media (min-width: 480px) |
221 { | 241 { |
222 #abb-notification figure, | 242 #abb-notification figure, |
223 #abb-app-store-badges | 243 #abb-app-store-badges |
224 { | 244 { |
225 padding-left: 2em; | 245 padding-left: 2em; |
226 padding-right: 2em; | 246 padding-right: 2em; |
227 } | 247 } |
228 } | 248 } |
229 | 249 |
230 /****************************************************************************** | 250 /****************************************************************************** |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
262 padding: 0px 30px; | 282 padding: 0px 30px; |
263 } | 283 } |
264 | 284 |
265 @media(max-width: 767px) | 285 @media(max-width: 767px) |
266 { | 286 { |
267 #footnote | 287 #footnote |
268 { | 288 { |
269 padding: 0px 20px; | 289 padding: 0px 20px; |
270 } | 290 } |
271 } | 291 } |
OLD | NEW |