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 181 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
192 vertical-align: middle; | 192 vertical-align: middle; |
193 } | 193 } |
194 | 194 |
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 * #features | |
203 *****************************************************************************/ | |
204 | |
205 #features | |
206 { | |
207 text-align: center; | |
208 padding-top: 3em; | |
209 padding-bottom: 3em; | |
210 } | |
211 | |
212 #features h2 | |
213 { | |
214 text-transform: uppercase; | |
215 } | |
216 | |
217 @media (max-width: 575px) | |
218 { | |
219 #features .column | |
220 { | |
221 margin-bottom: 3em; | |
222 } | |
223 | |
224 #features .column:last-of-type | |
225 { | |
226 margin-bottom: 0; | |
227 } | |
228 } | |
229 | |
230 @media (min-width: 576px) and (max-width: 1023px) | |
231 { | |
232 #features | |
233 { | |
234 text-align: left; | |
235 } | |
236 | |
237 [dir="rtl"] #features | |
238 { | |
239 text-align: right; | |
240 } | |
241 | |
242 #features .column | |
243 { | |
244 position: relative; | |
245 width: auto; | |
246 padding: 0 3em 2em 10.5em; | |
247 } | |
248 | |
249 [dir="rtl"] #features .column | |
250 { | |
251 padding: 0 10.5em 2em 3em; | |
252 } | |
253 | |
254 #features .column:last-of-type | |
255 { | |
256 padding-bottom: 0; | |
257 } | |
258 | |
259 #features img | |
260 { | |
261 position: absolute; | |
262 left: 3em; | |
263 top: 0.5em; | |
264 } | |
265 | |
266 [dir="rtl"] #features img | |
267 { | |
268 left: auto; | |
269 right: 3em; | |
270 } | |
271 | |
272 #features h2 | |
273 { | |
274 margin: 0; | |
275 } | |
276 } | |
277 | |
278 /****************************************************************************** | |
279 * #abb-notification | 202 * #abb-notification |
280 *****************************************************************************/ | 203 *****************************************************************************/ |
281 | 204 |
282 #abb-notification | 205 #abb-notification |
283 { | 206 { |
284 padding: 3em 0; | 207 padding: 3em 0; |
285 } | 208 } |
286 | 209 |
287 #abb-notification h2 | 210 #abb-notification h2 |
288 { | 211 { |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
338 * #footnote | 261 * #footnote |
339 *****************************************************************************/ | 262 *****************************************************************************/ |
340 | 263 |
341 #footnote | 264 #footnote |
342 { | 265 { |
343 padding-top: 3em; | 266 padding-top: 3em; |
344 padding-bottom: 2em; | 267 padding-bottom: 2em; |
345 font-size: 13px; | 268 font-size: 13px; |
346 color: #7d7d7d; | 269 color: #7d7d7d; |
347 } | 270 } |
OLD | NEW |