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