add theme for saint-lo agglo (#20482)

Makefile

@@ -57,6 +57,7 @@ css: data_uris
 	cd static/publik/ && sass style.scss:style.css
 	cd static/dauphine/ && sass style.scss:style.css
 	cd static/rochefort/ && sass style.scss:style.css
+	cd static/saint-lo-agglo/ && sass style.scss:style.css
 	cd static/saint-vallier-de-thiey/ && sass style.scss:style.css
 	cd static/saone-et-loire-cd71/ && sass style.scss:style.css
 	cd static/seine-et-marne/ && sass style.scss:style.css

static/saint-lo-agglo/_custom.scss

@@ -0,0 +1,123 @@
+@import '../includes/font-ubuntu';
+
+body {
+	font-weight: 300;
+}
+
+#header-wrapper::before {
+	content: "";
+	height: 57px;
+	background: url(img/bg-menu.png);
+	display: block;
+}
+
+#toplinks {
+	top: -3rem;
+	background: transparent;
+	box-shadow: none;
+	border: 0;
+	a {
+		color: #343434;
+	}
+}
+
+div#header h1#logo {
+	margin-top: -1rem;
+	display: inline-block;
+	position: absolute;
+	a {
+		background: url(img/saint-lo-agglo.png) bottom left no-repeat;
+		text-indent: -3000px;
+		display: block;
+		width: 271px;
+		height: 138px;
+		max-width: calc(100vw - 90px);
+		background-size: contain;
+	}
+}
+
+#top {
+	position: absolute;
+	width: 100%;
+	left: 0;
+}
+
+nav {
+	border-bottom: 5px solid #ccc;
+	@media screen and (max-width: $mobile-limit) {
+		border: 0;
+	}
+	margin-bottom: 2rem;
+}
+
+div#nav {
+	margin-top: 40px;
+	margin-bottom: 30px;
+	text-transform: uppercase;
+	@media screen and (max-width: $mobile-limit) {
+		margin-top: 120px;
+	}
+	> ul {
+		margin-left: 300px;
+		@media screen and (max-width: $mobile-limit) {
+			margin-left: 0;
+		}
+	}
+}
+
+@media screen and (max-width: $mobile-limit) {
+	#toplinks span.sep {
+		display: inline-block;
+	}
+}
+
+button.ui-button,
+div#content button {
+	text-transform: uppercase;
+	transition: opacity ease 0.2s;
+	&:hover {
+		opacity: 0.8;
+	}
+}
+
+div#rub_service > h2,
+div.cell h1 {
+	padding-left: 0;
+	text-align: left;
+	font-size: 40px;
+	font-weight: 300;
+	text-transform: uppercase;
+}
+
+div#rub_service h2 {
+	text-align: left;
+}
+
+div#rub_service h2,
+div#rub_service div.dataview, div#rub_service dl#evolutions, div#rub_service form {
+	padding-left: 0;
+}
+
+div.text-check-before-submit, ul#evolutions, div#content #disclose-dataview, div#receipt-intro,
+div.textcell p {
+	margin-left: 0;
+}
+
+div.widget-with-error {
+	// don't give a red border to error fields
+	input, input[type="text"], input[type="email"],
+	input[type="password"], input[type="url"], input[type="tel"],
+	input[type="number"], input[type="search"], input[type="file"],
+	input[type="date"], input[type="datetime-local"],
+	input[type="month"], input[type="time"], input[type="week"],
+	textarea, select {
+		border-bottom-color: #AAA;
+		&:focus {
+			border-bottom-color: $button-background;
+		}
+	}
+}
+
+div#gauche {
+	margin-top: 30px;
+}

static/saint-lo-agglo/_vars.scss

@@ -0,0 +1,35 @@
+// colours from http://www.saint-lo-agglo.fr/sites/default/files/pdf/Charte_Saintloagglo.pdf
+$yellow: #f7c537;
+$orange: #e56534;
+$red: #d20042;
+$green: #bfd410;
+$green2: #79bb2e;
+$blue: #51b0e4;
+$darkgray: #dadada;
+$lightgray: #a7a7a7;
+
+$primary-color: $red;
+
+$text-color: #1d1d1d;
+$width: 1340px;
+$font-size: 16px;
+$font-family: Ubuntu, Helvetica, Arial, sans-serif;
+$border-radius: 0;
+$nav-color: #a1a2a6;
+$nav-active-color: #343434;
+$nav-item-selected-background: transparent;
+$nav-item-selected-color: $nav-active-color;
+$nav-menu-color: $darkgray;
+$nav-submenu-color: $nav-color;
+$footer-background: #505050;
+
+$form-style: light;
+$button-background: $green2;
+$button-color: white;
+
+$cell-title-cover-border: false;
+$cell-entry-hover-effect: left-to-right;
+$title-border-bottom: 1px solid white;
+$link-color: $green2;
+
+$notification-style: border-icon;

static/saint-lo-agglo/style.scss

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

themes.json

@@ -351,6 +351,14 @@
      "theme_color": "#D24E38"
    }
   },
+  {"id": "saint-lo-agglo",
+   "label": "Saint-Lô Agglo",
+   "variables": {
+     "css_variant": "saint-lo-agglo",
+     "no_extra_js": true,
+     "theme_color": "#79bb2e"
+   }
+  },
   {"id": "saint-vallier-de-thiey",
    "label": "Saint-Vallier-de-Thiey",
    "variables": {