deb23d9f |
1 | body { |
2 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
3 | font-size: 14px; |
4 | line-height: 1.428571429; |
5 | color: #333333; |
deb23d9f |
6 | } |
7 | |
b7043824 |
8 | .lp-banner { |
00e64335 |
9 | box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7); |
b7043824 |
10 | margin-bottom: 20px; |
54b7bc8f |
11 | text-shadow: 0px 1px 0px #ffffff; |
1209ea86 |
12 | background-image: url(/2014/assets/img/l-noise.png); |
b7043824 |
13 | } |
14 | |
15 | .lp-head h1 { |
16 | margin-bottom: 0.001em; |
17 | margin-left: 10px; |
18 | font-size: 50px; |
19 | } |
20 | .lp-head h1 small { |
21 | font-size: 38px; |
00e64335 |
22 | color: rgba(128, 0, 0, 0.6); |
b7043824 |
23 | } |
24 | |
aa07a414 |
25 | .lp-head h1 a { |
26 | color: inherit; |
27 | text-decoration: none; |
28 | } |
29 | |
30 | .lp-head h1 a:hover { |
31 | color: inherit; |
32 | text-decoration: none; |
33 | } |
34 | |
b7043824 |
35 | .lp-head p { |
36 | margin: 0 0 1px; |
37 | margin-left: 10px; |
38 | } |
39 | |
40 | .lp-signup { |
41 | margin-right: 10px; |
cc015fc1 |
42 | margin-left: 10px; |
b7043824 |
43 | } |
44 | |
d3b9e995 |
45 | .lp-banner .container { |
8539d2fc |
46 | padding-right: 5px; |
47 | padding-left: 5px; |
d3b9e995 |
48 | margin-right: auto; |
49 | margin-left: auto; |
50 | } |
51 | |
52 | |
1333e23e |
53 | .fsf-donate-button { |
54 | margin-left: 24%; |
b660783f |
55 | margin-top: 25px; |
b3d11791 |
56 | margin-bottom: 10px; |
1333e23e |
57 | width:56%; |
58 | } |
59 | |
60 | @media (max-width:768px) { |
61 | .fsf-donate-button { |
62 | margin-left: 34%; |
b660783f |
63 | margin-top: 25px; |
b3d11791 |
64 | margin-bottom: 10px; |
1333e23e |
65 | width:32%; |
66 | } |
67 | } |
68 | |
69 | @media (min-width:320px) and (max-width:360px) { |
70 | .fsf-donate-button { |
71 | margin-left: 24%; |
b660783f |
72 | margin-top: 25px; |
b3d11791 |
73 | margin-bottom: 10px; |
1333e23e |
74 | width:56%; |
75 | } |
76 | } |
77 | |
27d873ff |
78 | .page-header { |
79 | padding-bottom: 9px; |
80 | margin: 40px 0 20px; |
81 | border-bottom: none; |
82 | } |
83 | |
00e64335 |
84 | |
85 | .form-control:-moz-placeholder { |
86 | color: #777777; |
87 | } |
88 | |
89 | .form-control::-moz-placeholder { |
90 | color: #777777; |
91 | } |
92 | |
93 | .form-control:-ms-input-placeholder { |
dd6bdf76 |
94 | color: #777777; |
00e64335 |
95 | } |
96 | |
97 | .form-control::-webkit-input-placeholder { |
dd6bdf76 |
98 | color: #777777; |
00e64335 |
99 | } |
100 | |
1333e23e |
101 | .form-control { |
102 | display: block; |
103 | width: 100%; |
104 | height: 34px; |
105 | padding: 6px 12px; |
106 | font-size: 14px; |
107 | line-height: 1.428571429; |
108 | color: #555555; |
00e64335 |
109 | text-shadow: 0px 1px 0px #ffffff; |
1333e23e |
110 | vertical-align: middle; |
cc015fc1 |
111 | background-color: rgba(250, 250, 250, 0.7); |
1333e23e |
112 | border: 1px solid #cccccc; |
113 | border-radius: 4px; |
114 | -webkit-box-shadow: none; |
115 | box-shadow: none; |
116 | -webkit-transition: border-color ease-in-out 0.15s; |
117 | transition: border-color ease-in-out 0.15s; |
118 | } |
119 | |
120 | .form-control:focus { |
121 | border-color: #919191; |
122 | outline: 0; |
123 | -webkit-box-shadow: none; |
124 | box-shadow: none; |
125 | } |
126 | |
dd6bdf76 |
127 | .form-group { |
128 | margin-bottom: 2px; |
129 | } |
130 | |
4246c5ba |
131 | .lp-label-news { |
132 | display: inline-block; |
133 | } |
134 | |
135 | .checkbox .help-block { |
136 | display: inline-block; |
137 | margin-top: 0; |
138 | margin-bottom: 10px; |
139 | color: #737373; |
140 | } |
141 | |
a499f8cb |
142 | input[type="checkbox"] { |
143 | margin: 0 0 0; |
144 | line-height: normal; |
145 | } |
146 | |
1333e23e |
147 | .btn-default { |
148 | color: #ffffff; |
00e64335 |
149 | background-color: rgba(145, 145, 145, 0.5); |
150 | border-color: rgba(145, 145, 145, 0.2); |
1333e23e |
151 | } |
152 | |
153 | .btn-default:hover, |
154 | .btn-default:focus, |
155 | .btn-default:active, |
156 | .btn-default.active, |
157 | .open .dropdown-toggle.btn-default { |
158 | color: #ffffff; |
00e64335 |
159 | background-color: rgba(129, 129, 129, 0.5); |
160 | border-color: rgba(129, 129, 129, 0.2); |
1333e23e |
161 | } |
162 | |
bd7c9084 |
163 | |
164 | @media (min-width:768px) { |
165 | .nav { |
166 | padding-left: 0; |
167 | margin-bottom: 0; |
168 | list-style: none; |
21eaa604 |
169 | padding-top: 1.0em; |
170 | } |
171 | .lp-home { |
172 | padding-top: 2.0em; |
bd7c9084 |
173 | } |
174 | } |
175 | |
17343212 |
176 | .nav > li { |
177 | position: relative; |
178 | display: block; |
179 | color: #ffffff; |
deb23d9f |
180 | text-shadow: 0px 0px 0px #dadada; |
17343212 |
181 | text-align: center; |
17343212 |
182 | margin-bottom: 0.4em; |
deb23d9f |
183 | border: none; |
17343212 |
184 | border-radius: 5px; |
185 | } |
186 | |
187 | .nav > li > a { |
188 | position: relative; |
189 | display: block; |
190 | padding: 10px 15px; |
e658c91c |
191 | background-color: rgba(145, 145, 145, 0.8); |
00e64335 |
192 | transition: background-color 1s; |
17343212 |
193 | } |
194 | |
f59ca556 |
195 | .nav > li.fsf-donate > a { |
196 | background-color: rgba(128, 0, 0, 0.6); |
197 | } |
198 | |
17343212 |
199 | .nav > li > a:hover, |
200 | .nav > li > a:focus { |
201 | text-decoration: none; |
f59ca556 |
202 | background-color: rgba(128, 0, 0, 0.7); |
17343212 |
203 | } |
204 | |
1333e23e |
205 | .nav-pills > li > a { |
206 | border-radius: 5px; |
207 | color: inherit; |
208 | } |
209 | |
210 | .nav-pills > li.active > a, |
211 | .nav-pills > li.active > a:hover, |
212 | .nav-pills > li.active > a:focus { |
213 | color: #ffffff; |
f59ca556 |
214 | background-color: rgba(128, 0, 0, 0.7); |
1333e23e |
215 | } |
216 | |
1333e23e |
217 | .carousel-control .icon-prev, |
218 | .carousel-control .icon-next, |
219 | .carousel-control .glyphicon-chevron-left, |
220 | .carousel-control .glyphicon-chevron-right { |
221 | position: absolute; |
222 | top: 50%; |
223 | left: 50%; |
224 | z-index: 5; |
225 | display: none; |
226 | } |
227 | |
acdf7866 |
228 | .carousel-caption { |
229 | position: absolute; |
230 | top: 5%; |
231 | bottom: auto; |
232 | right: 2%; |
233 | left: 35%; |
234 | z-index: 10; |
235 | padding-top: 10px; |
236 | padding-bottom: 10px; |
237 | color: #ffffff; |
238 | text-align: center; |
239 | background-color: rgba(0, 0, 0,0.4); |
240 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); |
241 | border-radius: 8px; |
242 | } |
243 | |
f6c1829c |
244 | @media screen and (min-width: 1280px) { |
245 | .carousel-caption { |
246 | padding-bottom: 10px; |
c4a18f7c |
247 | margin-left: 65px; |
248 | margin-right: auto; |
f6c1829c |
249 | } |
250 | } |
251 | |
252 | |
deb23d9f |
253 | a { |
254 | color: #428bca; |
255 | text-decoration: none; |
256 | } |
257 | |
258 | a:hover, |
259 | a:focus { |
260 | color: #800000; |
261 | text-decoration: none; |
262 | } |
263 | |
264 | hr { |
265 | margin-top: 20px; |
266 | margin-bottom: 20px; |
267 | border: 0; |
268 | border-top: 1px solid #bababa; |
269 | } |
f6c1829c |
270 | |
1333e23e |
271 | .margin-top { |
4246c5ba |
272 | margin-top: 22px; |
1333e23e |
273 | } |
bf714c79 |
274 | |
275 | /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/> |
276 | -------------------------------------------------- */ |
277 | |
278 | html, |
279 | body { |
280 | height: 100%; |
281 | } |
282 | |
283 | #wrapper { |
284 | min-height: 100%; |
285 | height: auto !important; |
286 | height: 100%; |
287 | margin: 0 auto -60px; |
288 | padding: 0 0 60px; |
289 | } |
290 | |
291 | #footer { |
1333e23e |
292 | height: auto; |
deb23d9f |
293 | border-top: 2px solid #dadada; |
00e64335 |
294 | box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7); |
3be9b227 |
295 | background-color: rgb(255, 255, 255); |
bf714c79 |
296 | margin-top: 1.5em; |
297 | } |
298 | |
299 | #footer .container p { |
300 | margin: 1.4em 0; |
deb23d9f |
301 | } |