add recent updates
[libreplanet-static.git] / 2015 / assets / css / custom.css
index 4afe7d5f404949b5775c9bb791b2671e3958542c..b10bb060885b148665f400cb1908c7ee2b6d22f9 100644 (file)
@@ -1,3 +1,5 @@
+/* General */
+
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
@@ -5,102 +7,98 @@ body {
   color: #333333;
 }
 
+h3  {
+  color: rgb(88, 208, 121);
+}
 
-h2, h3  {
-       color: rgb(88, 208, 121);
+h3 {
+  font-size: 20px;
 }
 
-h2 small, h2 .small,
-h3 small, h3 .small  {
-       color: rgba(88, 208, 121, 0.6);
+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);
+}
 
-h3 {
-  font-size: 20px;
+.alt-a {
+  color: inherit;
+  text-decoration: none;
+  -moz-text-decoration-color: rgb(88, 208, 121);
+  text-decoration-color: rgb(88, 208, 121);
 }
 
-.lp-banner {
-  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);
+.text-thick {
+       font-weight: 900;
 }
 
-.lp-head img {
-  margin: 0.5em 0 0.001em -1.5em;
+.breadcrumb > .active {
+       color: rgb(38, 208, 61);
 }
 
-.lp-head p {
-   margin: 0.9em 0 0.001em -3.21em;
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #bababa;
 }
 
 #lp-panel {
-       max-width: 32%;
-       margin-left: 0.3em;
-       float: right;
+  max-width: 32%;
+  margin-left: 0.3em;
+  float: right;
 }
 
-#lp-panel ul {
-       list-style: square;
-       padding-left: 0.4em;
+#lp-panel-fixed {
+  max-width: 32%;
+  margin-left: 0.3em;
+  position: fixed;
+  right: 1%;
+  top: 20%;
 }
 
-#lp-panel li {
-       margin-bottom: 0.5em;
+#lp-mini-nav {
+  position: fixed;
+  bottom: 0%;
+  right: 1%;
 }
 
-#lp-updates {
-       max-width: 35%;
-       margin-left: 0.3em;
-}
-
-@media (max-width:767px) {
-       .lp-head img {
-               margin: 1.5em auto 0.001em auto;
-       }
-       .lp-head p {
-               margin: 0.5em 0 0 0;
-               text-align: center;
-       }
-       #lp-panel {
-               max-width: 100%;
-               margin-left: 0;
-               float: none;
-       }
-       #lp-updates {
-               max-width: 100%;
-               margin-left: 0;
-       }
+#lp-panel-fixed ul {
+  list-style: square;
+  padding-left: 0.4em;
 }
 
-.lp-thumbnail {
-       float: right;
-       margin-left: 0.5em;
+#lp-panel-fixed li {
+  margin-bottom: 0.5em;
 }
 
-
-@media (max-width: 635px) {
-       .lp-thumbnail {
-               float: none;
-               margin-left: 0;
-       }
+#lp-updates {
+  max-width: 35%;
+  margin-left: 0.3em;
 }
 
+/* Header */
 
-@media (min-width: 768px) and (max-width:991px) {
-       .lp-head img {
-               margin-top: 1.0em;
-       }
-       .lp-head p {
-               margin: 0.9em 0 0 -2.3em;
-       }
+.lp-banner {
+  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);
 }
 
