beaulieu: add theme (#37945)

static/beaulieu/_custom.scss

@@ -0,0 +1,87 @@
+body {
+	background: $primary-color url(img/fond_repeat.jpg) top center repeat-y;
+	background-attachment: fixed;
+}
+
+#header-wrapper {
+	#header {
+		background: $primary-color linear-gradient(to bottom, #5fa3c6 0%, #4c86b4 100%);
+	}
+	h1 {
+		padding-top: 20px;
+		a {
+			background: url(img/logo.png) top left no-repeat;
+			display: block;
+			color: white;
+			height: 120px;
+			line-height: 120px;
+			padding-left: 260px;
+		}
+		@media screen and (max-width: $mobile-limit) {
+			padding-left: 0;
+			padding-top: 50px;
+			a {
+				background: none;
+				height: 70px;
+				padding-left: 0px;
+				line-height: 70px;
+			}
+		}
+	}
+}
+
+#page {
+	background: url(img/fond_fixe.jpg) top center no-repeat;
+}
+
+@media screen and (max-width: $mobile-limit) {
+	div#nav-wrapper {
+		background: inherit;
+	}
+}
+
+div#nav {
+	margin-top: 0;
+	border-radius: 0;
+	& > ul {
+		margin-top: 0;
+		margin-bottom: 0;
+		a {
+			text-transform: uppercase;
+		}
+	}
+}
+
+#toplinks {
+	background: white;
+	border: none;
+	box-shadow: none;
+	border-radius: 0;
+	a {
+		display: inline-block;
+		color: $font-color;
+		padding: 10px 10px 15px 10px;
+		@media screen and (max-width: $mobile-limit) {
+			font-size: 80%;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		left: 0;
+		right: 0;
+		max-width: none;
+	}
+}
+
+div#main-content {
+	background: white;
+	padding: 20px 10px 0 10px;
+	@media screen and (max-width: $mobile-limit) {
+		padding: 20px 0 0 0;
+	}
+}
+
+footer {
+	div.textcell a {
+		color: white;
+	}
+}

static/beaulieu/_vars.scss

@@ -0,0 +1,22 @@
+$primary-color: #476592;
+
+$font-color: #6e6e6e;
+$font-size: 16px;
+$font-family: Arial, sans-serif;
+$width: 1220px;
+$border-radius: 0;
+
+$nav-background: #f1f1f1 linear-gradient(to bottom, #fefefe 0%, #e0e0e0 100%);
+$nav-full-width-background: false;
+$nav-color: #1a1b61;
+$nav-active-color: $primary-color;
+$nav-submenu-background: #f1f1f1;
+$nav-submenu-color: #222;
+$nav-item-selected-mode: bottom-border;
+$border-radius: 3px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-transform: uppercase;
+$title-color: white;
+$footer-background: #131313;
+$footer-color: white;

static/beaulieu/config.json

@@ -0,0 +1,6 @@
+{
+  "label": "Beaulieu",
+  "variables": {
+    "theme_color": "#476592"
+  }
+}

static/beaulieu/style.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';