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