add theme for GPSEO (#33929)

static/gpseo/_custom.scss

@@ -0,0 +1,89 @@
+@import '../includes/font-muli';
+
+%button {
+	@extend %button;
+	clip-path: polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%,0 0);
+	transition: background 0.2s linear;
+}
+
+%title {
+	padding-left: 0;
+	line-height: 150%;
+}
+
+header {
+	h1#logo {
+		margin-top: 1rem;
+		a {
+			display: inline-block;
+			background: url(img/logo.png) bottom left no-repeat;
+			height: 40px;
+			padding: 1rem 0 1rem 255px;
+			color: $black;
+		}
+		@media screen and (max-width: $mobile-limit) {
+			margin-top: 0;
+			a {
+				margin-top: 50px;
+				background-position: top left;
+				padding: 60px 0 1rem 0;
+				height: auto;
+			}
+		}
+	}
+}
+
+#toplinks {
+	background: $pink;
+	border: none;
+	box-shadow: none;
+	border-radius: 0;
+	margin-top: 10px;
+	clip-path: polygon(0 0, 95% 0,100% 30%,100% 100%, 5% 100%,0 70%,0 0);
+	a {
+		display: inline-block;
+		color: white;
+		font-weight: bold;
+		padding: 10px 10px 15px 10px;
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		margin-top: 0;
+		width: 100%;
+		clip-path: none;
+		a {
+			font-weight: normal;
+			padding: 0;
+			padding-left: 5px;
+		}
+	}
+}
+
+nav {
+	li {
+		text-transform: uppercase;
+		li {
+			text-transform: none;
+		}
+	}
+	box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.10);
+	margin-bottom: 2rem;
+}
+
+main {
+	background: transparent url(img/bg2.png)  center 154px no-repeat;
+	background-attachment: fixed;
+	background-size: cover;
+}
+
+#rub_service div.cancel-button {
+	button {
+		background: #ddd;
+		color: $black;
+		&:hover {
+			background: #ccc;
+		}
+	}
+}

static/gpseo/_vars.scss

@@ -0,0 +1,33 @@
+$blue: #0075c1;
+$pink: #d60b7e;
+$black: #141215;
+
+$primary-color: $blue;
+
+$font-color: #333;
+$font-size: 100%;
+$font-family: "Muli", sans-serif;
+$width: 1400px;
+$link-color: $pink;
+
+$cell-border: none;
+$nav-background: white;
+$nav-color: $black;
+$nav-active-background: transparent;
+$nav-menu-color: $blue;
+$nav-item-selected-background: transparent;
+$nav-full-width-background: true;
+$nav-submenu-color: $black;
+$nav-button-background: white;
+$nav-button-color: $blue;
+
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: white;
+$title-color: $font-color;
+$title-font-size: 2rem;
+$footer-background: $black;
+$footer-color: white;
+
+$widget-focus-border: 1px solid $blue;
+$button-hover-background: darken($blue, 20%);

static/gpseo/config.json

@@ -0,0 +1,7 @@
+{
+  "label": "Grand Paris Seine & Oise",
+  "variables": {
+    "theme_color": "#0075c1",
+    "pwa_display": "standalone"
+  }
+}

static/gpseo/style.scss

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