diff --git a/static/venissieux/_custom.scss b/static/venissieux/_custom.scss new file mode 100644 index 00000000..321bf841 --- /dev/null +++ b/static/venissieux/_custom.scss @@ -0,0 +1,181 @@ +@import '../includes/font-oswald'; +@import '../includes/font-cantarell'; + +nav { + display: none; +} + +#header-pre { + background: $primary-color; + padding: 2rem 0; + > div { + max-width: $width; + margin: 0 auto; + } +} + +#toplinks { + top: -5rem; + background: transparent; + box-shadow: none; + a { + color: white; + } +} + +.gru-content { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +div#header h1 { + padding: 2rem 0; + font-family: Oswald; + font-weight: 300; + text-transform: uppercase; + font-size: 48px; +} + +div#section-une { + background-size: cover; + padding: 2rem; + &::after { + content: ""; + display: block; + clear: both; + height: 2rem; + } + div#une { + position: relative; + float: left; + width: 50%; + height: 100%; + padding: 2rem 4rem; + h2 { + position: absolute; + bottom: 1rem; + &::before { + content: ""; + background: $secondary-color; + display: block; + width: 50px; + height: 3px; + position: relative; + top: -10px; + } + &::after { + content: none; + } + } + } + div.cell { + float: right; + width: 25%; + background: $primary-color; + color: white; + h2 { + color: white; + font-size: 32px; + &::after { + content: ""; + background: $secondary-color; + display: block; + width: 50px; + height: 3px; + position: relative; + top: 0px; + } + } + a { + color: white; + } + } +} + +.wcs-tracking-code-input { + p { + display: none; + } + form { + display: flex; + button { + background: $secondary-color; + color: white; + &:hover { + background: darken($secondary-color, 20%); + } + } + } + +} + +#content .wcsformsofcategorycell { + margin-top: 2rem; + h2 { + text-align: center; + color: $secondary-color; + font-size: 24px; + } +} + +div#rub_service div.category ul, +div#services > ul > li > ul, +div#account-management ul, +div.links-list ul, +div.menucell ul, +div.wcsformcell, +div.notificationscell ul, +div.categoriescell ul, +div.wcsformsofcategorycell ul, +div.wcscurrentdraftscell ul, +div.wcscurrentformscell ul { + li { + &:last-child::after { + content: none; + } + &::after { + content: ''; + margin-left: 1rem; + display: block; + background: $secondary-color; + height: 2px; + width: 30px; + transition: width ease 0.4s; + } + &:hover::after { + width: calc(100% - 2rem); + } + } +} + +div#rub_service { + h2 { + text-align: left; + &:first-child::after { + content: ''; + margin-left: 0rem; + display: block; + background: $secondary-color; + height: 2px; + width: 30px; + } + } + form { + h3, h4 { + font-family: Oswald; + font-weight: 300; + text-transform: uppercase; + } + h3 { + font-size: 22px; + } + } +} + +div#steps ol li.current { + span.marker { + color: $secondary-color; + } + border-bottom: 2px solid $secondary-color; + border-radius: 0; +} diff --git a/static/venissieux/_vars.scss b/static/venissieux/_vars.scss new file mode 100644 index 00000000..9e593ff5 --- /dev/null +++ b/static/venissieux/_vars.scss @@ -0,0 +1,36 @@ +$primary-color: #3795b2; +$secondary-color: #ed0f53; +$font-size: 16px; +$font-family: Cantarell, sans-serif; + +$width: 1400px; + +$nav-after-image: false; + +$font-color: #2c292a; +$link-color: #3999b0; + +$cell-border: none; +$cell-entry-border-color: transparent; +$cell-entry-hover-background: transparent; +$cell-title-cover-border: false; +$title-background: transparent; +$title-transform: uppercase; +$title-font-family: Oswald, sans-serif; +$title-weight: 300; +$title-font-size: 24px; +$title-padding: 0.7rem 0.5rem; + +$button-background: $primary-color; +$button-hover-background: darken($primary-color, 20%); +$button-color: white; + +$widget-background: #fefefe; +$widget-border: 1px solid #aaa; +$widget-focus-background: white; +$widget-focus-border: 1px solid #4b4b4b; + +$footer-background: #bfded9; +$footer-color: #4c6778; + +$widget-custom-radio-checkbox: true; diff --git a/static/venissieux/img/logo-venissieux.png b/static/venissieux/img/logo-venissieux.png new file mode 100644 index 00000000..798737f4 Binary files /dev/null and b/static/venissieux/img/logo-venissieux.png differ diff --git a/static/venissieux/style.scss b/static/venissieux/style.scss new file mode 100644 index 00000000..1fd447de --- /dev/null +++ b/static/venissieux/style.scss @@ -0,0 +1,5 @@ +@charset "UTF-8"; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom'; diff --git a/templates/variants/venissieux/combo/page_template_homepage.html b/templates/variants/venissieux/combo/page_template_homepage.html new file mode 100644 index 00000000..aa7e8e5d --- /dev/null +++ b/templates/variants/venissieux/combo/page_template_homepage.html @@ -0,0 +1,10 @@ +{% extends "combo/page_template.html" %} +{% load combo %} + +{% block bodyclasses %}{{ block.super }} page-homepage{% endblock %} + +{% block content-top %} +
+ {% placeholder "une" name="Une" %} +
+{% endblock %} diff --git a/templates/variants/venissieux/theme.html b/templates/variants/venissieux/theme.html new file mode 100644 index 00000000..35b9fda3 --- /dev/null +++ b/templates/variants/venissieux/theme.html @@ -0,0 +1,8 @@ +{% extends "../../theme.html" %} +{% load static %} + +{% block header-pre %} +
+Ville de VĂ©nissieux +
+{% endblock %} diff --git a/themes.json b/themes.json index 3406c0cb..7f3edafe 100644 --- a/themes.json +++ b/themes.json @@ -588,6 +588,14 @@ "theme_color": "#0C89A1" } }, + {"id": "venissieux", + "label": "VĂ©nissieux", + "variables": { + "css_variant": "venissieux", + "no_extra_js": true, + "theme_color": "#2dbdbd" + } + }, {"id": "villejuif", "label": "Villejuif", "variables": {