diff --git a/static/nice/_custom.scss b/static/nice/_custom.scss new file mode 100644 index 00000000..4bfef710 --- /dev/null +++ b/static/nice/_custom.scss @@ -0,0 +1,102 @@ +@media ($min-desktop-viewport) { + .site-header { + top: 0; + } + .site-nav { + top: 76px; + } + .site-header, .site-nav { + position: sticky; + z-index: 1000; + } + ul.menu { + margin-top: 0px; + } +} + +div.gru-nav .gru-nav-button + ul { + border-top: 0; + @media ($max-mobile-viewport) { + margin-top: 10px; + } +} + +h1.has-logo { + display: flex; + justify-content: center; + padding: 10px 0; +} + +div.wcsformsofcategorycell, div.linklistcell { + &.has-asset-picture { + h2:first-child::before { + position: absolute; + top: -19px; + left: 0; + width: 100%; + height: 19px; + display: block; + background: url('img/sparrow-darkblue-top.png') top center no-repeat; + content: ""; + } + } +} + +.back-top--link { + background: $primary-color; + border-radius: 2px; + padding: 0 0.25em 0.25em 0.25em; + &-label { + display: none; + } + @media ($max-mobile-viewport) { + bottom: $nav-mobile-bottom-bar-height + 5px; + } +} + +.pwa-navigation div > ul li a { + background-size: $nav-mobile-bottom-bar-height / 2 - 7px; +} + +div.cell.links-in-row ul > li { + display: inline-block; + border-bottom: 0; + a:hover { + text-decoration: underline; + background: transparent; + } +} + +/* Authentic styles */ + +div#login-page .block { + background: transparent; +} + +/* Footer */ + +div#footer h4 { + color: #00c1d2; + text-transform: uppercase; + background: url('img/barre-footer-separ.png') no-repeat left bottom; + padding-bottom: 10px; + margin: 0 0 15px 10px; +} + +div#footer-bottom { + background: #1c1c1c; + color: $footer-color; + a { + color: $footer-link-color; + } + > div { + max-width: $width; + margin: 0 auto; + } +} + +/* Forms */ + +div.title { + font-weight: bold; +} diff --git a/static/nice/_vars.scss b/static/nice/_vars.scss new file mode 100644 index 00000000..d843e28e --- /dev/null +++ b/static/nice/_vars.scss @@ -0,0 +1,71 @@ +// typo +$font-family: Raleway, sans-serif; +$base-font: 15; +$font-size: 100% / ( 16 / $base-font ); + +$font-color: black; + +$header-background-color: #0882a0a3; +$header-logo-size: 320px 56px; + +$toplinks-border-radius: 0 0 5px 5px; +$toplinks-box-shadow: null; +$toplinks-padding: 0.5em 1em; + +// Core vars +$primary-color: #0882a0; + +$link-color: $primary-color; + +$footer-background: #343434; +$footer-color: white; +$footer-link-color: $footer-color; + +$width: 1170em / $base-font; +$mobile-limit: 767em / $base-font; +$very-small-limit: 35em; + +$nav-button-background: white; +$nav-button-color: $primary-color; +$nav-menu-side: 42px; +$nav-active-color: $primary-color; +$nav-submenu-color: black; +$nav-item-transform: uppercase; + +$button-background: $primary-color; +$button-color: white; + +$title-background: $primary-color; +$title-color: white; +$title-transform: uppercase; +$title-weight: bold; + +$cell-border: none; +$cell-background: #ededed; +$cell-image-position: top; +$cell-image-padding: 0 0 0.2rem 0; + +$button-border: none; +$button-hover-background: darken($primary-color, 0.25); + +$form-sidebar-position: top; +$form-accent-color: $primary-color; +$buttons-order: cancel (grow), previous, submit; + +$nav-mobile-bottom-bar-background: $secondary-color; +$nav-mobile-bottom-bar-color: black; + +$back-top-display: block; +$back-top-icon-character: '\f077'; +$back-top-layout-position: fixed (right: 0.5em, bottom: 0.5em); + +$widget-color: #555555; +$widget-border-radius: 4px; +$widget-padding: 6px 12px; +$widget-border: 1px solid #cccccc; +$widget-focus-border: 1px solid #66afe9; +$widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +$widget-focus-outline: none; +$widget-unique-checkbox-position: left; + +$cancel-button-style: "%inverted-button"; diff --git a/static/nice/config.json b/static/nice/config.json new file mode 100644 index 00000000..3439c1d2 --- /dev/null +++ b/static/nice/config.json @@ -0,0 +1,15 @@ +{ + "label": "Nice", + "variables": { + "theme_color": "#0882a0", + "email_header_asset": "emails:logo" + }, + "settings": { + "combo": { + "COMBO_ASSET_SLOTS.update": { + "header:logo": {"label": "Têtière : logo"}, + "emails:logo": {"label": "Emails : logo"} + } + } + } +} diff --git a/static/nice/img/barre-footer-separ.png b/static/nice/img/barre-footer-separ.png new file mode 100644 index 00000000..dde0e1dd Binary files /dev/null and b/static/nice/img/barre-footer-separ.png differ diff --git a/static/nice/img/sparrow-darkblue-top.png b/static/nice/img/sparrow-darkblue-top.png new file mode 100644 index 00000000..577778c8 Binary files /dev/null and b/static/nice/img/sparrow-darkblue-top.png differ diff --git a/static/nice/style.scss b/static/nice/style.scss new file mode 100644 index 00000000..d4bd6f70 --- /dev/null +++ b/static/nice/style.scss @@ -0,0 +1,6 @@ +@charset "UTF-8"; +@import '../includes/fonts/raleway'; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom'; diff --git a/templates/variants/nice/combo/page_template.html b/templates/variants/nice/combo/page_template.html new file mode 100644 index 00000000..de46a4bd --- /dev/null +++ b/templates/variants/nice/combo/page_template.html @@ -0,0 +1,9 @@ +{% extends "combo/page_template.html" %} + +{% block footer-post %} + +{% endblock %}