style headlines

2 files changed, 30 insertions, 27 deletions

diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less
index 0e13b1e..d683b5b 100644
--- a/configs/conferences/33c3/main.less
+++ b/configs/conferences/33c3/main.less
@@ -1,10 +1,14 @@
 @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%);
+@turquoise: #009c8b;
+@darker-grey:   #262626;
+@dark-grey:     lighten(@darker-grey, 20%);
+@light-grey:    lighten(@darker-grey, 30%);
+@lighter-grey:  lighten(@darker-grey, 40%);
+
+@turquoise-dot: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURQCciwDkomQAAAALSURBVAjXY2AAAQAABgABZvTJbAAAAABJRU5ErkJggg==";
 
 // often configured values (and their defaults):
 //
@@ -24,19 +28,6 @@
 @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
@@ -58,8 +49,26 @@ body {
 }
 
 h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-brand {
-	font-family: 'Roboto Condensed';
-	font-weight: 300;
+	font-family: sans-serif;
+}
+
+.overview {
+	h2 {
+		text-align: center;
+		background-image: url(@turquoise-dot);
+		background-repeat: repeat-x;
+		background-position: 0 50%;
+
+		text-transform: uppercase;
+		font-weight: bold;
+
+		margin: 60px 0 30px 0;
+
+		span {
+			background-color: black;
+			padding: 0 15px;
+		}
+	}
 }
 
 .navbar-brand {
diff --git a/template/overview.phtml b/template/overview.phtml
index 39cca02..bbb9568 100644
--- a/template/overview.phtml
+++ b/template/overview.phtml
@@ -1,17 +1,11 @@
 <? include("$assemblies/banner.phtml") ?>
 
 <div class="container">
-	<div class="row headline">
-		<div class="col-xs-12">
-			<h1><?=h($title)?></h1>
-		</div>
-	</div>
-
 	<? $i = 0; foreach($overview->getGroups() as $group => $rooms): ?>
 		<? if($group): ?>
 			<div class="row">
 				<div class="col-xs-12">
-					<h2><?=h($group)?></h2>
+					<h2><span><?=h($group)?></span></h2>
 				</div>
 			</div>
 		<? endif ?>
@@ -111,7 +105,7 @@
 		<div class="row recordings">
 
 			<div class="col-xs-12">
-				<h2>Recordings</h2>
+				<h2><span>Recordings</span></h2>
 			</div>
 
 			<? if($conference->hasReleases()): ?>