Commit | Line | Data |
---|---|---|
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 | ||
ab8af7e5 L |
8 | h3 { |
9 | font-size: 20px; | |
10 | } | |
11 | ||
b7043824 | 12 | .lp-banner { |
00e64335 | 13 | box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7); |
b7043824 | 14 | margin-bottom: 20px; |
54b7bc8f | 15 | text-shadow: 0px 1px 0px #ffffff; |
1209ea86 | 16 | background-image: url(/2014/assets/img/l-noise.png); |
b7043824 | 17 | } |
18 | ||
19 | .lp-head h1 { | |
20 | margin-bottom: 0.001em; | |
21 | margin-left: 10px; | |
22 | font-size: 50px; | |
23 | } | |
24 | .lp-head h1 small { | |
25 | font-size: 38px; | |
00e64335 | 26 | color: rgba(128, 0, 0, 0.6); |
b7043824 | 27 | } |
28 | ||
aa07a414 | 29 | .lp-head h1 a { |
30 | color: inherit; | |
31 | text-decoration: none; | |
32 | } | |
33 | ||
34 | .lp-head h1 a:hover { | |
35 | color: inherit; | |
36 | text-decoration: none; | |
37 | } | |
38 | ||
b7043824 | 39 | .lp-head p { |
40 | margin: 0 0 1px; | |
41 | margin-left: 10px; | |
42 | } | |
43 | ||
44 | .lp-signup { | |
45 | margin-right: 10px; | |
cc015fc1 | 46 | margin-left: 10px; |
b7043824 | 47 | } |
48 | ||
d3b9e995 | 49 | .lp-banner .container { |
8539d2fc | 50 | padding-right: 5px; |
51 | padding-left: 5px; | |
d3b9e995 | 52 | margin-right: auto; |
53 | margin-left: auto; | |
54 | } | |
55 | ||
56 | ||
71a3a033 | 57 | .btn-register-lp14 { |
fa82f018 | 58 | margin-top: 2em; |
59 | margin-bottom: 0.3em; | |
71a3a033 | 60 | color: #ffffff; |
61 | text-shadow: 0px 0px 0px #ffffff; | |
62 | background-color: rgba(92, 184, 92, 0.9); | |
63 | border-color: rgba(76, 174, 76, 0.2); | |
fa82f018 | 64 | } |
65 | ||
71a3a033 | 66 | .btn-register-lp14:hover, |
67 | .btn-register-lp14:focus, | |
68 | .btn-register-lp14:active, | |
69 | .btn-register-lp14.active, | |
70 | .open .dropdown-toggle.btn-register-lp14 { | |
fa82f018 | 71 | color: #ffffff; |
72 | background-color: rgba(74, 161, 74, 0.9); | |
73 | border-color: rgba(57, 132, 57, 0.2); | |
74 | } | |
75 | ||
71a3a033 | 76 | .btn-register-lp14:active, |
77 | .btn-register-lp14.active, | |
78 | .open .dropdown-toggle.btn-register-lp14 { | |
fa82f018 | 79 | background-image: none; |
80 | } | |
81 | ||
82 | ||
39616a9f | 83 | @media (min-width:1280px) { |
84 | .btn-block { | |
85 | display: block; | |
86 | margin-right:auto; | |
87 | margin-left:auto; | |
88 | width: 85%; | |
89 | padding-right: 0; | |
90 | padding-left: 0; | |
91 | } | |
92 | } | |
93 | ||
94 | ||
1333e23e | 95 | .fsf-donate-button { |
96 | margin-left: 24%; | |
b660783f | 97 | margin-top: 25px; |
b3d11791 | 98 | margin-bottom: 10px; |
1333e23e | 99 | width:56%; |
100 | } | |
101 | ||
102 | @media (max-width:768px) { | |
103 | .fsf-donate-button { | |
104 | margin-left: 34%; | |
b660783f | 105 | margin-top: 25px; |
b3d11791 | 106 | margin-bottom: 10px; |
1333e23e | 107 | width:32%; |
108 | } | |
109 | } | |
110 | ||
111 | @media (min-width:320px) and (max-width:360px) { | |
112 | .fsf-donate-button { | |
113 | margin-left: 24%; | |
b660783f | 114 | margin-top: 25px; |
b3d11791 | 115 | margin-bottom: 10px; |
1333e23e | 116 | width:56%; |
117 | } | |
118 | } | |
119 | ||
27d873ff | 120 | .page-header { |
121 | padding-bottom: 9px; | |
122 | margin: 40px 0 20px; | |
123 | border-bottom: none; | |
124 | } | |
125 | ||
00e64335 | 126 | |
127 | .form-control:-moz-placeholder { | |
128 | color: #777777; | |
129 | } | |
130 | ||
131 | .form-control::-moz-placeholder { | |
132 | color: #777777; | |
133 | } | |
134 | ||
135 | .form-control:-ms-input-placeholder { | |
dd6bdf76 | 136 | color: #777777; |
00e64335 | 137 | } |
138 | ||
139 | .form-control::-webkit-input-placeholder { | |
dd6bdf76 | 140 | color: #777777; |
00e64335 | 141 | } |
142 | ||
1333e23e | 143 | .form-control { |
144 | display: block; | |
145 | width: 100%; | |
146 | height: 34px; | |
147 | padding: 6px 12px; | |
148 | font-size: 14px; | |
149 | line-height: 1.428571429; | |
150 | color: #555555; | |
151 | vertical-align: middle; | |
cc015fc1 | 152 | background-color: rgba(250, 250, 250, 0.7); |
1333e23e | 153 | border: 1px solid #cccccc; |
154 | border-radius: 4px; | |
155 | -webkit-box-shadow: none; | |
156 | box-shadow: none; | |
157 | -webkit-transition: border-color ease-in-out 0.15s; | |
158 | transition: border-color ease-in-out 0.15s; | |
159 | } | |
160 | ||
161 | .form-control:focus { | |
162 | border-color: #919191; | |
163 | outline: 0; | |
164 | -webkit-box-shadow: none; | |
165 | box-shadow: none; | |
166 | } | |
167 | ||
14eeabee | 168 | .scholarship-input-annotation { |
169 | margin-bottom: -0.6em; | |
170 | } | |
171 | ||
c8250753 | 172 | .lp-signup .form-group { |
dd6bdf76 | 173 | margin-bottom: 2px; |
174 | } | |
175 | ||
4246c5ba | 176 | .lp-label-news { |
177 | display: inline-block; | |
178 | } | |
179 | ||
180 | .checkbox .help-block { | |
181 | display: inline-block; | |
182 | margin-top: 0; | |
183 | margin-bottom: 10px; | |
184 | color: #737373; | |
185 | } | |
186 | ||
c8250753 | 187 | .form-group .lp-left-form-checkbox-text { |
188 | text-align:right; | |
189 | font-weight: bold; | |
190 | } | |
191 | ||
192 | @media screen and (min-width: 320px) and (max-width: 768px){ | |
193 | .form-group .lp-left-form-checkbox-text { | |
194 | text-align: left; | |
195 | font-weight: bold; | |
196 | } | |
197 | } | |
198 | ||
b7b70f5e | 199 | .field-required { |
200 | color: rgba(128, 0, 0, 0.6); | |
201 | } | |
c8250753 | 202 | |
a75faf2e | 203 | .radio-inline, |
204 | .checkbox-inline { | |
205 | display: inline-block; | |
40aa6cb1 | 206 | padding-left: 30px; |
a75faf2e | 207 | margin-bottom: 0; |
208 | font-weight: normal; | |
209 | vertical-align: middle; | |
210 | cursor: pointer; | |
211 | } | |
212 | ||
4580a046 | 213 | .radio-clear-link { |
214 | display: inline-block; | |
215 | padding-left: 5px; | |
216 | margin-bottom: 0; | |
217 | margin-top: 5px; | |
218 | font-weight: normal; | |
219 | vertical-align: middle; | |
220 | cursor: pointer; | |
221 | } | |
222 | ||
1333e23e | 223 | .btn-default { |
224 | color: #ffffff; | |
00e64335 | 225 | background-color: rgba(145, 145, 145, 0.5); |
226 | border-color: rgba(145, 145, 145, 0.2); | |
1333e23e | 227 | } |
228 | ||
229 | .btn-default:hover, | |
230 | .btn-default:focus, | |
231 | .btn-default:active, | |
232 | .btn-default.active, | |
233 | .open .dropdown-toggle.btn-default { | |
234 | color: #ffffff; | |
00e64335 | 235 | background-color: rgba(129, 129, 129, 0.5); |
236 | border-color: rgba(129, 129, 129, 0.2); | |
1333e23e | 237 | } |
238 | ||
bd7c9084 | 239 | @media (min-width:768px) { |
240 | .nav { | |
241 | padding-left: 0; | |
242 | margin-bottom: 0; | |
243 | list-style: none; | |
21eaa604 | 244 | padding-top: 1.0em; |
245 | } | |
246 | .lp-home { | |
247 | padding-top: 2.0em; | |
bd7c9084 | 248 | } |
4bf2d8ed | 249 | .nav-padding-top { |
250 | margin-top: 4.12em; | |
251 | } | |
bd7c9084 | 252 | } |
253 | ||
17343212 | 254 | .nav > li { |
255 | position: relative; | |
256 | display: block; | |
257 | color: #ffffff; | |
deb23d9f | 258 | text-shadow: 0px 0px 0px #dadada; |
17343212 | 259 | text-align: center; |
17343212 | 260 | margin-bottom: 0.4em; |
deb23d9f | 261 | border: none; |
17343212 | 262 | border-radius: 5px; |
263 | } | |
264 | ||
265 | .nav > li > a { | |
266 | position: relative; | |
267 | display: block; | |
268 | padding: 10px 15px; | |
e658c91c | 269 | background-color: rgba(145, 145, 145, 0.8); |
00e64335 | 270 | transition: background-color 1s; |
17343212 | 271 | } |
272 | ||
f59ca556 | 273 | .nav > li.fsf-donate > a { |
274 | background-color: rgba(128, 0, 0, 0.6); | |
0f825635 | 275 | margin-top: 20px; |
f59ca556 | 276 | } |
277 | ||
17343212 | 278 | .nav > li > a:hover, |
279 | .nav > li > a:focus { | |
280 | text-decoration: none; | |
f59ca556 | 281 | background-color: rgba(128, 0, 0, 0.7); |
17343212 | 282 | } |
283 | ||
1333e23e | 284 | .nav-pills > li > a { |
285 | border-radius: 5px; | |
286 | color: inherit; | |
287 | } | |
288 | ||
289 | .nav-pills > li.active > a, | |
290 | .nav-pills > li.active > a:hover, | |
291 | .nav-pills > li.active > a:focus { | |
292 | color: #ffffff; | |
f59ca556 | 293 | background-color: rgba(128, 0, 0, 0.7); |
1333e23e | 294 | } |
295 | ||
b055da0e | 296 | .btn-carousel { |
29964bcf | 297 | font-size: 1.15em; |
298 | font-weight: 100; | |
b055da0e | 299 | } |
300 | ||
1333e23e | 301 | .carousel-control .icon-prev, |
302 | .carousel-control .icon-next, | |
303 | .carousel-control .glyphicon-chevron-left, | |
304 | .carousel-control .glyphicon-chevron-right { | |
305 | position: absolute; | |
306 | top: 50%; | |
307 | left: 50%; | |
308 | z-index: 5; | |
309 | display: none; | |
310 | } | |
311 | ||
5d38c4c8 | 312 | .carousel-caption-tr { |
acdf7866 | 313 | position: absolute; |
29964bcf | 314 | font-size: 1.1em; |
acdf7866 | 315 | top: 5%; |
316 | bottom: auto; | |
b055da0e | 317 | right: 1.5%; |
10b8f28e | 318 | left: 38%; |
acdf7866 | 319 | z-index: 10; |
320 | padding-top: 10px; | |
321 | padding-bottom: 10px; | |
322 | color: #ffffff; | |
323 | text-align: center; | |
324 | background-color: rgba(0, 0, 0,0.4); | |
325 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
326 | border-radius: 8px; | |
327 | } | |
328 | ||
d6102156 | 329 | .call-for-proposal { |
330 | right: 2%; | |
331 | left: 35%; | |
332 | } | |
333 | ||
5d38c4c8 | 334 | .carousel-caption-bl { |
335 | position: absolute; | |
29964bcf | 336 | font-size: 1.1em; |
5d38c4c8 | 337 | top: auto; |
338 | bottom: 5%; | |
3fa72ead | 339 | right: 45%; |
5d38c4c8 | 340 | left: 2%; |
341 | z-index: 10; | |
342 | padding-top: 10px; | |
343 | padding-bottom: 10px; | |
41aa7e6c | 344 | padding-left: 10px; |
345 | padding-right: 10px; | |
5d38c4c8 | 346 | color: #ffffff; |
347 | text-align: center; | |
348 | background-color: rgba(0, 0, 0,0.4); | |
349 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
a92f99fb ZR |
350 | border-radius: 8px; |
351 | } | |
352 | ||
353 | .carousel-caption-tl { | |
354 | position: absolute; | |
29964bcf | 355 | font-size: 1.1em; |
a92f99fb ZR |
356 | top: 5%; |
357 | bottom: auto; | |
b055da0e | 358 | right: 34%; |
a92f99fb ZR |
359 | left: 2%; |
360 | z-index: 10; | |
361 | padding-top: 10px; | |
362 | padding-bottom: 10px; | |
363 | color: #ffffff; | |
364 | text-align: center; | |
365 | background-color: rgba(0, 0, 0,0.4); | |
366 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
5d38c4c8 | 367 | border-radius: 8px; |
368 | } | |
369 | ||
f6c1829c | 370 | @media screen and (min-width: 1280px) { |
5d38c4c8 | 371 | .carousel-caption-tr { |
f6c1829c | 372 | padding-bottom: 10px; |
c4a18f7c | 373 | margin-left: 65px; |
374 | margin-right: auto; | |
f6c1829c | 375 | } |
f6c1829c | 376 | |
5d38c4c8 | 377 | .carousel-caption-bl { |
378 | padding-bottom: 10px; | |
379 | margin-left: auto; | |
380 | margin-right: 65px; | |
381 | } | |
382 | ||
383 | } | |
f6c1829c | 384 | |
b055da0e | 385 | @media screen and (min-width: 600px) and (max-width: 980px){ |
386 | .btn-carousel { | |
29964bcf | 387 | font-size: 0.9em; |
b055da0e | 388 | font-weight: 200; |
389 | } | |
390 | } | |
391 | ||
3fa72ead | 392 | @media screen and (min-width: 320px) and (max-width: 480px){ |
393 | .carousel-caption-tl { | |
b055da0e | 394 | right: 2%; |
395 | } | |
396 | ||
397 | .btn-carousel { | |
29964bcf | 398 | font-size: 0.85em; |
b055da0e | 399 | font-weight: 200; |
3fa72ead | 400 | } |
401 | .carousel-caption-tr { | |
10b8f28e | 402 | left: 1%; |
3fa72ead | 403 | } |
404 | } | |
405 | ||
deb23d9f | 406 | a { |
407 | color: #428bca; | |
408 | text-decoration: none; | |
409 | } | |
410 | ||
411 | a:hover, | |
412 | a:focus { | |
413 | color: #800000; | |
414 | text-decoration: none; | |
415 | } | |
416 | ||
417 | hr { | |
418 | margin-top: 20px; | |
419 | margin-bottom: 20px; | |
420 | border: 0; | |
421 | border-top: 1px solid #bababa; | |
422 | } | |
f6c1829c | 423 | |
1333e23e | 424 | .margin-top { |
4246c5ba | 425 | margin-top: 22px; |
1333e23e | 426 | } |
bf714c79 | 427 | |
8fdcb1fd ZR |
428 | .speaker-photo { |
429 | float: left; | |
430 | } | |
431 | ||
bf714c79 | 432 | /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/> |
433 | -------------------------------------------------- */ | |
434 | ||
435 | html, | |
436 | body { | |
437 | height: 100%; | |
438 | } | |
439 | ||
440 | #wrapper { | |
441 | min-height: 100%; | |
442 | height: auto !important; | |
443 | height: 100%; | |
444 | margin: 0 auto -60px; | |
445 | padding: 0 0 60px; | |
446 | } | |
447 | ||
448 | #footer { | |
1333e23e | 449 | height: auto; |
deb23d9f | 450 | border-top: 2px solid #dadada; |
00e64335 | 451 | box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7); |
3be9b227 | 452 | background-color: rgb(255, 255, 255); |
bf714c79 | 453 | margin-top: 1.5em; |
454 | } | |
455 | ||
456 | #footer .container p { | |
457 | margin: 1.4em 0; | |
deb23d9f | 458 | } |