add chateauroux theme (#10681)

Makefile

@@ -7,6 +7,7 @@ all: icons css
 
 css:
 	cd static/alfortville/ && sass style.scss:style.css
+	cd static/chateauroux/ && 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/meaux/ && sass style.scss:style.css

static/chateauroux/_custom.scss

@@ -0,0 +1,54 @@
+#footer-wrapper {
+	border-bottom: 10px solid black;
+}
+
+footer::before {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 4px;
+	background: #004384;
+	background: linear-gradient(to right, #004384 0%, #0779b7 35%, #0779b7 49%, #c10156 100%);
+}
+
+#nav-wrapper {
+	background: white url(mainmenu-bg.png);
+	border-bottom: 3px solid #056DAC;
+	margin-bottom: 1em;
+}
+
+#header-wrapper {
+	border-top: 40px solid #3F3F3F;
+	background: url(header-bg.png) no-repeat 50% 0;
+	height: 80px;
+}
+
+h1#logo {
+	padding-top: 20px;
+	a {
+		color: #0779b7;
+	}
+}
+
+div#nav,
+div#nav > ul {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+div#nav > ul > li a {
+	font-weight: normal;
+}
+
+#toplinks {
+	top: -35px;
+	box-shadow: none;
+	border: none;
+	background: transparent;
+	color: white;
+}
+
+#toplinks a {
+	color: white;
+	font-weight: bold;
+}

static/chateauroux/style.scss

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+
+@import url(https://fonts.googleapis.com/css?family=Exo+2:400,100,200,300,400italic,600,700,700italic,800);
+
+$width: 950px;
+$mobile-limit: 800px;
+$font-size: 13px !default;
+$font-family: "Exo 2", arial, helvetica, sans-serif;
+$border-radius: 0;
+$nav-background: transparent;
+$nav-submenu-background: #0779B7;
+$nav-submenu-color: white;
+$nav-item-background: transparent;
+$nav-color: #2A697C;
+$nav-active-color: #0779B7;
+$nav-item-selected-color: white;
+$nav-menu-color: white;
+$button-background: #0779B7;
+$title-background: #0779B7;
+$title-color: white;
+$footer-background: #3F3F3F;
+
+@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';

static/includes/_nav.scss

@@ -11,6 +11,7 @@ $nav-menu-side: 50px !default;
 $nav-menu-color: white !default;
 $nav-item-background: transparent !default;
 $nav-submenu-background: $nav-background !default;
+$nav-submenu-color: $nav-menu-color !default;
 
 $nav-item-selected-background: $nav-active-color !default;
 $nav-item-selected-color: $nav-menu-color !default;
@@ -81,6 +82,9 @@ div#nav > ul ul {
 	padding: 0;
 	text-align: left;
 	border-radius: 0 0 $border-radius $border-radius;
+	> li a {
+		color: $nav-submenu-color;
+	}
 }
 
 div#nav > ul ul a {

themes.json

@@ -7,6 +7,13 @@
    },
    "color": "#804697"
   },
+  {"id": "chateauroux",
+   "label": "Châteauroux",
+   "variables": {
+     "css_variant": "chateauroux"
+   },
+   "color": "#0779B7"
+  },
   {"id": "dauphine",
    "label": "Dauphine",
    "variables": {