add sospel theme (#13431)

Makefile

@@ -23,6 +23,7 @@ css:
 	cd static/publik/ && sass style.scss:style.css
 	cd static/dauphine/ && sass style.scss:style.css
 	cd static/saint-vallier-de-thiey/ && sass style.scss:style.css
+	cd static/sospel/ && sass style.scss:style.css
 	cd static/tournai/ && sass style.scss:style.css
 	rm -rf static/*/.sass-cache/
 

static/sospel/_custom.scss

@@ -0,0 +1,68 @@
+@import url(https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
+
+body {
+	background: #333 url(body-bg.png);
+}
+
+div#header,
+div#nav,
+div#nav ul,
+div#footer-wrapper,
+div#main-content-wrapper {
+	background: white;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+div#main-content-wrapper {
+	box-sizing: border-box;
+	padding: 10px;
+}
+
+div#footer-wrapper {
+	max-width: $width;
+	margin: 0px auto 40px auto;
+	border-radius: 0 0 10px 10px;
+}
+
+div#header {
+	margin-top: 30px;
+	border-radius: 10px 10px 0px 0px;
+	background: white url(background-header.png) top right no-repeat;
+	min-height: 200px;
+	@media screen and (max-width: $mobile-limit) {
+		margin-top: 0;
+		border-radius: 0;
+		background: white url(background-header-mobile.png) 2px 2px repeat-x;
+		min-height: auto;
+	}
+}
+
+div#nav {
+	box-sizing: border-box;
+	padding-left: 10px;
+	border-radius: 0;
+	@media screen and (max-width: $mobile-limit) {
+		margin-top: 25px;
+	}
+}
+
+div#top h1 {
+	overflow: hidden;
+}
+
+div#top h1 a {
+	display: inline-block;
+	text-overflow: ellipsis;
+	padding-top: 100px;
+	padding-left: 20px;
+	white-space: nowrap;
+	@media screen and (max-width: $mobile-limit) {
+		padding-top: 60px;
+	}
+}
+
+div#footer {
+	border-top: 2px solid black;
+	max-width: 700px;
+}

static/sospel/style.scss

@@ -0,0 +1,36 @@
+@charset "UTF-8";
+
+$primary-color: #333333;
+
+$link-color: #00b7f3;
+$font-color: black;
+$font-size: 13px !default;
+$font-family: Droid, sans-serif !default;
+$nav-background: white;
+$nav-color: #393939;
+$nav-submenu-color: $nav-color;
+$nav-active-color: $primary-color;
+$nav-item-selected-background: transparent;
+$nav-item-selected-color: $nav-color;
+$nav-item-hover-background: transparent;
+$nav-item-hover-color: $link-color;
+$border-radius: 3px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-color: white;
+$footer-background: transparent;
+$footer-color: $font-color;
+
+@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

@@ -124,6 +124,13 @@
      "theme_color": "#2DBBE5"
    }
   },
+  {"id": "sospel",
+   "label": "Sospel",
+   "variables": {
+     "css_variant": "sospel",
+     "theme_color": "#333333"
+   }
+  },
   {"id": "tournai",
    "label": "Tournai",
    "variables": {