[MTELELENA-2] Apply Lens particularities to default theme

static/lens/_header.scss

@@ -0,0 +1,124 @@
+$header-full-width-background: true !default;
+$header-background-color: null !default;
+
+@mixin header-background {
+	body.has-header-background & {
+		background: url(/assets/header:background) top center no-repeat;
+		background-size: cover;
+	}
+	background-color: $header-background-color;
+}
+
+@if ($header-full-width-background) {
+	.site-header {
+		@include header-background();
+	}
+} @else {
+	#header {
+		@include header-background();
+	}
+}
+
+h1#logo.has-logo {
+	a {
+		background: transparent url(/assets/header:logo) center left no-repeat;
+		background-size: contain;
+		text-indent: -10000px;
+		min-width: 206px;
+        height: 206px;
+		display: inline-block;
+	}
+}
+
+div#page {
+	max-width: 1920px;
+	margin: auto;
+}
+
+body.has-header-background header {
+	background-position: 50% 62px;
+	@media screen and ($max-mobile-viewport) {
+		background-position: 50% 42px;
+	}
+}
+
+div#header-wrapper {
+	border-top: 62px solid $primary-color;
+}
+
+div#header {
+	max-width: none;
+	width: 100%;
+	margin: 0 auto;
+	position: relative;
+	top: -85px;
+	z-index: 0;
+	padding: 0 2ex;
+	height: 174px;
+	// @media screen and ($max-mobile-viewport) {
+	// 	height: 150px;
+	// 	h1 {
+	// 		padding-left: 0;
+	// 	}
+	// }
+}
+
+h1#logo a {
+	background: url(images/logo.png) 10px 0px no-repeat;
+	background-size: 140px;
+	height: 140px;
+	padding-left: 0;
+	color: #ffffff;
+	display: block;
+	font-size: 21px;
+	font-weight: normal;
+	@media screen and ($max-mobile-viewport) {
+		background-position: 0 0;
+		background-size: 80px;
+		padding-left: 90px;
+	}
+	span.site-title {
+		font-family: $title-font-family;
+		padding-top: 5px;
+		font-size: 18px;
+		display: block;
+		line-height: 50px;
+		text-transform: uppercase;
+	}
+	&:hover {
+		text-decoration: none;
+	}
+}
+
+#toplinks {
+	background: transparent;
+	box-shadow: none;
+	border: none;
+	padding-top: 27px;
+	a {
+		line-height: 52px;
+		color: white;
+		font-size: 16px;
+	}
+
+	@media screen and ($max-mobile-viewport) {
+		a {
+			display: inline-block;
+			padding-top: 5px;
+			padding-right: 5px;
+			line-height: 100%;
+		}
+		.connected-user {
+			display: none;
+		}
+	}
+}
+
+#nav-wrapper {
+	background-color: #f2f2f2;
+}
+
+#toplinks span.connected-user {
+    color: white;
+    font-style: oblique;
+}

static/lens/_vars.scss

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 
 /*STYLE*/
-$primary-color: hsl(332, 72%, 43%);
+$primary-color: #343F4D;
 $width: 1200px;
 $mobile-limit: 800px;
 $font-size: 16px !default;

static/lens/style.scss

@@ -19,3 +19,4 @@
 @import "../imio/responsive";
 
 @import "custom";
+@import "header";