| LEFT | RIGHT |
| 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 | 7 |
| 8 /****************************************************************************** | 8 /****************************************************************************** |
| 9 * Browser-based styles | 9 * Browser-based styles |
| 10 *****************************************************************************/ | 10 *****************************************************************************/ |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 min-width: 250px; | 94 min-width: 250px; |
| 95 /* stretch full-width <= small tablets */ | 95 /* stretch full-width <= small tablets */ |
| 96 width: 100%; | 96 width: 100%; |
| 97 /* 0.2em taller than normal buttons */ | 97 /* 0.2em taller than normal buttons */ |
| 98 padding-top: 0.8em; | 98 padding-top: 0.8em; |
| 99 padding-bottom: 0.8em; | 99 padding-bottom: 0.8em; |
| 100 color: #fff; | 100 color: #fff; |
| 101 background-color: #3D9C4F; | 101 background-color: #3D9C4F; |
| 102 } | 102 } |
| 103 | 103 |
| 104 #hero-download-button:hover | 104 #hero-download-button:hover, |
| 105 #hero-download-button:focus |
| 105 { | 106 { |
| 106 background-color: #258333; | 107 background-color: #258333; |
| 107 } | 108 } |
| 108 | 109 |
| 109 @media (min-width: 576px) | 110 @media (min-width: 576px) |
| 110 { | 111 { |
| 111 #hero-download-button | 112 #hero-download-button |
| 112 { | 113 { |
| 113 /* force auto-width >= small tablets */ | 114 /* force auto-width >= small tablets */ |
| 114 width: auto; | 115 width: auto; |
| (...skipping 236 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 351 * #footnote | 352 * #footnote |
| 352 *****************************************************************************/ | 353 *****************************************************************************/ |
| 353 | 354 |
| 354 #footnote | 355 #footnote |
| 355 { | 356 { |
| 356 padding-top: 3em; | 357 padding-top: 3em; |
| 357 padding-bottom: 2em; | 358 padding-bottom: 2em; |
| 358 font-size: 13px; | 359 font-size: 13px; |
| 359 color: #7d7d7d; | 360 color: #7d7d7d; |
| 360 } | 361 } |
| LEFT | RIGHT |