-@media (min-width:1200px) {
-       .lp-head p {
-               margin: 0.9em 0 0.001em -6.21em;
-       }
+.lp-head img {
+  margin: 0.5em 0 0.001em -1.5em;
+}
+
+.lp-head p {
+  margin: -0.79em 0 0.001em -4em;
 }
 
 .lp-signup {
@@ -109,48 +107,125 @@ h3 {
 }
 
 .lp-banner .container {
-       padding-right: 5px;
-       padding-left: 5px;
-       margin-right: auto;
-       margin-left: auto;
+  padding-right: 5px;
+  padding-left: 5px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
-
-.btn-register-lp14 {
-       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);
+.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-lp14:hover,
-.btn-register-lp14:focus,
-.btn-register-lp14:active,
-.btn-register-lp14.active,
-.open .dropdown-toggle.btn-register-lp14 {
+.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-lp14:active,
-.btn-register-lp14.active,
-.open .dropdown-toggle.btn-register-lp14 {
+.btn-register:active,
+.btn-register.active,
+.open .dropdown-toggle.btn-register {
   background-image: none;
 }
 
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: none;
+}
+
+.sponsor-logo {
+  display: inline-block;
+  max-width: 40%;
+  margin: 0px 40px 40px 0px;
+}
+
+@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;
+  }
+
+  #lp-panel-fixed {
+    max-width: 100%;
+    margin-left: 0;
+       position: static;
+  }
+}
+
+@media (min-width: 552px) and (max-width:767px) {
+
+  .lp-head img {
+    margin: 1.5em auto 0.5em auto;
+  }
+  .lp-head p {
+    margin: 0.27em 0 0.001em -3.6em;
+  }
+
+  #lp-panel-fixed {
+    max-width: 100%;
+    margin-left: 0;
+       position: static;
+  }
+
+  #lp-updates {
+    max-width: 100%;
+    margin-left: 0;
+  }
+}
+
+.lp-thumbnail {
+  float: right;
+  margin-left: 0.5em;
+}
+
+
+@media (max-width: 635px) {
+  .lp-thumbnail {
+    float: none;
+    margin-left: 0;
+  }
+}
+
+
+@media (min-width: 768px) and (max-width:991px) {
+  .lp-head img {
+    margin-top: 1.0em;
+  }
+  .lp-head p {
+    margin: -0.45em 0 0.001em -3.6em;
+  }
+}
+
+@media (min-width:1200px) {
+  .lp-head p {
+    margin: -0.79em 0 0.001em -7em;
+  }
+}
 
 @media (min-width:1280px) {
-       .btn-block {
-               display: block;
-               margin-right:auto;
-               margin-left:auto;
-               width: 85%;
-               padding-right: 0;
-               padding-left: 0;
-       }
+  .btn-block {
+    display: block;
+    margin-right:auto;
+    margin-left:auto;
+    width: 85%;
+    padding-right: 0;
+    padding-left: 0;
+  }
 }
 
 
@@ -162,30 +237,23 @@ h3 {
 }
 
 @media (max-width:768px) {
-       .fsf-donate-button {
-         margin-left: 38%;
-         margin-top: 5px;
-         margin-bottom: 10px;
-         width:22%;
-       }
+  .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%;
+    margin-left: 28%;
+    margin-top: 5px;
+    margin-bottom: 10px;
+    width:46%;
   }
 }
 
-.page-header {
-  padding-bottom: 9px;
-  margin: 40px 0 20px;
-  border-bottom: none;
-}
-
-
 .form-control:-moz-placeholder {
   color: #777777;
 }
