X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=2015%2Fassets%2Fcss%2Fcustom.css;h=b10bb060885b148665f400cb1908c7ee2b6d22f9;hb=HEAD;hp=eb2693045a7cace9b30bdee729af848f00176873;hpb=a6b43cb0006e691e3ef7c0bb982cab89ee544e6f;p=libreplanet-static.git

diff --git a/2015/assets/css/custom.css b/2015/assets/css/custom.css
index eb269304..b10bb060 100644
--- a/2015/assets/css/custom.css
+++ b/2015/assets/css/custom.css
@@ -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: 2.0em 0 0.001em 0.61em;
+.breadcrumb > .active {
+	color: rgb(38, 208, 61);
 }
 
-.lp-head p {
-   margin: 2.975em 0 0 -0.9em;
+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: 2.4em;
-	}
-	.lp-head p {
-		margin: 2.855em 0 0 -0.9em;
-	}
+.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: 2.975em 0 0 -4.1em;
-	}
+.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: 2em;
-	margin-bottom: 0.3em;
-	color: #ffffff;
-	text-shadow: 0px 0px 0px #ffffff;
-	background-color: rgba(92, 184, 92, 0.9);
-	border-color: rgba(76, 174, 76, 0.2);
+.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;
 }