diff --git a/Makefile b/Makefile index 8e2cbd5c..73f73080 100644 --- a/Makefile +++ b/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/ diff --git a/static/villejuif/_custom.scss b/static/villejuif/_custom.scss new file mode 100644 index 00000000..e237fa2d --- /dev/null +++ b/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; +} diff --git a/static/villejuif/_vars.scss b/static/villejuif/_vars.scss new file mode 100644 index 00000000..0c6ea9eb --- /dev/null +++ b/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; diff --git a/static/villejuif/header.png b/static/villejuif/header.png new file mode 100644 index 00000000..3b26df5a Binary files /dev/null and b/static/villejuif/header.png differ diff --git a/static/villejuif/logoVillejuif.png b/static/villejuif/logoVillejuif.png new file mode 100644 index 00000000..beed473e Binary files /dev/null and b/static/villejuif/logoVillejuif.png differ diff --git a/static/villejuif/required.png b/static/villejuif/required.png new file mode 100644 index 00000000..95c2219f Binary files /dev/null and b/static/villejuif/required.png differ diff --git a/static/villejuif/style.scss b/static/villejuif/style.scss new file mode 100644 index 00000000..1fd447de --- /dev/null +++ b/static/villejuif/style.scss @@ -0,0 +1,5 @@ +@charset "UTF-8"; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom'; diff --git a/themes.json b/themes.json index 33a07795..a614f83e 100644 --- a/themes.json +++ b/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": {