add theme for la hague (#13975)

Makefile

@@ -13,6 +13,7 @@ css:
 	cd static/grandlyon/ && sass style.scss:style.css
 	cd static/greville-hague/ && sass style.scss:style.css
 	cd static/jobourg/ && sass style.scss:style.css
+	cd static/la-hague/ && sass style.scss:style.css
 	cd static/la-seyne-sur-mer/ && sass style.scss:style.css
 	cd static/massoins/ && sass style.scss:style.css
 	cd static/meaux/ && sass style.scss:style.css

static/la-hague/_custom.scss

@@ -0,0 +1,94 @@
+body {
+	background: #B3BFBF;
+}
+
+div#header, div#nav, div#main-content-wrapper, div#footer {
+	background: white;
+	position: relative;
+	color: #333;
+
+	@media screen and (min-width: $width) {
+		&::before {
+			box-shadow: -15px 0 15px -20px inset;
+			content: " ";
+			height: 100%;
+			left: -15px;
+			position: absolute;
+			top: 0;
+			width: 15px;
+		}
+		&::after {
+			box-shadow: 15px 0 15px -20px inset;
+			content: " ";
+			height: 100%;
+			right: -15px;
+			position: absolute;
+			top: 0;
+			width: 15px;
+		}
+	}
+}
+
+div#nav {
+	margin: 0 auto;
+}
+
+div#nav > ul {
+	margin: 0 3px;
+	font-size: 110%;
+}
+
+div#main-content-wrapper {
+	box-sizing: border-box;
+	padding: 1ex;
+}
+
+div#main-content-wrapper {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+div#footer-wrapper {
+	margin-top: 0;
+	padding: 0;
+}
+
+div#footer {
+	padding: 2em 0;
+}
+
+div#top {
+	background: url(head.jpg) top center no-repeat;
+	height: 250px;
+}
+
+div#header {
+	padding: 0 3px;
+}
+
+h1#logo {
+	background: url(logo-CCH.png) top left no-repeat;
+	padding-left: 5px;
+	padding-top: 130px;
+}
+
+h1#logo a {
+	color: white;
+}
+
+h1#logo a {
+	padding-left: 50px;
+}
+
+@media screen and (max-width: $mobile-limit) {
+	div#nav {
+		background: transparent;
+	}
+	div#top {
+		height: 190px;
+	}
+	div#header h1#logo {
+		padding-left: 20px;
+		padding-top: 140px;
+	}
+}

static/la-hague/style.scss

@@ -0,0 +1,31 @@
+@charset "UTF-8";
+
+$primary-color: #5ABEB9;
+
+$width: 1200px;
+$font-color: #515151;
+$font-size: 13px;
+$font-family: Verdana, Arial, sans-serif;
+$nav-background: $primary-color;
+$nav-active-color: darken($nav-background, 10%);
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-weight: bold;
+$title-color: white;
+$footer-background: transparent;
+$link-color: #BE0027;
+
+@import '../includes/utils';
+@import '../includes/general';
+@import '../includes/title';
+@import '../includes/layout';
+@import '../includes/nav';
+@import '../includes/cells';
+@import '../includes/user-info';
+@import '../includes/forms';
+@import '../includes/wcs';
+@import '../includes/misc';
+@import '../includes/a11y';
+
+@import 'custom';

themes.json

@@ -64,7 +64,14 @@
      "theme_color": "#426C92"
    }
   },
-
+  {"id": "la-hague",
+   "label": "La Hague",
+   "variables": {
+     "css_variant": "la-hague",
+     "no_extra_js": true,
+     "theme_color": "#5ABEB9"
+   }
+  },
   {"id": "la-seyne-sur-mer",
    "label": "La Seyne-sur-Mer",
    "variables": {