add villejuif theme (#15489)

Makefile

@@ -48,6 +48,7 @@ css:
 	cd static/tournai/ && sass style.scss:style.css
 	cd static/urville-nacqueville/ && sass style.scss:style.css
 	cd static/vaulx-en-velin/ && sass style.scss:style.css
+	cd static/villejuif/ && sass style.scss:style.css
 	cd static/villeurbanne/ && sass style.scss:style.css
 	rm -rf static/*/.sass-cache/
 

static/villejuif/_custom.scss

@@ -0,0 +1,159 @@
+$header-width: 992px;
+$header-height: 230px;
+
+body {
+	background: #E3E3E1;
+}
+
+#header-wrapper {
+	border-top: 10px solid #636361;
+	background: #ccc;
+}
+
+div#header {
+        background: url(header.png) top left no-repeat;
+        height: $header-height;
+        @include vendor-prefix('transition', 'all 0.3s ease');
+        @media screen and (min-width: $header-width - 100px) {
+                max-width: $header-width;
+                left: 50%;
+                margin-left: -$header-width/2;
+        }
+        @media screen and (max-width: $header-width - 100px) {
+                width: calc(100% + #{$header-width / 12});
+                overflow: hidden;
+                left: - $header-width / 12;
+        }
+
+        @media screen and (max-width: $mobile-limit) {
+                height: 100px;
+                background-position: 60px -70px;
+        }
+}
+
+
+#logo a {
+	display: inline-block;
+	background: url(logoVillejuif.png) 20px 10px no-repeat;
+	padding-top: 70px;
+	margin-left: 100px;
+	min-width: 250px;
+	color: white;
+	font-weight: normal;
+	text-indent: -9999px;
+}
+
+div#nav {
+	margin-top: 0;
+	margin-bottom: 0;
+	> ul {
+		margin-top: 0;
+		margin-bottom: 0;
+	}
+}
+
+div#nav #nav-button .icon-bar{
+	border-color: $primary-color;
+}
+
+div#nav #nav-button + ul li.selected > a, div#nav #nav-button + ul li:hover > a {
+	background-color: $primary-color;
+}
+
+#main-content {
+	background: white;
+	padding: 10px;
+	@media screen and (max-width: $mobile-limit) {
+		padding: 10px 0;
+	}
+}
+
+span.required {
+	background: transparent url(required.png) 0px 0.5ex no-repeat;
+	color: transparent;
+	padding: 0 0 0 24px;
+	margin-left: 1ex;
+}
+
+div.widget {
+	margin-bottom: 15px;
+}
+
+div.widget div.title{
+	margin-bottom: 5px;
+	font-weight: bold;
+}
+
+div#nav #nav-button + ul li{
+	border-right: 1px solid #fff;
+}
+
+div#nav #nav-button + ul li.selected > a, div#nav #nav-button + ul li:hover > a{
+	background-color: #aa004b;
+}
+
+div.message{
+	font-style: italic;
+	font-size: smaller;
+	color: #333333;
+}
+
+form h4{
+	margin-bottom: 10px;
+	border-bottom: 1px dotted $primary-color;
+}
+
+#footer-wrapper{
+	background-color: #ccc;
+}
+
+div.infonotice::before, div.warningnotice::before, div.errornotice::before {
+	content: url(../dialog-warning.png);
+}
+
+div.error{
+	font-size: 0.95em;
+	color:red;
+}
+
+div.error + textarea, div.error + input,div.error + ul input{
+	border: 1px solid red;
+}
+
+div.widget div.title{
+	padding-left: 2px;
+	-webkit-border-radius: 25px 0px 0px 0px;
+	-moz-border-radius: 25px 0px 0px 0px;
+	border-radius: 25px 0px 0px 0px;
+	border-left: 1px solid $primary-color;
+	padding: 5px 0 5px 15px;
+	margin-bottom: 0;
+}
+
+div.widget div.content{
+	border-left: 1px solid #C7004B;
+	padding-left: 5px;
+	padding-top: 5px;
+}
+
+div.buttons div.widget div.content{
+	border: none;
+}
+
+div.RadiobuttonsWidget div.content{
+        padding-left: 20px;
+}
+
+
+div.widget div.content div.widget div.content,
+div.widget div.content div.widget div.title{
+	border: none;
+}
+
+div.datetimepicker{
+	border:1px solid $primary-color;
+}
+
+div.PasswordWidget + br.content{
+	display: none;
+}

static/villejuif/_vars.scss

@@ -0,0 +1,17 @@
+$primary-color: #c7004b;
+
+$width: 980px;
+$font-color: #222;
+$font-size: 14px;
+$font-family: Helvetica, sans-serif;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-weight: bold;
+$title-color: white;
+$border-radius: 0;
+$nav-background: $primary-color;
+$nav-color: white;
+$nav-active-color: lighten($primary-color, 10%);
+$footer-background: #636361;
+$link-color: darken($primary-color, 20%);
+$nav-button-background: transparent;

static/villejuif/style.scss

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

themes.json

@@ -320,6 +320,14 @@
      "theme_color": "#0C89A1"
    }
   },
+  {"id": "villejuif",
+   "label": "Villejuif",
+   "variables": {
+     "css_variant": "villejuif",
+     "no_extra_js": true,
+     "theme_color": "#c7004b"
+   }
+  } ,
   {"id": "villeurbanne",
    "label": "Villeurbanne",
    "variables": {