add theme for saint-denis (#38353)

static/saint-denis/_custom.scss

@@ -0,0 +1,156 @@
+@import '../includes/font-notosans';
+
+div#header-wrapper {
+    div#header {
+		padding-left: 0;
+		h1 {
+			padding-top: 30px;
+			a {
+				display: block;
+				height: 103px;
+				background: url(img/logo-saint-denis.png) top left no-repeat;
+				width: 250px;
+			}
+		}
+	}
+}
+
+div.gru-nav-wrapper {
+	background: $secondary-color;
+}
+
+div.gru-nav {
+	font-size: 22px;
+	ul {
+		padding-top: 10px;
+		margin-bottom: 5px;
+		li ul li {
+			position: relative;
+			top: -0.5rem;
+		}
+	}
+}
+
+body.has-picture nav::after {
+	background-color: $tertiary-color;
+	background-image: var(--page-picture);
+	background-size: $width;
+	background-position: top;
+}
+
+.gru-content {
+	div.textcell h2:first-child {
+		font-weight: 600;
+	}
+	// focus style for combo cells
+	div.cell.focus {
+		background: $tertiary-color;
+		padding: 40px;
+	}
+}
+
+div#footer-wrapper {
+	background: url(img/footer-fond.png) no-repeat center 0 $footer-background;
+	div.no-mobile {
+		@media screen and (max-width: $nav-mobile-limit) {
+			display: none;
+		}
+	}
+	div.textcell {
+		line-height: 1.2;
+		a {
+			color: $footer-color;
+			font-size: 14px;
+		}
+		a:hover {
+			text-decoration: underline;
+		}
+		div.horaires {
+			line-height: 1;
+			font-size: 18px;
+			a {
+				font-size: 18px;
+			}
+			h2 {
+				font-size: 22px;
+				font-weight: 800;
+				text-transform: none;
+				margin: 20px, 0, 0, 0;
+			}
+			p {
+				margin: 0;
+			}
+			color: black;
+			background: #ff5f21;
+			padding: 10px 20px 20px 60px;
+			position: relative;
+			top: -10px;
+			width: 265px;
+		}
+		h2, h3 {
+			text-transform: uppercase;
+		}
+		h2 {
+			font-size: 15px;
+			font-weight: 300;
+			margin-bottom: 22px;
+		}
+		h3 {
+			font-size: 20px;
+			font-weight: 400;
+			margin: 0 0 0 0;
+		}
+		img {
+			display: block;
+			margin: 0 10px 10px 0;
+		}
+		img.marge {
+			margin: 0 0 20px 54px;
+		}
+		p {
+			margin-left: 0;
+		}
+		p a {
+			display: inline-block;
+			text-align: center;
+			font-size: 12px;
+		}
+		p.liens {
+			border-top: 1px solid #888;
+			border-bottom: 1px solid #888;
+			font-style: italic;
+			line-height: 1;
+			padding: 5px 0 0 54px;
+			margin: 20px 0 20px 0;
+			a {
+				text-align: left;
+				font-size: 16px;
+				display: block;
+				margin: 15px 0px 15px 0;
+			}
+		}
+		p.marge {
+			line-height: 1.5;
+			margin: 15px 0 20px 54px;
+			a.overgris {
+				font-family: "Noto Sans Condensed", sans-serif;
+				font-size: 20px;
+				font-weight: 100;
+				text-align: left;
+				white-space: nowrap;
+				em {
+					font-style: normal;
+				}
+			}
+		}
+		ul {
+			list-style: none;
+			margin-top: 0;
+			padding-left: 0;
+		}
+		ul#footer-ecrire li {
+			line-height: 1.5;
+			margin: 0 0 10px 54px;
+		}
+	}
+}

static/saint-denis/_vars.scss

@@ -0,0 +1,29 @@
+$primary-color: #eb612d;
+$secondary-color: #f7b38c;
+$tertiary-color: #ecebe7;
+$link-color: #e32c0d;
+
+$font-family: "Noto Sans Semi Condensed", sans-serif;
+$font-color: #49494b;
+$font-size: 15px;
+
+$width: 1200px;
+
+$nav-background: $primary-color;
+$nav-color: #2e247a;
+$nav-active-color: $primary-color;
+$nav-font-size: 25px;
+$nav-after-image: true;
+$nav-after-image-height: 483px;
+$nav-submenu-color: $font-color;
+
+$footer-background: #494949;
+$footer-color: white;
+
+$title-color: $font-color;
+$title-font-size: 30px;
+$title-weight: 400;
+
+$cell-border: none;
+$button-background: $secondary-color;
+$button-hover-background: $primary-color;

static/saint-denis/config.json

@@ -0,0 +1,6 @@
+{
+  "label": "Saint-Denis",
+  "variables": {
+    "theme_color": "#eb612d"
+  }
+}

static/saint-denis/style.scss

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