montreuil: add initial theme (#32591)

static/montreuil/_custom.scss

@@ -0,0 +1,119 @@
+@mixin button-link($background-color: transparent, $text-color: $white, $border-color: $primary-color) {
+	color: $text-color;
+	background: $background-color;
+	border: 1px solid $border-color;
+	padding: 5px 10px;
+	@media screen and (max-width: $nav-mobile-limit) {
+		display: inline-block;
+		margin: 3px 1px;
+	}
+}
+
+div#header-wrapper {
+	background: url('img/header.jpg') no-repeat;
+	background-size: cover;
+	height: 230px;
+	border-top: 44px solid $primary-color;
+	@media screen and (max-width: $nav-mobile-limit) {
+		margin-bottom: 10px;
+		height: 150px;
+	}
+	h1#logo a {
+		background: url('img/logo.png') no-repeat;
+		display: block;
+		text-indent: -9999px;
+		height: 150px;
+		background-size: contain;
+	}
+}
+
+#toplinks {
+	padding: 0.2em 1em;
+	background: $secondary-color;
+	border-radius: 0;
+	margin-top: -37px;
+	span.connected-user::before {
+		content: '\f007';
+		font-family: FontAwesome;
+		margin-right: 5px;
+	}
+	@media screen and (max-width: $nav-mobile-limit) {
+		background: transparent;
+	}
+	span {
+		a {
+			@media screen and (max-width: $nav-mobile-limit) {
+				background: $secondary-color;
+				padding: 5px 10px;
+			}
+		}
+	}
+}
+
+div.gru-nav {
+	@media screen and (max-width: $nav-mobile-limit) {
+		position: absolute;
+		top: 0;
+		z-index: 1;
+	}
+	.gru-nav-button {
+		border-radius: 0;
+		@media screen and (max-width: $nav-mobile-limit) {
+			margin-left: 0;
+		}
+		& + ul {
+			border: 0;
+		}
+	}
+	> ul > li a {
+		@media screen and (max-width: $nav-mobile-limit) {
+			font-size: 0.8em;
+			font-weight: normal;
+		}
+	}
+}
+
+.gru-content {
+	div.wcsformsofcategorycell {
+		border: 0;
+		picture img {
+			padding: 0;
+		}
+		h2:first-child {
+			background: $secondary-color;
+			font-weight: bold;
+		}
+	}
+}
+
+div#steps ol li.current {
+	background: $secondary-color;
+}
+
+div.SubmitWidget.submit-button button {
+	background: $secondary-color;
+}
+
+ul#evolutions li span.item {
+	border: 1px solid $secondary-color;
+}
+
+a.button-link {
+	@include button-link($primary-color, $white);
+}
+
+
+div#footer {
+	a {
+		color: $white;
+		&.button-link {
+			@include button-link(transparent, $white, $white);
+		}
+	}
+}
+
+.turquoise-header {
+	color: $white;
+	background: #16d3da;
+	padding: 3px 6px;
+}

static/montreuil/_vars.scss

@@ -0,0 +1,38 @@
+$primary-color: #243b48;
+$secondary-color: #d8a040;
+$white: #ffffff;
+$font-family: 'Montserrat', sans-serif;
+$font-color: $primary-color;
+
+$link-color: $primary-color;
+
+$footer-background: $primary-color;
+$footer-color: $white;
+
+$nav-button-background: $primary-color;
+$nav-color: $primary-color;
+$nav-border-color: $primary-color;
+$nav-menu-side: 44px;
+$nav-item-hover-background: $primary-color;
+$nav-item-selected-background: $primary-color;
+$nav-button-background: $white;
+$nav-button-color: $primary-color;
+$nav-mobile-menu-background: $white;
+$nav-submenu-color: $primary-color;
+$nav-mobile-bottom-bar-background: $primary-color;
+$nav-mobile-bottom-bar-color: $white;
+$nav-mobile-bottom-bar-item-hover-background: $primary-color;
+$nav-mobile-bottom-bar-item-hover-background: $secondary-color;
+$nav-mobile-bottom-bar-item-selected-color: $primary-color;
+$nav-mobile-bottom-bar-item-selected-background: $secondary-color;
+
+$title-background: $primary-color;
+$title-color: $white;
+
+$widget-focus-border: 1px solid $secondary-color;
+
+$cell-border: 1px solid $secondary-color;
+$cell-image-position: top;
+$cell-entry-border-color: $secondary-color;
+
+$button-background: $primary-color;

static/montreuil/config.json

@@ -0,0 +1,7 @@
+{
+  "label": "Montreuil",
+  "variables": {
+    "theme_color": "#243b48",
+    "pwa_display": "standalone"
+  }
+}

static/montreuil/style.scss

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