/* General */ body { font-family: sans-serif; font-size: 13px; line-height: 1.428571429; color: #333333; } h2 { margin-bottom: 0px; margin-top:0px; padding-top: 5px; } h3 { color: rgb(70, 80, 73); font-size: 20px; } .text-thick { font-weight: 900; } .margin-top { margin-top: 22px; } .word-break { word-break: break-all; } /* LP Program */ .program-day { margin-bottom: 10px; } .program-day-header h2 { font-size: 2.1em; } .program-timeslot-break { margin-bottom: 2px; } .program-timeslot-break-header h2 { font-size: 1.6em; color: rgb(150, 150, 150); } .program-timeslot { margin-top: 5px; margin-bottom: 1px; } .program-timeslot-header h2 { font-size: 1.6em; } .program-session-header h2 { font-size: 1.3em; font-weight: 500; margin-bottom: 3px; } .program-session button { font-size: 10px; } .program-session-speaker { margin: 0px 7px 0px 0px; font-style: italic; } .speaker-bio { padding-bottom: 25px; } .speakers-block { border-bottom: 1px solid rgb(200, 200, 200); margin-bottom: 20px; } .keynote-speakers-header { margin-bottom: 20px; } .speaker-block { padding-bottom: 20px; } .keynote-speaker-header h2 { font-size: 25px; padding-top: 0px; } .speaker-header h2 { font-size: 20px; padding-top: 0px; } .program-session-room-details { margin-top: 4px; } .program-session-room-details button { margin-left: 5px; } .program-session-ical-bg { background-color: rgb(245, 245, 245); padding: 5px; border-radius: 3px; } article.ical-howto header { margin-bottom: 10px; } article.ical-howto h2 { font-size: 15px; } /* Breadcrumb */ .breadcrumb > .active { color: rgb(38, 208, 61); } /* Links */ a:hover, a:focus { color: rgb(38, 208, 61); text-decoration: none; } a { color: inherit; text-decoration: underline; -moz-text-decoration-color: rgb(88, 208, 121); text-decoration-color: rgb(88, 208, 121); } .alt-a { color: inherit; text-decoration: none; -moz-text-decoration-color: rgb(88, 208, 121); text-decoration-color: rgb(88, 208, 121); } .lp-home a { text-decoration: none; } /* hr */ hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #bababa; } /* LP Video */ .lp-video { width: 100%; } /* Forms */ .form-control:-moz-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: rgba(250, 250, 250, 0.7); border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .form-control:focus { border-color: rgb(88, 208, 121); outline: 0; -webkit-box-shadow: none; box-shadow: none; } .scholarship-input-annotation { margin-bottom: -0.6em; } .lp-signup .form-group { margin-bottom: 2px; } .lp-label-news { display: inline-block; } .checkbox .help-block { display: inline-block; margin-top: 0; margin-left: 0; margin-bottom: 10px; color: #737373; } .form-group .lp-left-form-checkbox-text { text-align:right; font-weight: bold; } @media screen and (min-width: 320px) and (max-width: 768px){ .form-group .lp-left-form-checkbox-text { text-align: left; font-weight: bold; } .lp-label-news { font-size: 0.9em; } .checkbox .help-block { font-size: 0.9em; } } .field-required { color: rgba(128, 0, 0, 0.6); } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 30px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-clear-link { display: inline-block; padding-left: 5px; margin-bottom: 0; margin-top: 5px; font-weight: normal; vertical-align: middle; cursor: pointer; } /* Buttons */ .btn-default { color: #ffffff; background-color: rgba(88, 208, 121, 0.8); border-color: rgba(88, 208, 121, 0.5); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #ffffff; background-color: rgba(88, 208, 121, 1.0); border-color: rgba(88, 208, 121, 0.2); } @media (min-width:1280px) { .btn-block { display: block; margin-right:auto; margin-left:auto; width: 85%; padding-right: 0; padding-left: 0; } } .fsf-donate-button { margin-left: 24%; margin-top: 5px; margin-bottom: 10px; width:56%; } @media (max-width:768px) { .fsf-donate-button { margin-left: 38%; margin-top: 5px; margin-bottom: 10px; width:22%; } } @media (min-width:320px) and (max-width:360px) { .fsf-donate-button { margin-left: 28%; margin-top: 5px; margin-bottom: 10px; width:46%; } } .btn-register { margin-top: 0.5em; margin-bottom: 0.3em; color: #ffffff; text-shadow: 0px 0px 0px #ffffff; background-color: rgba(58, 208, 61, 0.6); background-color: rgba(58, 208, 61, 0.6); text-decoration: none; } .btn-register:hover, .btn-register:focus, .btn-register:active, .btn-register.active, .open .dropdown-toggle.btn-register { color: #ffffff; background-color: rgba(74, 161, 74, 0.9); border-color: rgba(57, 132, 57, 0.2); } .btn-register:active, .btn-register.active, .open .dropdown-toggle.btn-register { background-image: none; } /* Carousel */ .btn-carousel { font-size: 1.15em; font-weight: 100; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; left: 50%; z-index: 5; display: none; } .carousel-caption-tr { position: absolute; font-size: 1.1em; top: 5%; bottom: auto; right: 1.5%; left: 38%; z-index: 10; padding-top: 10px; padding-bottom: 10px; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0,0.6); border-radius: 8px; } .carousel-caption-bl { position: absolute; font-size: 1.1em; top: auto; bottom: 5%; right: 45%; left: 2%; z-index: 10; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0,0.6); border-radius: 8px; } .carousel-caption-tl { position: absolute; font-size: 1.1em; top: 5%; bottom: auto; right: 34%; left: 2%; z-index: 10; padding-top: 10px; padding-bottom: 10px; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0,0.6); border-radius: 8px; } .carousel-caption-center { position: absolute; font-size: 1.1em; top: 50%; bottom: auto; right: auto; left: 35%; z-index: 10; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0,0.6); border-radius: 8px; } .carousel-caption-bottom { color: rgb(51, 51, 51); position: static; z-index: 10; height: 2em; padding-top: 1px; padding-bottom: 1px; font-size: larger; text-align: center; background-color: rgba(240, 240, 240, .8); border-radius: 0px 0px 8px 8px; } @media screen and (min-width: 1280px) { .carousel-caption-tr { padding-bottom: 10px; margin-left: 65px; margin-right: auto; } .carousel-caption-bl { padding-bottom: 10px; margin-left: auto; margin-right: 65px; } } @media screen and (min-width: 600px) and (max-width: 980px){ .btn-carousel { font-size: 0.9em; font-weight: 200; } } @media screen and (min-width: 320px) and (max-width: 480px){ .carousel-caption-tl { right: 2%; } .btn-carousel { font-size: 0.85em; font-weight: 200; } .carousel-caption-tr { left: 1%; } } .carousel-control.left { background-image: none; background-repeat: repeat-x; } .carousel-control.right { background-image: none; background-repeat: repeat-x; left: auto; right: 0; } /* Header */ .lp-archived { background-color: rgb(88, 208, 121); color: rgb(255, 255, 255); text-align: center; padding: 2.5px 0; } .lp-archived p { margin: 0 0 0; } .lp-archived a { border-bottom: 0.1px dotted rgb(200, 220, 200); } .lp-archived a:hover, a:active, a:focus{ color: rgb(255, 255, 255); } .lp-banner { box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7); margin-bottom: 20px; padding-bottom: 5px; border-bottom: 3px solid rgba(88, 208, 121, 0.8); text-shadow: 0px 1px 0px #ffffff; background-color: rgb(250, 250, 250); } .lp-head img { margin: 0.5em 0 0.001em -1.5em; } .lp-head p { margin: -0.54em 0 0.001em -4em; } .lp-signup { margin-right: 10px; margin-left: 10px; } .lp-banner .container { padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; } @media (max-width:551px) { .lp-head p { margin: 0 0 0.2em 0; text-align: center; } .lp-head img { margin: 1.5em auto 0.5em auto; } } @media (min-width: 552px) and (max-width:767px) { .lp-head img { margin: 1.5em auto 0.5em auto; } .lp-head p { margin: 0.37em 0 0.001em -3.6em; } } @media (min-width: 768px) and (max-width:991px) { .lp-head img { margin-top: 1.0em; } .lp-head p { margin: -0.35em 0 0.001em -3.6em; } } @media (min-width:1200px) { .lp-head p { margin: -0.54em 0 0.001em -7em; } } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: none; } /* Thumbnail */ .lp-thumbnail { float: right; margin-left: 0.5em; } @media (max-width: 635px) { .lp-thumbnail { float: none; margin-left: 0; } } /* Sponsor Logo */ .spnsr-logo { display: inline-block; max-width: 40%; margin: 0px 40px 40px 0px; } /* Panel */ #lp-panel { max-width: 32%; margin-left: 0.3em; float: right; } #lp-panel-fixed { max-width: 32%; margin-left: 0.3em; position: fixed; right: 1%; top: 20%; } #lp-panel-fixed ul { list-style: square; padding-left: 0.4em; } #lp-panel-fixed li { margin-bottom: 0.5em; } @media (max-width:551px) { #lp-panel-fixed { max-width: 100%; margin-left: 0; position: static; } } @media (min-width: 552px) and (max-width:767px) { #lp-panel-fixed { max-width: 100%; margin-left: 0; position: static; } } /* Navs */ @media (min-width:768px) { .nav { padding-left: 0; margin-bottom: 0; list-style: none; padding-top: 1.0em; } .lp-home { padding-top: 2.0em; padding-bottom: 1.0em; } .nav-padding-top { margin-top: 4.12em; } } .nav > li { position: relative; display: block; color: inherit; text-shadow: 0px 0px 0px #dadada; text-align: center; margin-bottom: 0.4em; border: none; border-radius: 5px; } .nav > li > a { position: relative; display: block; padding: 10px 15px; text-decoration: none; background-color: rgba(240, 240, 240, 0.8); transition: background-color 0.1s; } .nav > li.fsf-donate > a { background-color: rgba(58, 208, 61, 0.6); margin-top: 20px; color: white; } .nav > li > a:hover, .nav > li > a:focus { background-color: rgba(88, 208, 121, 1.0); } .nav-pills > li > a { border-radius: 5px; color: inherit; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: rgba(88, 208, 121, 1.0); } #lp-mini-nav { position: fixed; bottom: 0%; right: 1%; } .navbar-default { background-color: rgb(250, 250, 250); border-color: #e7e7e7; border-bottom: 3px solid rgba(88, 208, 121, 0.8); } .navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; margin-bottom: 9px; padding: 15px; } .navbar-toggle { background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 13px; padding: 9px 10px; position: relative; } .navbar-default .navbar-toggle { border-color: rgb(250, 250, 250); } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: rgb(245, 245, 245); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(180, 180, 180); } .navbar-collapse { background-color: rgb(240, 240, 240); border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; overflow-x: visible; padding-left: 15px; padding-right: 15px; } /* Footer - adapted from -------------------------------------------------- */ html, body { height: 100%; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; padding: 0 0 60px; } #footer { height: auto; border-top: 2px solid #dadada; box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7); background-color: rgb(255, 255, 255); margin-top: 1.5em; } #footer .container p { margin: 1.4em 0; } /* KiwiIRC iframe */ .irc-client { border:0; width:100%; height:450px; }