add meudon theme (#25282)

static/meudon/_custom.scss

@@ -0,0 +1,93 @@
+@import '../includes/font-raleway';
+
+%bold-title {
+	font-weight: bold;
+	font-size: 20px;
+	color: #FFFFFF;
+}
+
+#content div.cell {
+	& h2:first-child {
+		@extend %bold-title;
+	}
+}
+
+h3 {
+	font-weight: medium;
+	font-size: 18px;
+}
+
+p, span {
+	font-weight: medium;
+	font-size: 14px;
+}
+
+button {
+	font-weight: semibold;
+	font-size: 14px;
+}
+
+#header-wrapper {
+	border-top: 25px solid $primary-color;
+}
+
+#header #top #logo a {
+	background: url(img/logo_meudon.png) 0 25px no-repeat;
+	display: block;
+	line-height: 160px;
+	padding-left: 245px;
+	height: 170px;
+	text-transform: uppercase;
+	color: #260c4e;
+	font-weight: bold;
+	text-indent: 219px;
+}
+
+div#nav,
+div#nav ul {
+	margin-top: 0;
+}
+
+#content div.cell.wcsformsofcategorycell {
+	& h2:first-child {
+		box-sizing: border-box;
+		height: 95px;
+		padding-top: 30px;
+		padding-left: 130px;
+		text-transform: uppercase;
+		background: $title-background no-repeat 10px 10px;
+		background-size: auto 80px;
+	}
+	@each $category in $category-slugs {
+		&.#{$category} h2 {
+			background-image: url(img/#{$category}.png);
+		}
+	}
+}
+
+#content div.cell.trackingcodeinputcell, div.cell.searchcell {
+	background-color: $ternary-color;
+	color: #FFFFFF;
+}
+
+#footer-wrapper div.cell {
+	& h2:first-child {
+		@extend %bold-title;
+	}
+}
+
+@media screen and (max-width: $mobile-limit) {
+	#header #top #logo {
+		padding-left: 40px;
+		padding-bottom: 20px;
+	}
+
+	#header #top #logo a {
+		padding-left: 0;
+		text-indent: -1000px;
+	}
+
+	div#nav {
+		margin-top: 10px;
+	}
+}

static/meudon/_vars.scss

@@ -0,0 +1,21 @@
+$primary-color: #260c4e;
+$secondary-color: #baff34;
+$ternary-color: #ec234f;
+
+$width: 1100px;
+$font-size: 14px;
+$font-color: #333;
+$font-family: 'Raleway';
+$nav-background: $primary-color;
+$nav-submenu-background: transparentize($primary-color, 0.1);
+$nav-color: white;
+$nav-active-color: darken($primary-color, 10%);
+$border-radius: 0px;
+$button-background: $secondary-color;
+$title-background: $primary-color;
+$title-color: white;
+$footer-background: $primary-color;
+$footer-color: #FFFFFF;
+$category-toggled-link-hover-color: $secondary-color;
+$category-toggled-background: $primary-color;
+$category-slugs: billeterie cimetiere etatcivil famille ludotheque marchespublics mediatheque musique parking police subventions veillesaisonniere;

static/meudon/extra.js

@@ -0,0 +1,5 @@
+$(function() {
+  $('div.wcsformsofcategorycell').delegate('h2', 'click', function() {
+    $(this).parents('div.wcsformsofcategorycell').toggleClass('toggled');
+  });
+});

static/meudon/style.scss

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

themes.json

@@ -273,6 +273,14 @@
      "theme_color": "#2B8AE8"
    }
   },
+  {"id": "meudon",
+   "label": "Meudon",
+   "variables": {
+     "css_variant": "meudon",
+     "no_extra_js": false,
+     "theme_color": "#260c4e"
+   }
+  },
   {"id": "massoins",
    "label": "Massoins",
    "variables": {