copy 32c3 design

1 files changed, 163 insertions, 0 deletions

diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less
new file mode 100644
index 0000000..e0ea9d8
--- /dev/null
+++ b/configs/conferences/33c3/main.less
@@ -0,0 +1,163 @@
+@import "../../../assets/css/_structure.less";
+
+// conference specific styles here
+@darker-grey:   lighten(black, 15%);
+@dark-grey:     lighten(black, 20%);
+@light-grey:    lighten(black, 30%);
+@lighter-grey:  lighten(black, 40%);
+
+// often configured values (and their defaults):
+//
+@brand-primary:         #f19224;
+@text-color:            white;
+
+@link-color:            white;
+@link-hover-color:      @lighter-grey;
+
+@navbar-height:         70px;
+
+@navbar-default-color:  white;
+@navbar-default-bg:     #000;
+
+@navbar-default-border: white;
+
+@navbar-default-link-color:       white;
+//@navbar-default-link-hover-color: @link-hover-color;
+
+@font-face {
+  font-family: 'Roboto Condensed';
+  font-style: normal;
+  font-weight: 300;
+  src: url('roboto-condensed-v13-latin-300.eot'); /* IE9 Compat Modes */
+  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
+       url('roboto-condensed-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('roboto-condensed-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('roboto-condensed-v13-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('roboto-condensed-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('roboto-condensed-v13-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
+}
+
+body {
+	background-color: black;
+  padding: @navbar-height 0
+}
+
+.panel-default {
+	color: @dark-grey;
+	a {
+		color: @dark-grey;
+	}
+}
+.panel-primary {
+	background-color: @light-grey;
+	border-color: @light-grey;
+	color: white;
+	a {
+		color: white;
+	}
+}
+
+h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-brand {
+  font-family: 'Roboto Condensed';
+  font-weight: 300;
+}
+
+.navbar-brand {
+  font-size: 20px;
+}
+
+.well {
+	color: @dark-grey;
+}
+
+.banner {
+  margin-top: 40px;
+  background: url(logo.gif) no-repeat center;
+	height: 170px;
+	text-indent: -9999em;
+}
+
+@media (max-width: 480px) {
+  .banner {
+    margin-top: 60px;
+  }
+}
+
+.player-wrap {
+	background-color: @darker-grey;
+}
+
+.nav-tabs > li > a {
+	border-color: @dark-grey;
+}
+
+nav .navbar-form {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+nav .button-wrapper > .btn {
+ width: 70px;
+ height: 70px;
+ margin-left: -1px;
+ border-color: white;
+ border-top: 0;
+ border-bottom: 0;
+ border-radius: 0;
+ background: url(icons.png) no-repeat left top;
+ text-indent: -9999px;
+ display: block;
+ float: left;
+}
+
+nav .button-wrapper > .btn-ssl {
+  background-position: -72px top;
+}
+
+nav .button-wrapper > .btn-ssl.btn-success {
+  background-position: left top;
+}
+
+nav .button-wrapper > .feedback {
+  background-position: -216px top;
+}
+
+nav .button-wrapper > .releases {
+  background-position: -144px top;
+}
+
+nav .button-wrapper > .about {
+  background-position: -288px top;
+}
+
+.well a {
+  color: @dark-grey;
+  text-decoration: underline;
+}
+.alert {
+  a {
+    text-decoration: underline;
+  }
+  &.alert-success a {
+    color: @state-success-text;
+  }
+  &.alert-info a {
+    color: @state-info-text;
+  }
+  &.alert-warning a {
+    color: @state-warning-text;
+  }
+  &.alert-danger a {
+    color: @state-danger-text;
+  }
+}
+
+body.multiview .cell {
+  color: black;
+}
+
+.closed .about a {
+  text-decoration: underline;
+  color: @brand-primary;
+}