tournai: new theme (#10303)

Makefile

@@ -10,6 +10,7 @@ all:
 	cd static/montpellier/ && sass style.scss:style.css
 	cd static/publik/ && sass style.scss:style.css
 	cd static/dauphine/ && sass style.scss:style.css
+	cd static/tournai/ && sass style.scss:style.css
 	rm -rf static/*/.sass-cache/
 
 clean:

static/tournai/_custom.scss

@@ -0,0 +1,74 @@
+a {
+	color: #A71847;
+}
+
+div#header {
+	padding-top: 20px;
+	background: transparent url(logo2.png) no-repeat 100% 22px;
+	height: 142px;
+	padding: 0;
+}
+
+h1#logo a {
+	background: url(logov21.png) no-repeat left bottom;
+	display: inline-block;
+	height: 142px;
+	width: 437px;
+	background-size: 100%;
+	max-width: 100%;
+	color: transparent;
+}
+
+div#nav {
+	margin-top: 25px;
+}
+
+div#nav a {
+	text-transform: uppercase;
+	font-weight: normal;
+	padding-bottom: 3px;
+}
+
+div#footer-wrapper {
+	background: transparent;
+	padding: 0;
+}
+
+div#footer {
+	padding: 1ex 0;
+	background: $footer-background;
+}
+
+#toplinks {
+	box-shadow: none;
+	border: none;
+	top: 1em;
+	left: 0;
+	right: auto;
+	padding-left: 0;
+}
+
+#toplinks a {
+	color: black;
+	border-bottom: 1px solid #726e6e;
+}
+
+@media screen and (max-width: $mobile-limit) {
+	div#nav {
+		margin-top: 10px;
+	}
+	h1#logo a {
+		height: 100px;
+		max-width: calc(100% - 80px);
+	}
+
+	div#header {
+		height: 100px;
+		background-position: 99% 90%;
+		background-size: 50px;
+	}
+	#toplinks {
+		left: 1em;
+		max-width: none;
+	}
+}

static/tournai/style.scss

@@ -0,0 +1,32 @@
+@charset "UTF-8";
+
+$width: 1040px;
+$mobile-limit: 800px;
+$font-size: 13px;
+$font-family: helvetica, arial, sans-serif;
+$nav-background: #DCDADA;
+$nav-color: #000;
+$nav-active-color: #555;
+$nav-item-selected-color: white;
+$nav-item-hover-color:white;
+$nav-button-background: white;
+$nav-menu-color: #676767;
+$border-radius: 0;
+$button-background: #D8308A;
+$title-background: #D8308A;
+$title-color: white;
+$footer-background: #7A7979;
+
+@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

@@ -59,5 +59,12 @@
    "variables": {
      "css_variant": "publik"
    }
+  },
+  {"id": "tournai",
+   "label": "Tournai",
+   "color": "#D62D8A",
+   "variables": {
+     "css_variant": "tournai"
+   }
   }
 ]