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 |