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 |