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