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 |