gorges theme (#15646)

Makefile

@@ -14,6 +14,7 @@ css:
 	cd static/dardilly/ && sass style.scss:style.css
 	cd static/fondettes/ && sass style.scss:style.css
 	cd static/fontenay-sous-bois/ && sass style.scss:style.css
+	cd static/gorges/ && sass style.scss:style.css
 	cd static/grandlyon/ && sass style.scss:style.css
 	cd static/greville-hague/ && sass style.scss:style.css
 	cd static/haute-goulaine/ && sass style.scss:style.css

static/gorges/_custom.scss

@@ -0,0 +1,57 @@
+@import url(https://fonts.googleapis.com/css?family=Catamaran:300,400,500,600,700&subset=latin-ext);
+
+a:hover {
+        color: #A3BF26;
+}
+
+h1#logo a {
+	padding-top: 10px;
+	display: inline-block;
+	background: url(logo_gorges.png) left center no-repeat;
+	height: 95px;
+	line-height: 80px;
+	padding-left: 250px;
+	color: $title-color;
+        text-indent: -9999px;
+	@media screen and (max-width: $mobile-limit) {
+		overflow: hidden;
+		text-indent: -2000px;
+	}
+}
+
+div#header h1 {
+        width: 239px;
+        margin: 0 auto;
+}
+
+div#header-wrapper {
+	border-top: 10px solid #00726c;
+}
+
+#nav-wrapper {
+	border-top: 1px solid #EAEAEA;
+	border-bottom: 1px solid #EAEAEA;
+	margin: 10px;
+}
+
+div#nav > ul {
+    li:first-child {
+        &:before {
+            content: "\f015";
+            font: normal normal normal 14px/1 FontAwesome;
+        }
+    }
+    li.selected {
+        &:before {
+            color: #a3bf26;
+        }
+    }
+    > li a {
+        text-transform: uppercase;
+        padding: 0 15px;
+    }
+}
+
+#footer a {
+        color: $footer-color;
+}

static/gorges/_vars.scss

@@ -0,0 +1,26 @@
+$primary-color: #268682;
+$width: 1160px;
+$font-color: #666;
+$font-family: Catamaran, sans-serif;
+$font-size: 15px;
+$nav-background: transparent;
+$nav-submenu-background: #eee;
+$nav-submenu-color: #333;
+$nav-color: $font-color;
+$nav-active-color: $primary-color;
+$nav-item-selected-color: #a3bf26;
+$nav-item-hover-color: #333333;
+$border-radius: 0px;
+$button-background: $primary-color;
+$button-hover-background: #a3bf26;
+$nav-item-selected-background: transparent;
+
+$link-color: $primary-color;
+
+$title-border-bottom: 3px solid $primary-color;
+$title-weight: bold;
+$title-color: #fff;
+$title-background: $primary-color;
+$title-transform: uppercase;
+$footer-background: #044440;
+$footer-color: white;

static/gorges/style.scss

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

themes.json

@@ -64,6 +64,14 @@
      "no_extra_js": true
    }
   },
+  {"id": "gorges",
+   "label": "Gorges",
+   "variables": {
+     "css_variant": "gorges",
+     "no_extra_js": true,
+     "theme_color": "#268682"
+   }
+  },
   {"id": "grandlyon",
    "label": "Grand Lyon",
    "variables": {