2015/assets/css/custom.css

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