@@ -215,9 +283,9 @@ h3 {
   border: 1px solid #cccccc;
   border-radius: 4px;
   -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   -webkit-transition: border-color ease-in-out 0.15s;
-          transition: border-color ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s;
 }
 
 .form-control:focus {
@@ -228,7 +296,7 @@ h3 {
 }
 
 .scholarship-input-annotation {
-       margin-bottom: -0.6em;
+  margin-bottom: -0.6em;
 }
 
 .lp-signup .form-group {
@@ -236,7 +304,7 @@ h3 {
 }
 
 .lp-label-news {
-       display: inline-block;
+  display: inline-block;
 }
 
 .checkbox .help-block {
@@ -247,19 +315,19 @@ h3 {
 }
 
 .form-group .lp-left-form-checkbox-text {
-       text-align:right;
-       font-weight: bold;
+  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;
-       }
+  .form-group .lp-left-form-checkbox-text {
+    text-align: left;
+    font-weight: bold;
+  }
 }
 
 .field-required {
-       color: rgba(128, 0, 0, 0.6);
+  color: rgba(128, 0, 0, 0.6);
 }
 
 .radio-inline,
@@ -298,19 +366,24 @@ h3 {
   border-color: rgba(88, 208, 121, 0.2);
 }
 
+.lp-home a {
+  text-decoration: none;
+}
+
 @media (min-width:768px) {
-       .nav {
-         padding-left: 0;
-         margin-bottom: 0;
-         list-style: none;
-         padding-top: 1.0em;
-       }
-       .lp-home {
-      padding-top: 2.0em;
-       }
-       .nav-padding-top {
-      margin-top: 4.12em;
-       }
+  .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 {
@@ -328,6 +401,7 @@ h3 {
   position: relative;
   display: block;
   padding: 10px 15px;
+  text-decoration: none;
   background-color: rgba(145, 145, 145, 0.8);
   transition: background-color 1s;
 }
@@ -339,7 +413,6 @@ h3 {
 
 .nav > li > a:hover,
 .nav > li > a:focus {
-  text-decoration: none;
   background-color: rgba(88, 208, 121, 1.0);
 }
 
@@ -356,8 +429,8 @@ h3 {
 }
 
 .btn-carousel {
-       font-size: 1.15em;
-       font-weight: 100;
+  font-size: 1.15em;
+  font-weight: 100;
 }
 
 .carousel-control .icon-prev,
@@ -383,16 +456,10 @@ h3 {
   padding-bottom: 10px;
   color: #ffffff;
   text-align: center;
-  background-color: rgba(0, 0, 0,0.4);
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0,0.6);
   border-radius: 8px;
 }
 
-.call-for-proposal {
-       right: 2%;
-       left: 35%;
-}
-
 .carousel-caption-bl {
   position: absolute;
   font-size: 1.1em;
@@ -407,8 +474,7 @@ h3 {
   padding-right: 10px;
   color: #ffffff;
   text-align: center;
-  background-color: rgba(0, 0, 0,0.4);
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0,0.6);
   border-radius: 8px;
 }
 
@@ -424,31 +490,48 @@ h3 {
   padding-bottom: 10px;
   color: #ffffff;
   text-align: center;
-  background-color: rgba(0, 0, 0,0.4);
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  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;
+    margin-left: 65px;
+    margin-right: auto;
   }
 
   .carousel-caption-bl {
     padding-bottom: 10px;
-       margin-left: auto;
-       margin-right: 65px;
+    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;
-       }
+  .btn-carousel {
+    font-size: 0.9em;
+    font-weight: 200;
+  }
 }
 
 @media screen and (min-width: 320px) and (max-width: 480px){
@@ -457,46 +540,37 @@ h3 {
   }
 
   .btn-carousel {
-         font-size: 0.85em;
-         font-weight: 200;
+    font-size: 0.85em;
+    font-weight: 200;
   }
   .carousel-caption-tr {
     left: 1%;
   }
 }
 
-a {
-  color: rgb(88, 208, 121);
-  text-decoration: none;
-}
-
-a:hover,
-a:focus {
-  color: rgb(38, 208, 61);
-  text-decoration: none;
+.margin-top {
+  margin-top: 22px;
 }
 
-hr {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border: 0;
-  border-top: 1px solid #bababa;
+.speaker-bio {
+  vertical-align:top;
+  margin-bottom: 3em;
 }
 
-.margin-top {
-       margin-top: 22px;
+.speaker-bio h3 {
+  margin-top: 0px;
 }
 
-.speaker {
-  vertical-align:top;
+.session {
+  margin-bottom: 40px;
 }
 
-.session-speaker h3 {
-       margin-top: 0em;
+.session h4 {
+  margin-bottom: 0px;
 }
 
 .session-speaker {
-       margin-bottom: 1.8em;
+  line-height: 3em;
 }
 
 .speaker-photo {
@@ -504,8 +578,16 @@ hr {
   padding-right:15px;
 }
 
+.session-details {
+  margin-left:15%;
+}
+
 .lp-video {
-       width: 100%;
+  width: 100%;
+}
+
+.word-break {
+  word-break: break-all;
 }
 
 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
@@ -533,5 +615,12 @@ body {
 }
 
 #footer .container p {
-       margin: 1.4em 0;
+  margin: 1.4em 0;
+}
+
+/* KiwiIRC iframe */
+.irc-client {
+    border:0;
+    width:100%;
+    height:450px;
 }