[libreplanet-static.git] / 2016 / assets / css / custom.css

/* 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;
}

/* 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-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 <http://getbootstrap.com/examples/sticky-footer/>
-------------------------------------------------- */

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