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 | 7 |
8 /****************************************************************************** | 8 /****************************************************************************** |
9 * Browser-based styles | 9 * Browser-based styles |
10 *****************************************************************************/ | 10 *****************************************************************************/ |
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
90 | 90 |
91 #hero-download-button | 91 #hero-download-button |
92 { | 92 { |
93 display: inline-block; | 93 display: inline-block; |
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; |
| 101 background-color: #3D9C4F; |
| 102 } |
| 103 |
| 104 #hero-download-button:hover, |
| 105 #hero-download-button:active, |
| 106 #hero-download-button:focus |
| 107 { |
| 108 background-color: #258333; |
100 } | 109 } |
101 | 110 |
102 @media (min-width: 576px) | 111 @media (min-width: 576px) |
103 { | 112 { |
104 #hero-download-button | 113 #hero-download-button |
105 { | 114 { |
106 /* force auto-width >= small tablets */ | 115 /* force auto-width >= small tablets */ |
107 width: auto; | 116 width: auto; |
108 } | 117 } |
109 } | 118 } |
(...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
344 * #footnote | 353 * #footnote |
345 *****************************************************************************/ | 354 *****************************************************************************/ |
346 | 355 |
347 #footnote | 356 #footnote |
348 { | 357 { |
349 padding-top: 3em; | 358 padding-top: 3em; |
350 padding-bottom: 2em; | 359 padding-bottom: 2em; |
351 font-size: 13px; | 360 font-size: 13px; |
352 color: #7d7d7d; | 361 color: #7d7d7d; |
353 } | 362 } |
OLD | NEW |