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