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