add theme for greville-hague (#13957)

Makefile

@@ -11,6 +11,7 @@ css:
 	cd static/fondettes/ && sass style.scss:style.css
 	cd static/fontenay-sous-bois/ && sass style.scss:style.css
 	cd static/grandlyon/ && sass style.scss:style.css
+	cd static/greville-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/greville-hague/_custom.scss

@@ -0,0 +1,37 @@
+body {
+	background: $secondary-color;
+}
+
+#header-wrapper {
+	height: 86px;
+	background: url(header.png) top left repeat-x;
+}
+
+h1#logo {
+	background: url(logo.png) top left no-repeat;
+	height: 86px;
+	text-indent: -10000px;
+}
+
+div#main-content-wrapper {
+	background: #FAF8EC;
+	box-sizing: border-box;
+	padding: 1ex;
+	box-shadow: 0px 5px 15px black;
+}
+
+div#nav {
+	margin: 0 auto;
+}
+
+div#nav ul {
+	margin: 0;
+}
+
+div#nav-wrapper {
+	background: $primary-color;
+}
+
+#footer-wrapper {
+	border-top: 1px solid #1B0801;
+}

static/greville-hague/style.scss

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+
+$primary-color: #431403; /* dark brown */
+$secondary-color: #AD987B; /* light brown */
+
+$width: 950px;
+$font-color: #333;
+$font-size: 13px;
+$font-family: Verdana, Arial, Helvetica, sans-serif;
+$nav-background: $secondary-color;
+$nav-color: white;
+$nav-active-color: $primary-color;
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: transparent;
+$title-transform: uppercase;
+$title-font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+$title-weight: bold;
+$title-border-bottom: 1px dotted #DED6C5;
+$title-color: $primary-color;
+$footer-background: $primary-color;
+$footer-color: white;
+$link-color: #4A8B4A;
+
+@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

@@ -48,6 +48,14 @@
      "theme_color": "#FF6E00"
    }
   },
+  {"id": "greville-hague",
+   "label": "Gréville-Hague",
+   "variables": {
+     "css_variant": "greville-hague",
+     "no_extra_js": true,
+     "theme_color": "#431403"
+   }
+  },
   {"id": "la-seyne-sur-mer",
    "label": "La Seyne-sur-Mer",
    "variables": {