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