| 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 | 
|---|