add theme for montpellier intranet (#78421)

static/montpellier-intranet/_custom.scss

@@ -0,0 +1,78 @@
+#header-wrapper {
+	background: #047c99 linear-gradient(to right, #047c99, #56af4e);
+}
+
+div#header {
+	background: url(img/intranet.svg) left center no-repeat;
+	background-size: auto 70px;
+	padding: 20px 0;
+	@media screen and ($max-mobile-viewport) {
+		background-position: 10px 10px;
+	}
+
+	#logo a:hover {
+		text-decoration: none;
+	}
+
+	.site-title {
+		padding-left: 70px;
+		color: white;
+		display: block;
+		@media screen and ($max-mobile-viewport) {
+			padding-left: 0px;
+		}
+	}
+}
+
+#top {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	@media screen and ($max-mobile-viewport) {
+		flex-direction: column-reverse;
+		align-items: baseline;
+		padding-left: 70px;
+		#logo {
+			padding-left: 0 !important;
+		}
+	}
+}
+
+#toplinks {
+	position: static;
+	@media screen and ($max-mobile-viewport) {
+		margin-right: 10px;
+	}
+	a {
+		background: $green;
+		color: black;
+		font-weight: 500;
+		border-radius: 100px;
+		padding: 2px 1em;
+		&.account-link, &.login-link {
+			background: white;
+		}
+	}
+}
+
+div.gru-nav > ul {
+	margin: 0 0 15px 0;
+}
+
+%button {
+	border-radius: 15px;
+	font-weight: 500;
+}
+
+ul#evolutions li span.item {
+	background: white !important;
+	box-shadow: 0 0 0px 5px #eee;
+}
+
+div#rub_service {
+	padding-top: 15px;
+}
+
+div#tracking-code {
+	background: white;
+}

static/montpellier-intranet/_vars.scss

@@ -0,0 +1,43 @@
+$blue: #00769B;
+$green: #58E825;
+$gray: #f5f3f2;
+
+$primary-color: $green;
+$secondary-color: $blue;
+$width: 1200px;
+$white: #ffffff;
+$font-family: 'MuseoModerno', sans-serif;
+
+$font-color: #3d3d3d;
+$link-color: $blue;
+
+$body-background: $gray;
+
+$toplinks-style: none;
+
+$nav-full-width-background: true;
+$nav-background: white;
+$nav-color: $font-color;
+$nav-font-weight: 500;
+$nav-active-color: $green;
+$nav-submenu-color: $nav-color;
+
+$footer-background: $green;
+$footer-color: $font-color;
+$footer-link-color: black;
+
+$title-background: white;
+$title-font-size: 2em;
+$title-weight: bold;
+$cell-background: white url(img/cell-bg.svg) repeat;
+$cell-border: none;
+
+$button-background: $green;
+$button-color: black;
+
+$form-background: $cell-background;
+$wcs-steps-background: $cell-background;
+$wcs-step-current-color: $blue;
+$widget-focus-outline: 1px solid #555;
+
+$buttons-order: cancel, previous (grow), submit;

static/montpellier-intranet/config.json

@@ -0,0 +1,6 @@
+{
+  "label": "Montpellier (intranet)",
+  "variables": {
+    "theme_color": "#58E825"
+  }
+}

static/montpellier-intranet/style.scss

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