2016/assets/css/custom.css

   1 /* General */
   2
   3 body {
   4   font-family: sans-serif;
   5   font-size: 13px;
   6   line-height: 1.428571429;
   7   color: #333333;
   8 }
   9
  10 h2 {
  11     margin-bottom: 0px;
  12     margin-top:0px;
  13     padding-top: 5px;
  14 }
  15
  16 h3  {
  17   color: rgb(70, 80, 73);
  18   font-size: 20px;
  19 }
  20
  21 .text-thick {
  22         font-weight: 900;
  23 }
  24
  25 .margin-top {
  26   margin-top: 22px;
  27 }
  28
  29 .word-break {
  30   word-break: break-all;
  31 }
  32
  33 /* LP Program */
  34
  35 .program-day {
  36     margin-bottom: 10px;
  37 }
  38
  39 .program-day-header h2 {
  40     font-size: 2.1em;
  41 }
  42
  43 .program-timeslot-break {
  44     margin-bottom: 2px;
  45 }
  46
  47 .program-timeslot-break-header h2 {
  48     font-size: 1.6em;
  49     color: rgb(150, 150, 150);
  50 }
  51
  52 .program-timeslot {
  53     margin-top: 5px;
  54     margin-bottom: 1px;
  55 }
  56
  57 .program-timeslot-header h2 {
  58     font-size: 1.6em;
  59 }
  60
  61 .program-session-header h2 {
  62     font-size: 1.3em;
  63     font-weight: 500;
  64     margin-bottom: 3px;
  65 }
  66
  67 .program-session button {
  68     font-size: 10px;
  69 }
  70
  71 .program-session-speaker {
  72     margin: 0px 7px 0px 0px;
  73     font-style: italic;
  74 }
  75
  76 .speaker-bio {
  77   padding-bottom: 25px;
  78 }
  79
  80 .speakers-block {
  81     border-bottom: 1px solid rgb(200, 200, 200);
  82     margin-bottom: 20px;
  83 }
  84
  85 .keynote-speakers-header {
  86     margin-bottom: 20px;
  87 }
  88
  89 .speaker-block {
  90     padding-bottom: 20px;
  91 }
  92
  93 .keynote-speaker-header h2 {
  94     font-size: 25px;
  95     padding-top: 0px;
  96 }
  97
  98 .speaker-header h2 {
  99     font-size: 20px;
 100     padding-top: 0px;
 101 }
 102
 103 .program-session-room-details {
 104     margin-top: 4px;
 105 }
 106
 107 .program-session-room-details button {
 108     margin-left: 5px;
 109 }
 110
 111 .program-session-ical-bg {
 112     background-color: rgb(245, 245, 245);
 113     padding: 5px;
 114     border-radius: 3px;
 115 }
 116
 117 article.ical-howto header {
 118     margin-bottom: 10px;
 119 }
 120
 121 article.ical-howto h2 {
 122     font-size: 15px;
 123 }
 124
 125 /* Breadcrumb */
 126
 127 .breadcrumb > .active {
 128         color: rgb(38, 208, 61);
 129 }
 130
 131 /* Links */
 132
 133 a:hover,
 134 a:focus {
 135   color: rgb(38, 208, 61);
 136   text-decoration: none;
 137 }
 138
 139 a {
 140   color: inherit;
 141   text-decoration: underline;
 142   -moz-text-decoration-color: rgb(88, 208, 121);
 143   text-decoration-color: rgb(88, 208, 121);
 144 }
 145
 146 .alt-a {
 147   color: inherit;
 148   text-decoration: none;
 149   -moz-text-decoration-color: rgb(88, 208, 121);
 150   text-decoration-color: rgb(88, 208, 121);
 151 }
 152
 153 .lp-home a {
 154   text-decoration: none;
 155 }
 156
 157 /* hr */
 158
 159 hr {
 160   margin-top: 20px;
 161   margin-bottom: 20px;
 162   border: 0;
 163   border-top: 1px solid #bababa;
 164 }
 165
 166 /* LP Video */
 167
 168 .lp-video {
 169   width: 100%;
 170 }
 171
 172 /* Forms */
 173
 174 .form-control:-moz-placeholder {
 175   color: #777777;
 176 }
 177
 178 .form-control::-moz-placeholder {
 179   color: #777777;
 180 }
 181
 182 .form-control:-ms-input-placeholder {
 183   color: #777777;
 184 }
 185
 186 .form-control::-webkit-input-placeholder {
 187   color: #777777;
 188 }
 189
 190 .form-control {
 191   display: block;
 192   width: 100%;
 193   height: 34px;
 194   padding: 6px 12px;
 195   font-size: 14px;
 196   line-height: 1.428571429;
 197   color: #555555;
 198   vertical-align: middle;
 199   background-color: rgba(250, 250, 250, 0.7);
 200   border: 1px solid #cccccc;
 201   border-radius: 4px;
 202   -webkit-box-shadow: none;
 203   box-shadow: none;
 204   -webkit-transition: border-color ease-in-out 0.15s;
 205   transition: border-color ease-in-out 0.15s;
 206 }
 207
 208 .form-control:focus {
 209   border-color: rgb(88, 208, 121);
 210   outline: 0;
 211   -webkit-box-shadow: none;
 212   box-shadow: none;
 213 }
 214
 215 .scholarship-input-annotation {
 216   margin-bottom: -0.6em;
 217 }
 218
 219 .lp-signup .form-group {
 220   margin-bottom: 2px;
 221 }
 222
 223 .lp-label-news {
 224   display: inline-block;
 225 }
 226
 227 .checkbox .help-block {
 228   display: inline-block;
 229   margin-top: 0;
 230   margin-left: 0;
 231   margin-bottom: 10px;
 232   color: #737373;
 233 }
 234
 235 .form-group .lp-left-form-checkbox-text {
 236   text-align:right;
 237   font-weight: bold;
 238 }
 239
 240 @media screen and (min-width: 320px) and (max-width: 768px){
 241   .form-group .lp-left-form-checkbox-text {
 242     text-align: left;
 243     font-weight: bold;
 244   }
 245
 246   .lp-label-news {
 247       font-size: 0.9em;
 248   }
 249
 250   .checkbox .help-block {
 251       font-size: 0.9em;
 252   }
 253
 254
 255 }
 256
 257 .field-required {
 258   color: rgba(128, 0, 0, 0.6);
 259 }
 260
 261 .radio-inline,
 262 .checkbox-inline {
 263   display: inline-block;
 264   padding-left: 30px;
 265   margin-bottom: 0;
 266   font-weight: normal;
 267   vertical-align: middle;
 268   cursor: pointer;
 269 }
 270
 271 .radio-clear-link {
 272   display: inline-block;
 273   padding-left: 5px;
 274   margin-bottom: 0;
 275   margin-top: 5px;
 276   font-weight: normal;
 277   vertical-align: middle;
 278   cursor: pointer;
 279 }
 280
 281 /* Buttons */
 282
 283 .btn-default {
 284   color: #ffffff;
 285   background-color: rgba(88, 208, 121, 0.8);
 286   border-color: rgba(88, 208, 121, 0.5);
 287 }
 288
 289 .btn-default:hover,
 290 .btn-default:focus,
 291 .btn-default:active,
 292 .btn-default.active,
 293 .open .dropdown-toggle.btn-default {
 294   color: #ffffff;
 295   background-color: rgba(88, 208, 121, 1.0);
 296   border-color: rgba(88, 208, 121, 0.2);
 297 }
 298
 299 @media (min-width:1280px) {
 300   .btn-block {
 301     display: block;
 302     margin-right:auto;
 303     margin-left:auto;
 304     width: 85%;
 305     padding-right: 0;
 306     padding-left: 0;
 307   }
 308 }
 309
 310 .fsf-donate-button {
 311   margin-left: 24%;
 312   margin-top: 5px;
 313   margin-bottom: 10px;
 314   width:56%;
 315 }
 316
 317 @media (max-width:768px) {
 318   .fsf-donate-button {
 319     margin-left: 38%;
 320     margin-top: 5px;
 321     margin-bottom: 10px;
 322     width:22%;
 323   }
 324 }
 325
 326 @media (min-width:320px) and (max-width:360px) {
 327   .fsf-donate-button {
 328     margin-left: 28%;
 329     margin-top: 5px;
 330     margin-bottom: 10px;
 331     width:46%;
 332   }
 333 }
 334
 335 .btn-register {
 336   margin-top: 0.5em;
 337   margin-bottom: 0.3em;
 338   color: #ffffff;
 339   text-shadow: 0px 0px 0px #ffffff;
 340   background-color: rgba(58, 208, 61, 0.6);
 341   background-color: rgba(58, 208, 61, 0.6);
 342   text-decoration: none;
 343 }
 344
 345 .btn-register:hover,
 346 .btn-register:focus,
 347 .btn-register:active,
 348 .btn-register.active,
 349 .open .dropdown-toggle.btn-register {
 350   color: #ffffff;
 351   background-color: rgba(74, 161, 74, 0.9);
 352   border-color: rgba(57, 132, 57, 0.2);
 353 }
 354
 355 .btn-register:active,
 356 .btn-register.active,
 357 .open .dropdown-toggle.btn-register {
 358   background-image: none;
 359 }
 360
 361 /* Carousel */
 362
 363 .btn-carousel {
 364   font-size: 1.15em;
 365   font-weight: 100;
 366 }
 367
 368 .carousel-control .icon-prev,
 369 .carousel-control .icon-next,
 370 .carousel-control .glyphicon-chevron-left,
 371 .carousel-control .glyphicon-chevron-right {
 372   position: absolute;
 373   top: 50%;
 374   left: 50%;
 375   z-index: 5;
 376   display: none;
 377 }
 378
 379 .carousel-caption-tr {
 380   position: absolute;
 381   font-size: 1.1em;
 382   top: 5%;
 383   bottom: auto;
 384   right: 1.5%;
 385   left: 38%;
 386   z-index: 10;
 387   padding-top: 10px;
 388   padding-bottom: 10px;
 389   color: #ffffff;
 390   text-align: center;
 391   background-color: rgba(0, 0, 0,0.6);
 392   border-radius: 8px;
 393 }
 394
 395 .carousel-caption-bl {
 396   position: absolute;
 397   font-size: 1.1em;
 398   top: auto;
 399   bottom: 5%;
 400   right: 45%;
 401   left: 2%;
 402   z-index: 10;
 403   padding-top: 10px;
 404   padding-bottom: 10px;
 405   padding-left: 10px;
 406   padding-right: 10px;
 407   color: #ffffff;
 408   text-align: center;
 409   background-color: rgba(0, 0, 0,0.6);
 410   border-radius: 8px;
 411 }
 412
 413 .carousel-caption-tl {
 414   position: absolute;
 415   font-size: 1.1em;
 416   top: 5%;
 417   bottom: auto;
 418   right: 34%;
 419   left: 2%;
 420   z-index: 10;
 421   padding-top: 10px;
 422   padding-bottom: 10px;
 423   color: #ffffff;
 424   text-align: center;
 425   background-color: rgba(0, 0, 0,0.6);
 426   border-radius: 8px;
 427 }
 428
 429 .carousel-caption-center {
 430   position: absolute;
 431   font-size: 1.1em;
 432   top: 50%;
 433   bottom: auto;
 434   right: auto;
 435   left: 35%;
 436   z-index: 10;
 437   padding-right: 10px;
 438   padding-left: 10px;
 439   padding-top: 10px;
 440   padding-bottom: 10px;
 441   color: #ffffff;
 442   text-align: center;
 443   background-color: rgba(0, 0, 0,0.6);
 444   border-radius: 8px;
 445 }
 446
 447 .carousel-caption-bottom {
 448   color: rgb(51, 51, 51);
 449   position: static;
 450   z-index: 10;
 451   height: 2em;
 452   padding-top: 1px;
 453   padding-bottom: 1px;
 454   font-size: larger;
 455   text-align: center;
 456   background-color: rgba(240, 240, 240, .8);
 457   border-radius: 0px 0px 8px 8px;
 458 }
 459
 460 @media screen and (min-width: 1280px) {
 461   .carousel-caption-tr {
 462     padding-bottom: 10px;
 463     margin-left: 65px;
 464     margin-right: auto;
 465   }
 466
 467   .carousel-caption-bl {
 468     padding-bottom: 10px;
 469     margin-left: auto;
 470     margin-right: 65px;
 471   }
 472
 473 }
 474
 475 @media screen and (min-width: 600px) and (max-width: 980px){
 476   .btn-carousel {
 477     font-size: 0.9em;
 478     font-weight: 200;
 479   }
 480 }
 481
 482 @media screen and (min-width: 320px) and (max-width: 480px){
 483   .carousel-caption-tl {
 484     right: 2%;
 485   }
 486
 487   .btn-carousel {
 488     font-size: 0.85em;
 489     font-weight: 200;
 490   }
 491   .carousel-caption-tr {
 492     left: 1%;
 493   }
 494 }
 495
 496 .carousel-control.left {
 497     background-image: none;
 498     background-repeat: repeat-x;
 499 }
 500
 501 .carousel-control.right {
 502     background-image: none;
 503     background-repeat: repeat-x;
 504     left: auto;
 505     right: 0;
 506 }
 507
 508 /* Header */
 509
 510 .lp-archived {
 511     background-color: rgb(88, 208, 121);
 512     color: rgb(255, 255, 255);
 513     text-align: center;
 514     padding: 2.5px 0;
 515 }
 516
 517 .lp-archived p {
 518     margin: 0 0 0;
 519 }
 520
 521 .lp-archived a {
 522     border-bottom: 0.1px dotted rgb(200, 220, 200);
 523 }
 524
 525 .lp-archived a:hover, a:active, a:focus{
 526     color: rgb(255, 255, 255);
 527 }
 528
 529 .lp-banner {
 530   box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);
 531   margin-bottom: 20px;
 532   padding-bottom: 5px;
 533   border-bottom: 3px solid rgba(88, 208, 121, 0.8);
 534   text-shadow: 0px 1px 0px #ffffff;
 535   background-color: rgb(250, 250, 250);
 536 }
 537
 538 .lp-head img {
 539   margin: 0.5em 0 0.001em -1.5em;
 540 }
 541
 542 .lp-head p {
 543   margin: -0.54em 0 0.001em -4em;
 544 }
 545
 546 .lp-signup {
 547   margin-right: 10px;
 548   margin-left: 10px;
 549 }
 550
 551 .lp-banner .container {
 552   padding-right: 5px;
 553   padding-left: 5px;
 554   margin-right: auto;
 555   margin-left: auto;
 556 }
 557
 558 @media (max-width:551px) {
 559   .lp-head p {
 560     margin: 0 0 0.2em 0;
 561     text-align: center;
 562   }
 563   .lp-head img {
 564     margin: 1.5em auto 0.5em auto;
 565   }
 566 }
 567
 568 @media (min-width: 552px) and (max-width:767px) {
 569
 570   .lp-head img {
 571     margin: 1.5em auto 0.5em auto;
 572   }
 573   .lp-head p {
 574     margin: 0.37em 0 0.001em -3.6em;
 575   }
 576 }
 577
 578 @media (min-width: 768px) and (max-width:991px) {
 579   .lp-head img {
 580     margin-top: 1.0em;
 581   }
 582   .lp-head p {
 583     margin: -0.35em 0 0.001em -3.6em;
 584   }
 585 }
 586
 587 @media (min-width:1200px) {
 588   .lp-head p {
 589     margin: -0.54em 0 0.001em -7em;
 590   }
 591 }
 592
 593 .page-header {
 594   padding-bottom: 9px;
 595   margin: 40px 0 20px;
 596   border-bottom: none;
 597 }
 598
 599 /* Thumbnail */
 600
 601 .lp-thumbnail {
 602   float: right;
 603   margin-left: 0.5em;
 604 }
 605
 606
 607 @media (max-width: 635px) {
 608   .lp-thumbnail {
 609     float: none;
 610     margin-left: 0;
 611   }
 612 }
 613
 614 /* Sponsor Logo */
 615
 616 .spnsr-logo {
 617   display: inline-block;
 618   max-width: 40%;
 619   margin: 0px 40px 40px 0px;
 620 }
 621
 622 /* Panel */
 623
 624 #lp-panel {
 625   max-width: 32%;
 626   margin-left: 0.3em;
 627   float: right;
 628 }
 629
 630 #lp-panel-fixed {
 631   max-width: 32%;
 632   margin-left: 0.3em;
 633   position: fixed;
 634   right: 1%;
 635   top: 20%;
 636 }
 637
 638 #lp-panel-fixed ul {
 639   list-style: square;
 640   padding-left: 0.4em;
 641 }
 642
 643 #lp-panel-fixed li {
 644   margin-bottom: 0.5em;
 645 }
 646
 647 @media (max-width:551px) {
 648   #lp-panel-fixed {
 649     max-width: 100%;
 650     margin-left: 0;
 651         position: static;
 652   }
 653 }
 654
 655 @media (min-width: 552px) and (max-width:767px) {
 656   #lp-panel-fixed {
 657     max-width: 100%;
 658     margin-left: 0;
 659         position: static;
 660   }
 661 }
 662
 663 /* Navs */
 664
 665 @media (min-width:768px) {
 666   .nav {
 667     padding-left: 0;
 668     margin-bottom: 0;
 669     list-style: none;
 670     padding-top: 1.0em;
 671   }
 672   .lp-home {
 673     padding-top: 2.0em;
 674     padding-bottom: 1.0em;
 675   }
 676   .nav-padding-top {
 677     margin-top: 4.12em;
 678   }
 679 }
 680
 681 .nav > li {
 682   position: relative;
 683   display: block;
 684   color: inherit;
 685   text-shadow: 0px 0px 0px #dadada;
 686   text-align: center;
 687   margin-bottom: 0.4em;
 688   border: none;
 689   border-radius: 5px;
 690 }
 691
 692 .nav > li > a {
 693   position: relative;
 694   display: block;
 695   padding: 10px 15px;
 696   text-decoration: none;
 697   background-color: rgba(240, 240, 240, 0.8);
 698   transition: background-color 0.1s;
 699 }
 700
 701 .nav > li.fsf-donate > a {
 702   background-color: rgba(58, 208, 61, 0.6);
 703   margin-top: 20px;
 704   color: white;
 705 }
 706
 707 .nav > li > a:hover,
 708 .nav > li > a:focus {
 709   background-color: rgba(88, 208, 121, 1.0);
 710 }
 711
 712 .nav-pills > li > a {
 713   border-radius: 5px;
 714   color: inherit;
 715 }
 716
 717 .nav-pills > li.active > a,
 718 .nav-pills > li.active > a:hover,
 719 .nav-pills > li.active > a:focus {
 720   color: #ffffff;
 721   background-color: rgba(88, 208, 121, 1.0);
 722 }
 723
 724 #lp-mini-nav {
 725   position: fixed;
 726   bottom: 0%;
 727   right: 1%;
 728 }
 729
 730 .navbar-default {
 731     background-color: rgb(250, 250, 250);
 732     border-color: #e7e7e7;
 733     border-bottom: 3px solid rgba(88, 208, 121, 0.8);
 734 }
 735
 736 .navbar-brand {
 737     float: left;
 738     font-size: 18px;
 739     height: 50px;
 740     line-height: 20px;
 741     margin-bottom: 9px;
 742     padding: 15px;
 743 }
 744
 745 .navbar-toggle {
 746     background-color: transparent;
 747     background-image: none;
 748     border: 1px solid transparent;
 749     border-radius: 4px;
 750     float: right;
 751     margin-bottom: 8px;
 752     margin-right: 15px;
 753     margin-top: 13px;
 754     padding: 9px 10px;
 755     position: relative;
 756 }
 757
 758 .navbar-default .navbar-toggle {
 759     border-color: rgb(250, 250, 250);
 760 }
 761
 762 .navbar-default .navbar-toggle:focus,
 763 .navbar-default .navbar-toggle:hover {
 764     background-color: rgb(245, 245, 245);
 765 }
 766
 767 .navbar-default .navbar-toggle .icon-bar {
 768     background-color: rgb(180, 180, 180);
 769 }
 770
 771 .navbar-collapse {
 772     background-color: rgb(240, 240, 240);
 773     border-top: 1px solid transparent;
 774     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
 775     overflow-x: visible;
 776     padding-left: 15px;
 777     padding-right: 15px;
 778 }
 779
 780
 781 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
 782 -------------------------------------------------- */
 783
 784 html,
 785 body {
 786   height: 100%;
 787 }
 788
 789 #wrapper {
 790   min-height: 100%;
 791   height: auto !important;
 792   height: 100%;
 793   margin: 0 auto -60px;
 794   padding: 0 0 60px;
 795 }
 796
 797 #footer {
 798   height: auto;
 799   border-top: 2px solid #dadada;
 800   box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7);
 801   background-color: rgb(255, 255, 255);
 802   margin-top: 1.5em;
 803 }
 804
 805 #footer .container p {
 806   margin: 1.4em 0;
 807 }
 808
 809 /* KiwiIRC iframe */
 810 .irc-client {
 811     border:0;
 812     width:100%;
 813     height:450px;
 814 }