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