new theme: montpellier-ville (#52559)

static/montpellier-ville/_custom.scss

@@ -0,0 +1,79 @@
+// page picture
+body {
+	background-color: $blue-light;
+}
+body.has-picture {
+	background-image: var(--page-picture);
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-attachment: fixed;
+}
+
+//
+//	HEADER
+//
+
+div#header {
+	padding-top: $nav-height;
+	h1#logo {
+		&.has-logo a {
+			height: 60px;
+			display: block;
+			background-position: bottom left;
+			@media ($min-desktop-viewport) {
+				height: 100px;
+			}
+		}
+	}
+}
+
+// User info
+#toplinks {
+	border-radius: 0;
+	border: none;
+	right: 0;
+}
+
+//
+//	NAV
+//
+.site-nav {
+	@media ($min-desktop-viewport) {
+		margin-top: $nav-height;
+	}
+}
+.gru-nav-wrapper {
+	@media ($max-mobile-viewport) {
+	    margin-top: calc(-1 * #{$nav-menu-side});
+	}
+}
+div.gru-nav > ul {
+	margin: 0;
+}
+
+
+//
+//	MAIN
+//
+
+#main-content {
+	background-color:rgba(255, 255, 255, 0.9);
+	padding-top: 0.7rem;
+	padding-bottom: 0.7rem;
+	@media ($min-desktop-viewport) {
+		padding: $columns-gutter;
+	}
+}
+
+//
+//	WCS
+//
+div#rub_service {
+	h2 {
+		padding-left: 0.5rem;
+		@media ($min-desktop-viewport) {
+			font-size: 2rem;
+		}
+	}
+}

static/montpellier-ville/_vars.scss

@@ -0,0 +1,40 @@
+// Custom vars
+$blue: #1f4791;
+$blue-light: hsl(219,30%,60%);
+
+// Core vars
+$body-background: white;
+$primary-color: $blue;
+$font-color: #111;
+$font-family: dejarip, arial, helvetica, sans-serif;
+$link-color: $primary-color;
+
+$width: 1200px;
+
+$title-background: transparent;
+$title-color: $primary-color;
+$title-transform: uppercase;
+
+$nav-background: $font-color;
+$nav-color: white;
+$nav-active-color: $primary-color;
+$nav-height: 48px;
+$nav-after-image: false;
+
+$cell-entry-color: $font-color;
+$cell-entry-hover-color: $primary-color;
+$cell-entry-hover-background: #f1f1f1;
+
+$button-background: $primary-color;
+
+$widget-unique-checkbox-position: left;
+
+$wcs-step-current-color: $primary-color;
+$wcs-step-border-bottom: none;
+$wcs-step-current-marker-background: $wcs-step-current-color;
+$wcs-step-current-marker-color: white;
+$wcs-steps-spacing: 0.7rem;
+
+$footer-background: $primary-color;
+$footer-color: white;
+

static/montpellier-ville/config.json

@@ -0,0 +1,16 @@
+{
+  "label": "Montpellier ville",
+  "variables": {
+    "theme_color": "#1f4791",
+    "email_header_asset": "emails:logo",
+    "cell_picture_size": "660x220"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:logo": { "label": "Têtière : logo" },
+        "emails:logo": {"label": "Emails : logo"}
+      }
+    }
+  }
+}

static/montpellier-ville/style.scss

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

templates/variants/montpellier-ville/combo/page_template.html

@@ -0,0 +1,9 @@
+{% extends "combo/page_template.html" %}
+
+{% block msie_css_page_picture %}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  body.has-picture {
+    background-image: url("{{site_base}}{{page.picture.url}}");
+  }
+}
+{% endblock %}