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 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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:active, | |
106 #hero-download-button:focus | 105 #hero-download-button:focus |
107 { | 106 { |
108 background-color: #258333; | 107 background-color: #258333; |
109 } | 108 } |
110 | 109 |
111 @media (min-width: 576px) | 110 @media (min-width: 576px) |
112 { | 111 { |
113 #hero-download-button | 112 #hero-download-button |
114 { | 113 { |
115 /* force auto-width >= small tablets */ | 114 /* force auto-width >= small tablets */ |
(...skipping 237 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
353 * #footnote | 352 * #footnote |
354 *****************************************************************************/ | 353 *****************************************************************************/ |
355 | 354 |
356 #footnote | 355 #footnote |
357 { | 356 { |
358 padding-top: 3em; | 357 padding-top: 3em; |
359 padding-bottom: 2em; | 358 padding-bottom: 2em; |
360 font-size: 13px; | 359 font-size: 13px; |
361 color: #7d7d7d; | 360 color: #7d7d7d; |
362 } | 361 } |
LEFT | RIGHT |