From 940bb47b1b49d54860661cdf89d7bee29b932d4e Mon Sep 17 00:00:00 2001 From: Serghei Mihai Date: Fri, 9 Dec 2022 12:27:37 +0100 Subject: [PATCH] create theme for Nice (#72464) --- static/nice/_custom.scss | 102 ++++++++++++++++++ static/nice/_vars.scss | 71 ++++++++++++ static/nice/config.json | 15 +++ static/nice/img/barre-footer-separ.png | Bin 0 -> 1102 bytes static/nice/img/sparrow-darkblue-top.png | Bin 0 -> 1028 bytes static/nice/style.scss | 6 ++ .../variants/nice/combo/page_template.html | 9 ++ 7 files changed, 203 insertions(+) create mode 100644 static/nice/_custom.scss create mode 100644 static/nice/_vars.scss create mode 100644 static/nice/config.json create mode 100644 static/nice/img/barre-footer-separ.png create mode 100644 static/nice/img/sparrow-darkblue-top.png create mode 100644 static/nice/style.scss create mode 100644 templates/variants/nice/combo/page_template.html 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 0000000000000000000000000000000000000000..dde0e1dd5dfe19492206dd69b3fa32457de8d4a0 GIT binary patch literal 1102 zcmaJ=OK22H7;cQH(L_-XqM{TXJqVe8r6-eVGlrSz86DTohRLY$olbXUritCv>8^1) z5ya#W@e$qKgMwfVvgjT*9^94S0~HiS;<5;$ARcxRMN~*U_=*p#PBPI$VncOR{rune zfB&NnHq@^zpS@%@MN#Fcb#j{Q$H|&DYXRQC2{)ovTu>cIMRn8yLCRFK zFb!3`qx}x7rKpk>My3fjDH|jWnT+cDFrH}>G)2|cdA6#xK@3`8*03V<(B*41F!Tt$ zIjC@o9fvt%U8e&ZJL@xAXPXw*>AE$b){_W<39$-1bGPM6UW6XymB`sQvosiW!EF(G zOjMK70OH7jAjoh5jjQHCwaD-y7Z$^nK;U?eIE#fqR1daS91&-8^{7aquPS< zI6@PpV=0*S1g+(cmx&aN^;DbX8O~3s=%^?^b~VijZx^TGH@%Y*yO|CfvT5j|yrYrE zwO06{Y$@(Q6(c8u(C%Ut8*&IEH-~HxZwxX#P*lyZe9I_8QKXdRV%5@MN{-NkgE0(U z;>EZe;$l%D7ESVeLX1|4VokLyCj>Dm#6z(nRz_OhgcdGhb%L$o`5HM~#R;*PI4Ra2 z2Gb^yW#|}tpq_M)2}YBajH$KMOs!=Mt52e3Jdf~{SeA%k{nmch>Y|CvkAIvPTymKh zeQ1$+cgSG>Hdq!QkK%etj%K_^_kZQ*-T-BZ{^b-yZOm5W_b|UKuy0 z=|T-7w}{YmqkH)>!pJKl2P8+M3=guJZrZ-ZFK%5cbj?|4q+MizT6JWzi2{XB2x>T~ zkR?XcM?_vpq_|W{OeyKK7*5c2tkER%I@Tv>j%A4$)^F{9t!|je{P@R%!6lc2(T6sf zcb5!y{`>B6@+f9As#2_OJ^yw!a1(S4f8ObQ`|I88m)x86{%d<3t@v(md;9gnvCidW zOON#D%(=iy@6y +
+ {% placeholder "footer-bottom" name="Bas du pied de page" acquired=True optional=True %} +
+ +{% endblock %}