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