updated 2016/assets/css/custom.css

diff --git a/2016/assets/css/custom.css b/2016/assets/css/custom.css
index 108435bf75f6d0635f706033ecd35ceaf7f25024..1a9943558bf06cdba0b8b3a75d8b9f94144b017b 100644 (file)
--- a/2016/assets/css/custom.css
+++ b/2016/assets/css/custom.css
@@ -13,6 +13,25 @@ h2 {
     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;
 }
@@ -53,6 +72,14 @@ h2 {
     margin: 0px 7px 0px 0px;
 }
 
+/* Breadcrumb */
+
+.breadcrumb > .active {
+       color: rgb(38, 208, 61);
+}
+
+/* Links */
+
 a:hover,
 a:focus {
   color: rgb(38, 208, 61);
@@ -70,8 +97,333 @@ a {
   text-decoration-color: rgb(88, 208, 121);
 }
 
-.text-thick {
-       font-weight: 900;
+.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-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;
+}
+
+@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%;
+  }
 }
 
 /* Header */
@@ -80,6 +432,7 @@ a {
   box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);
   margin-bottom: 20px;
   text-shadow: 0px 1px 0px #ffffff;
+  background-image: url(/2014/assets/img/l-noise.png);
 }
 
 .lp-head img {
@@ -90,6 +443,11 @@ a {
   margin: -0.79em 0 0.001em -4em;
 }
 
+.lp-signup {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
 .lp-banner .container {
   padding-right: 5px;
   padding-left: 5px;
@@ -97,12 +455,6 @@ a {
   margin-left: auto;
 }
 
-.btn-register:active,
-.btn-register.active,
-.open .dropdown-toggle.btn-register {
-  background-image: none;
-}
-
 @media (max-width:551px) {
   .lp-head p {
     margin: 0 0 0.2em 0;
@@ -138,42 +490,79 @@ a {
   }
 }
 
-@media (min-width:1280px) {
-  .btn-block {
-    display: block;
-    margin-right:auto;
-    margin-left:auto;
-    width: 85%;
-    padding-right: 0;
-    padding-left: 0;
+.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;
   }
 }
 
-.fsf-donate-button {
-  margin-left: 24%;
-  margin-top: 5px;
-  margin-bottom: 10px;
-  width:56%;
+/* Sponsor Logo */
+
+.sponsor-logo {
+  display: inline-block;
+  max-width: 40%;
+  margin: 0px 40px 40px 0px;
 }
 
-@media (max-width:768px) {
-  .fsf-donate-button {
-    margin-left: 38%;
-    margin-top: 5px;
-    margin-bottom: 10px;
-    width:22%;
+/* 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:320px) and (max-width:360px) {
-  .fsf-donate-button {
-    margin-left: 28%;
-    margin-top: 5px;
-    margin-bottom: 10px;
-    width:46%;
+@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;
@@ -232,6 +621,12 @@ a {
   background-color: rgba(88, 208, 121, 1.0);
 }
 
+#lp-mini-nav {
+  position: fixed;
+  bottom: 0%;
+  right: 1%;
+}
+
 
 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
 -------------------------------------------------- */