add massoins theme (#13433)

Makefile

@@ -12,6 +12,7 @@ css:
 	cd static/fontenay-sous-bois/ && sass style.scss:style.css
 	cd static/grandlyon/ && 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
 	cd static/meyzieu/ && sass style.scss:style.css
 	cd static/montpellier/ && sass style.scss:style.css

static/massoins/_custom.scss

@@ -0,0 +1,103 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto:500,400italic,700,900,500italic,400,300);
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700);
+
+body {
+	background: #F7F7F7;
+}
+
+div#header,
+div#nav {
+	background: white;
+}
+
+div#header {
+	background: white url(slide_1.jpg) top right no-repeat;
+	background-size: contain;
+	min-height: 150px;
+	@media screen and (max-width: $mobile-limit) {
+		background-position: top left;
+		background-size: initial;
+	}
+}
+
+div#nav,
+div#nav > ul {
+	margin-top: 0;
+	margin-bottom: 0;
+	font-family: 'Open Sans', sans-serif;
+}
+
+div#nav > ul > li > a {
+	text-transform: uppercase;
+}
+
+div#nav > ul > li:hover,
+div#nav > ul > li.selected {
+	border-bottom: 5px solid $primary-color;
+	@media screen and (max-width: $mobile-limit) {
+		border-bottom: none;
+		a {
+			color: $primary-color;
+		}
+	}
+}
+
+div#nav::after {
+	content: "";
+	display: block;
+	background: linear-gradient(to bottom, #ebebeb 0%, #F7F7F7 100%);;
+	height: 10px;
+	width: 100%;
+	margin-bottom: 3px;
+}
+
+div#footer-wrapper {
+	padding: 0;
+}
+
+div#footer {
+	box-sizing: border-box;
+	padding: 1ex;
+	background: #0D0D0D;
+}
+
+div#main-content-wrapper {
+	background: white;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+#toplinks {
+	background: #1E73BE;
+	box-shadow: none;
+	border-radius: 0;
+	color: white;
+	border: none;
+	font-weight: bold;
+	min-height: 38px;
+	min-width: 234px;
+	box-sizing: border-box;
+	padding-bottom: 2ex;
+	right: 0;
+}
+
+#toplinks a {
+	color: white;
+}
+
+#toplinks span.connected-user {
+	font-weight: normal;
+}
+
+div#top h1#logo {
+	font-weight: normal;
+	padding-top: 100px;
+	a {
+		padding-left: 10px;
+		color: #647174;
+		@media screen and (max-width: $mobile-limit) {
+			color: white;
+			text-shadow: 1px 1px 0px #333;
+		}
+	}
+}

static/massoins/style.scss

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+
+$primary-color: #4DB2EC;
+$width: 1164px;
+$mobile-limit: 800px;
+$font-size: 13px !default;
+$font-family: sans-serif !default;
+$nav-background: transparent;
+$nav-submenu-background: white;
+$nav-color: black;
+$nav-active-color: transparent;
+$nav-mobile-menu-background: $primary-color;
+$nav-menu-color: white;
+$nav-submenu-color: black;
+$nav-item-selected-color: $nav-color;
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-color: white;
+$title-font-family: Roboto;
+$footer-background: transparent;
+
+@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

@@ -51,6 +51,13 @@
      "theme_color": "#1DA1AE"
    }
   },
+  {"id": "massoins",
+   "label": "Massoins",
+   "variables": {
+     "css_variant": "massoins",
+     "theme_color": "#4DB2EC"
+   }
+  },
   {"id": "meaux",
    "label": "Meaux",
    "variables": {