caen: new theme (#60057)
This commit is contained in:
parent
18909167f3
commit
445fa0f7bf
|
|
@ -0,0 +1,582 @@
|
|||
@mixin fill-viewport() {
|
||||
width: 100vw;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
padding-right: calc(50vw - 50%);
|
||||
padding-left: calc(50vw - 50%);
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.h, h1, h2, h3, h4, %button {
|
||||
font-family: $title-font-family;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: $fz-4;
|
||||
}
|
||||
|
||||
.big-title {
|
||||
font-size: $fz-2;
|
||||
border-bottom: none;
|
||||
margin-bottom: .8rem;
|
||||
&::after {
|
||||
content: "";
|
||||
width: 50px;
|
||||
height: 6px;
|
||||
background-color: currentColor;
|
||||
display: block;
|
||||
margin-top: .8rem;
|
||||
}
|
||||
@media ($min-desktop-viewport) {
|
||||
font-size: $fz-1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.title-with-dash {
|
||||
border-bottom: none;
|
||||
&::before {
|
||||
content: "";
|
||||
margin-left: -2rem;
|
||||
width: 2rem;
|
||||
height: 0.11em;
|
||||
transform: translateX(-2rem);
|
||||
display: inline-block;
|
||||
background-color: currentColor;
|
||||
vertical-align: 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
%button {
|
||||
display: inline-block;
|
||||
padding: 0.6em 1em 0.5em;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
%cancel-button {
|
||||
&, &:hover {
|
||||
padding: 1.1em 2em 1em;
|
||||
background-color: #fff !important;
|
||||
color: black !important;
|
||||
border-color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
%orange-button {
|
||||
@extend %cancel-button;
|
||||
&, &:hover {
|
||||
background-color: $orange !important;
|
||||
border-color: $orange;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Backgrounds
|
||||
//
|
||||
body {
|
||||
background-image:
|
||||
url(img/bg-dots-gray.svg),
|
||||
url(img/bg-lines-gray.svg);
|
||||
background-position:
|
||||
60% -400px,
|
||||
left calc(45% - #{$width/2}) top 50px;
|
||||
background-size:
|
||||
800px,
|
||||
260px;
|
||||
background-repeat: no-repeat;
|
||||
@media ($max-mobile-viewport) {
|
||||
background-size:
|
||||
400px,
|
||||
260px;
|
||||
background-position:
|
||||
50% -200px,
|
||||
left calc(50% - #{$width/2}) top 100px;
|
||||
}
|
||||
}
|
||||
main {
|
||||
background-image: url(img/bg-dots-orange.svg);
|
||||
background-position: top 100vh left -350px;
|
||||
background-size: 700px;
|
||||
background-repeat: no-repeat;
|
||||
@media ($max-mobile-viewport) {
|
||||
background-size: 400px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//
|
||||
// HEADER
|
||||
//
|
||||
|
||||
h1#logo.has-logo {
|
||||
padding-left: 0;
|
||||
a {
|
||||
max-width: 100%;
|
||||
width: 340px;
|
||||
height: 105px;
|
||||
margin-bottom: 3rem;
|
||||
@media ($min-desktop-viewport) {
|
||||
margin-top: 3rem;
|
||||
width: 560px;
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#top {
|
||||
@media ($max-mobile-viewport) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
#toplinks {
|
||||
text-align: left;
|
||||
position: static;
|
||||
order: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// TOPLINKS
|
||||
//
|
||||
|
||||
#toplinks {
|
||||
$buttons-gutter: 1.5rem;
|
||||
$space-for-nav: $nav-menu-side + $buttons-gutter;
|
||||
$space-for-nav-unitless: $space-for-nav / 1rem;
|
||||
max-width: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
@extend .h;
|
||||
font-weight: normal;
|
||||
padding: 1rem 0;
|
||||
@media ($min-desktop-viewport) {
|
||||
right: $space-for-nav;
|
||||
}
|
||||
// @debug 5px * math.div(math.div(30deg, 2s), 24em);
|
||||
@media (min-width: #{$width + ($space-for-nav-unitless * 2) }) {
|
||||
right: 0;
|
||||
}
|
||||
a {
|
||||
@extend %button;
|
||||
margin-right: 0;
|
||||
font-weight: 400;
|
||||
@media ($max-mobile-viewport) {
|
||||
margin-right: $buttons-gutter;
|
||||
}
|
||||
@media ($min-desktop-viewport) {
|
||||
margin-left: $buttons-gutter;
|
||||
}
|
||||
}
|
||||
.sep {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// NAV
|
||||
//
|
||||
div.gru-nav > ul > li {
|
||||
margin-bottom: 1rem;
|
||||
a {
|
||||
@extend .h;
|
||||
font-size: $fz-4;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
#nav .gru-nav-button {
|
||||
z-index: 1002;
|
||||
& + ul {
|
||||
z-index: 1001;
|
||||
// subnav
|
||||
ul li a {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// right-to-left adaptation
|
||||
@if $responsive-menu == left-to-right {
|
||||
body {
|
||||
border-left: none;
|
||||
}
|
||||
div.gru-nav .gru-nav-button {
|
||||
border: 8px solid;
|
||||
border-radius: 50%;
|
||||
left: auto;
|
||||
right: .5rem;
|
||||
top: 0.75rem;
|
||||
|
||||
.icon-bar {
|
||||
border-width: 1.5px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
&.toggled {
|
||||
background: white;
|
||||
border-color: white;
|
||||
.icon-bar {
|
||||
border-color: black;
|
||||
}
|
||||
}
|
||||
+ ul {
|
||||
transform: translateX(100%);
|
||||
left: auto;
|
||||
right: 0;
|
||||
width: auto;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Main
|
||||
div#main-content {
|
||||
@media ($min-desktop-viewport) {
|
||||
margin: 0 0.7em;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// TOP MESSAGE
|
||||
//
|
||||
|
||||
.top-message {
|
||||
@media ($max-mobile-viewport) {
|
||||
margin: 0 0.7em;
|
||||
}
|
||||
> .text-cell {
|
||||
background-color: $blue;
|
||||
color: white;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: $columns-gutter;
|
||||
@include fill-viewport();
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&::before {
|
||||
content: "";
|
||||
align-self: stretch;
|
||||
flex: 0 0 65px;
|
||||
margin-right: 40px;
|
||||
background: url(img/top-message-icon.svg) no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// CELLS
|
||||
//
|
||||
|
||||
.gru-content div.cell {
|
||||
margin-bottom: 2rem;
|
||||
|
||||
&.foldable {
|
||||
> div > h2:first-child {
|
||||
background-color: $orange;
|
||||
padding-left: 1rem;
|
||||
padding-right: 2rem;
|
||||
padding-top: 1rem;
|
||||
&::after {
|
||||
right: 0.7rem;
|
||||
}
|
||||
}
|
||||
&.folded {
|
||||
> div > h2:first-child {
|
||||
background-color: $gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has-asset-picture {
|
||||
$image-width: 3rem;
|
||||
> div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
|
||||
> * {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
> h2:first-child {
|
||||
flex: 1 0 50%;
|
||||
margin-left: -1 * ($image-width + 1);
|
||||
padding-left: $image-width + 2;
|
||||
}
|
||||
|
||||
> picture {
|
||||
display: block;
|
||||
order: -1;
|
||||
flex: 0 0 $image-width;
|
||||
align-self: stretch;
|
||||
margin-left: 1rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
img {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
position: absolute;
|
||||
top: 0; bottom: 0; left: 0; right: 0;
|
||||
border-top: 4px solid transparent;
|
||||
border-bottom: 4px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.links-list ul {
|
||||
& > li {
|
||||
background-color: $gray-xlight;
|
||||
> a {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cell-with-dash {
|
||||
.gru-content &.cell {
|
||||
padding-left: 4rem;
|
||||
h2:first-child {
|
||||
@extend .title-with-dash;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cell-blue {
|
||||
.gru-content &.cell {
|
||||
color: $blue;
|
||||
h2:first-child {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
%button-links-list {
|
||||
margin-top: 1rem;
|
||||
& > li {
|
||||
border-bottom: none !important;
|
||||
background-color: transparent;
|
||||
}
|
||||
& > li > a {
|
||||
@extend %cancel-button;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
margin-right: 0;
|
||||
margin-bottom: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
%small-button-links-list {
|
||||
@extend %button-links-list;
|
||||
& > li > a {
|
||||
padding: 0.5em 1em 0.3em;
|
||||
}
|
||||
}
|
||||
|
||||
.button-links-list {
|
||||
.gru-content &.cell {
|
||||
div.links-list ul {
|
||||
@extend %button-links-list;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.small-button-links-list {
|
||||
.gru-content &.cell {
|
||||
div.links-list ul {
|
||||
@extend %small-button-links-list;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cell-with-big-title {
|
||||
.gru-content &.cell {
|
||||
h2:first-child {
|
||||
@extend .big-title;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.tracking-code-input-cell {
|
||||
@extend .cell-with-dash;
|
||||
@extend .cell-blue;
|
||||
form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
}
|
||||
input#tracking-code {
|
||||
flex: 1 1 0;
|
||||
margin: 0;
|
||||
min-width: 8em;
|
||||
}
|
||||
button {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// WCS
|
||||
//
|
||||
|
||||
div#tracking-code {
|
||||
margin-left: 4rem;
|
||||
color: $blue;
|
||||
h3 {
|
||||
@extend .title-with-dash;
|
||||
color: inherit;
|
||||
}
|
||||
a {
|
||||
font-size: $fz-small;
|
||||
border: 1px solid;
|
||||
padding: 0.5em 1em !important;
|
||||
color: inherit;
|
||||
|
||||
@media ($max-mobile-viewport) {
|
||||
margin-left: 1em;
|
||||
vertical-align: super;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.form-content--title {
|
||||
@extend .big-title;
|
||||
@media ($min-desktop-viewport) {
|
||||
margin-left: calc(#{$form-sidebar-width} + #{$form-sidebar-gutter});
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-content
|
||||
div#rub_service {
|
||||
form {
|
||||
padding: 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: $fz-3;
|
||||
padding-bottom: .33em;
|
||||
border-bottom: 2px solid;
|
||||
@media ($min-desktop-viewport) {
|
||||
font-size: $fz-2;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: $fz-4;
|
||||
@media ($min-desktop-viewport) {
|
||||
font-size: $fz-3;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wcs-step {
|
||||
&:not(.current) {
|
||||
border: 1px solid $gray-light;
|
||||
}
|
||||
&--label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
&--marker {
|
||||
border-right: 1px solid $gray;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-content .submit-button button,
|
||||
div.gru-content button.submit-button {
|
||||
@extend %orange-button;
|
||||
}
|
||||
div.gru-content .previous-button button {
|
||||
@extend %cancel-button;
|
||||
}
|
||||
|
||||
.quixote:not(#wf-actions) div.buttons {
|
||||
@media (max-width: $very-small-limit) {
|
||||
display: block;
|
||||
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
button {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// A2
|
||||
//
|
||||
|
||||
.fc-login,
|
||||
#fc-linking,
|
||||
#frontend-registration-fc > div {
|
||||
background-color: $gray-xlight;
|
||||
}
|
||||
|
||||
#profile {
|
||||
background-color: $gray-xlight;
|
||||
// padding: 1rem;
|
||||
.field {
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.label {
|
||||
color: black;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.value {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
div#account-management ul {
|
||||
@extend %small-button-links-list;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// FOOTER
|
||||
//
|
||||
footer {
|
||||
background: url(img/bandeau-footer.png) no-repeat;
|
||||
background-size: 100% 50px;
|
||||
}
|
||||
#footer-wrapper {
|
||||
margin-top: 50px;
|
||||
|
||||
div.links-list ul > li > a {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
padding-top: 0.33em;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
// colors
|
||||
$orange: #FFC32D;
|
||||
$blue: #0D74EF;
|
||||
$blue-light: #03CFEC;
|
||||
$violet: #6E19E6;
|
||||
$gray: #707070;
|
||||
$gray-dark: #272727;
|
||||
$gray-light: #DCDCDC;
|
||||
$gray-xlight: #F5F5F5;
|
||||
|
||||
|
||||
|
||||
// fonts size
|
||||
$base-font: 16;
|
||||
$fz-1: 44em / $base-font;
|
||||
$fz-2: 30em / $base-font;
|
||||
$fz-3: 24em / $base-font;
|
||||
$fz-4: 18em / $base-font;
|
||||
$fz-small: 14em / $base-font;
|
||||
|
||||
// Core vars
|
||||
$width: 1096em / $base-font;
|
||||
$mobile-width: 600em / $base-font;
|
||||
$mobile-limit: 64em;
|
||||
$very-small-limit: 35em;
|
||||
$columns-gutter: 60rem / $base-font;
|
||||
// $sidebar-columns-gutter: 120em / $base-font;
|
||||
$sidebar-columns-gutter: $columns-gutter;
|
||||
$sidebar-width: (320rem / $base-font) + $sidebar-columns-gutter;
|
||||
|
||||
$font-size: 100% / ( 16 / $base-font );
|
||||
$font-family: Lato, sans-serif;
|
||||
$font-color: black;
|
||||
$link-color: $violet;
|
||||
$primary-color: #FFC300;
|
||||
|
||||
$nav-mobile-limit: 9999px;
|
||||
$nav-menu-color: black;
|
||||
$nav-mobile-menu-background: $gray-dark;
|
||||
$nav-active-color: $orange;
|
||||
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left
|
||||
$nav-button-background: black;
|
||||
$nav-button-color: white;
|
||||
$nav-menu-side: 3rem;
|
||||
|
||||
$title-font-family: Oswald, sans-serif;
|
||||
$title-font-size: $fz-3;
|
||||
$title-weight: 500;
|
||||
$title-transform: uppercase;
|
||||
$title-padding: 0.7rem 0;
|
||||
$title-border-bottom: 2px solid black;
|
||||
$title-background: none;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-background: none;
|
||||
$cell-title-cover-border: false;
|
||||
$cell-entry-color: black;
|
||||
$cell-entry-font-weight: bold;
|
||||
$cell-entry-border: 1px solid black;
|
||||
$cell-entry-hover-background: $gray-light;
|
||||
|
||||
$button-background: black;
|
||||
$buttons-order: cancel (grow), previous, submit;
|
||||
|
||||
$form-sidebar-gutter: $columns-gutter;
|
||||
|
||||
$wcs-steps-spacing: 1rem;
|
||||
$wcs-step-color: black;
|
||||
$wcs-step-current-color: $wcs-step-color;
|
||||
$wcs-step-current-background: $orange;
|
||||
$wcs-step-border-bottom: none;
|
||||
$wcs-steps-small-layout-limit: $mobile-limit;
|
||||
|
||||
$widget-border: 1px solid $gray-light;
|
||||
$widget-focus-border: 1px solid black;
|
||||
$widget-unique-checkbox-position: left;
|
||||
|
||||
$footer-background: black;
|
||||
$footer-color: white;
|
||||
$footer-link-color: white;
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
{
|
||||
"label": "Caen",
|
||||
"variables": {
|
||||
"pwa_display": "standalone",
|
||||
"theme_color": "#FFC300",
|
||||
"email_header_asset": "emails:logo"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"emails:logo": {"label": "Emails : logo"}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 401 KiB |
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 401 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 482.86 482.86"><defs><style>.cls-1{fill:#f2f2f2;}</style></defs><path class="cls-1" d="M346.05,23.73,459.13,136.81q-2.86-6-6.05-11.71L357.76,29.78C353.91,27.66,350,25.64,346.05,23.73Z"/><path class="cls-1" d="M315.9,11.67,471.19,167c-.94-2.89-1.91-5.76-2.95-8.61L324.5,14.62Q320.24,13.06,315.9,11.67Z"/><path class="cls-1" d="M291.24,5.1,477.75,191.62c-.51-2.45-1.07-4.89-1.66-7.32L298.55,6.76C296.13,6.18,293.69,5.62,291.24,5.1Z"/><path class="cls-1" d="M269.64,1.6,481.26,213.22q-.39-3.27-.85-6.5L276.14,2.44Q272.9,2,269.64,1.6Z"/><path class="cls-1" d="M250.07.12,482.74,232.79c-.07-2-.17-4-.28-5.94L256,.4Q253,.22,250.07.12Z"/><path class="cls-1" d="M232,.15l250.71,250.7c.07-1.83.12-3.66.15-5.5L237.51,0C235.67,0,233.83.08,232,.15Z"/><path class="cls-1" d="M215.14,1.38,481.48,267.72c.18-1.71.35-3.43.49-5.16L220.29.88C218.57,1,216.85,1.2,215.14,1.38Z"/><path class="cls-1" d="M199.29,3.62l279.94,280c.29-1.61.56-3.23.81-4.85L204.14,2.82C202.52,3.07,200.9,3.34,199.29,3.62Z"/><path class="cls-1" d="M184.33,6.76,476.1,298.53c.37-1.53.72-3.06,1.06-4.59L188.92,5.69C187.38,6,185.85,6.39,184.33,6.76Z"/><path class="cls-1" d="M170.13,10.66,472.2,312.72c.45-1.44.88-2.9,1.3-4.35l-299-299C173,9.78,171.58,10.21,170.13,10.66Z"/><path class="cls-1" d="M156.65,15.27,467.59,326.2c.51-1.37,1-2.75,1.51-4.14L160.8,13.76C159.41,14.25,158,14.75,156.65,15.27Z"/><path class="cls-1" d="M143.8,20.52,462.34,339.05c.58-1.31,1.16-2.62,1.71-3.94L147.75,18.8C146.42,19.36,145.11,19.94,143.8,20.52Z"/><path class="cls-1" d="M131.54,26.35l325,325c.64-1.26,1.26-2.52,1.88-3.78L135.32,24.47C134.06,25.09,132.79,25.71,131.54,26.35Z"/><path class="cls-1" d="M119.86,32.76,450.1,363c.69-1.19,1.38-2.4,2-3.6L123.46,30.7C122.25,31.38,121.05,32.06,119.86,32.76Z"/><path class="cls-1" d="M108.7,39.69,443.16,374.16c.75-1.14,1.5-2.28,2.23-3.43L112.13,37.47C111,38.2,109.84,38.94,108.7,39.69Z"/><path class="cls-1" d="M98,47.13,435.72,384.81c.81-1.08,1.61-2.17,2.39-3.27L101.31,44.75C100.21,45.53,99.13,46.33,98,47.13Z"/><path class="cls-1" d="M87.88,55.06,427.8,395c.85-1,1.68-2.08,2.52-3.13L91,52.54C90,53.37,88.91,54.21,87.88,55.06Z"/><path class="cls-1" d="M78.21,63.49,419.37,404.65c.9-1,1.79-2,2.68-3L81.19,60.81C80.19,61.69,79.19,62.58,78.21,63.49Z"/><path class="cls-1" d="M69,72.39,410.47,413.84c.95-.93,1.9-1.87,2.83-2.82L71.84,69.55C70.89,70.49,70,71.44,69,72.39Z"/><path class="cls-1" d="M60.3,81.76l340.79,340.8c1-.88,2-1.77,3-2.67L63,78.77C62.06,79.76,61.18,80.76,60.3,81.76Z"/><path class="cls-1" d="M52.05,91.61,391.24,430.8c1.05-.83,2.1-1.67,3.14-2.52L54.58,88.48C53.73,89.52,52.88,90.56,52.05,91.61Z"/><path class="cls-1" d="M44.3,102,380.91,438.56c1.1-.78,2.18-1.58,3.27-2.38L46.68,98.67C45.88,99.76,45.08,100.85,44.3,102Z"/><path class="cls-1" d="M37.05,112.8l333,333c1.15-.73,2.3-1.47,3.44-2.22L39.27,109.36C38.52,110.5,37.78,111.65,37.05,112.8Z"/><path class="cls-1" d="M30.32,124.16,358.7,452.54c1.21-.67,2.41-1.35,3.61-2L32.36,120.55C31.67,121.74,31,123,30.32,124.16Z"/><path class="cls-1" d="M24.11,136.05,346.8,458.74c1.27-.61,2.53-1.24,3.78-1.88L26,132.27C25.36,133.53,24.73,134.79,24.11,136.05Z"/><path class="cls-1" d="M18.49,148.53,334.33,464.36c1.33-.55,2.64-1.12,4-1.7L20.19,144.57C19.62,145.88,19.05,147.2,18.49,148.53Z"/><path class="cls-1" d="M13.48,161.61,321.25,469.37c1.39-.49,2.78-1,4.16-1.49L15,157.45C14.47,158.83,14,160.22,13.48,161.61Z"/><path class="cls-1" d="M9.12,175.34l298.4,298.4c1.46-.42,2.91-.86,4.36-1.3L10.41,171C10,172.43,9.53,173.88,9.12,175.34Z"/><path class="cls-1" d="M5.51,189.82,293,477.35c1.55-.34,3.08-.68,4.61-1.05L6.56,185.21C6.19,186.74,5.84,188.28,5.51,189.82Z"/><path class="cls-1" d="M2.68,205.09,277.76,480.17c1.63-.24,3.25-.51,4.87-.79L3.48,200.23C3.2,201.85,2.93,203.47,2.68,205.09Z"/><path class="cls-1" d="M.8,221.31,261.55,482.05c1.73-.14,3.46-.29,5.18-.47L1.28,216.13C1.1,217.85,1,219.58.8,221.31Z"/><path class="cls-1" d="M0,238.6,244.26,482.86c1.85,0,3.69-.06,5.53-.13L.12,233.06C.06,234.9,0,236.75,0,238.6Z"/><path class="cls-1" d="M.49,257.18,225.68,482.37c2,.12,4,.23,6,.31L.18,251.21Q.3,254.21.49,257.18Z"/><path class="cls-1" d="M2.64,277.42l202.79,202.8q3.25.48,6.54.88L1.76,270.89Q2.15,274.16,2.64,277.42Z"/><path class="cls-1" d="M7.14,300l175.7,175.7c2.44.61,4.9,1.17,7.37,1.71L5.43,292.65Q6.23,296.36,7.14,300Z"/><path class="cls-1" d="M15.32,326.29,156.57,467.54q4.34,1.63,8.75,3.1L12.22,317.54Q13.69,322,15.32,326.29Z"/><path class="cls-1" d="M31.21,360.27l91.37,91.38q5.91,3.35,12,6.37L24.84,348.25Q27.86,354.36,31.21,360.27Z"/></svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,39 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="561.562" height="178.093" viewBox="0 0 561.562 178.093">
|
||||
<defs>
|
||||
<clipPath id="clip-path">
|
||||
<path id="Tracé_392" data-name="Tracé 392" d="M80.057,28.869V91.938H60.371V60.492l-9.71,31.445H33.736l-9.71-31.445V91.938H4.25V28.869H28.48l13.9,37.859,13.54-37.859Zm28.684,15.767v7.75h19.6V67.263h-19.6v8.908h22.27V91.938H88.965V28.869h42.046V44.636Zm54.428,47.925q-11.313,0-18.662-5.3t-7.973-15.544h21.023q.445,5.434,4.81,5.434a4.718,4.718,0,0,0,2.717-.757,2.654,2.654,0,0,0,1.114-2.361,4.1,4.1,0,0,0-2.405-3.608,47.982,47.982,0,0,0-7.483-3.162,80.8,80.8,0,0,1-10.022-4.187,19.424,19.424,0,0,1-6.815-5.968,16.272,16.272,0,0,1-2.761-10.066,17.235,17.235,0,0,1,3.162-10.467,19.529,19.529,0,0,1,8.641-6.547A32.508,32.508,0,0,1,160.853,27.8q11.58,0,18.4,5.345T186.419,48.2h-21.29a5.287,5.287,0,0,0-1.336-3.83,4.29,4.29,0,0,0-3.029-1.158,2.7,2.7,0,0,0-2.049.846,3.3,3.3,0,0,0-.8,2.361,4.045,4.045,0,0,0,2.361,3.519,54.152,54.152,0,0,0,7.527,3.341,85.219,85.219,0,0,1,9.843,4.276,20.845,20.845,0,0,1,6.726,5.7,14.462,14.462,0,0,1,2.851,9.175,18.7,18.7,0,0,1-11.135,17.549A29.833,29.833,0,0,1,163.169,92.561ZM30.529,91.749a35.972,35.972,0,0,1,17.326,4.009A28.138,28.138,0,0,1,59.3,106.893a32.493,32.493,0,0,1,4.009,16.213A32.813,32.813,0,0,1,59.3,139.318a28.854,28.854,0,0,1-11.447,11.358,35.029,35.029,0,0,1-17.326,4.142H4.25V91.749ZM28.747,137.18q6.681,0,10.6-3.652t3.92-10.422q0-6.77-3.92-10.422t-10.6-3.652H24.026V137.18Zm61.465-29.664v7.75h19.6v14.876h-19.6v8.908h22.27v15.767H70.437V91.749h42.046v15.767Zm105.56-15.767v63.069H176.086V123.373l-9.71,31.445H149.451l-9.71-31.445v31.445H119.965V91.749H144.2l13.9,37.859,13.54-37.859Zm49.351,53.537H224.1l-3.118,9.532H200.227L223.3,91.749h22.8l22.983,63.069H248.241Zm-4.81-14.876-5.7-17.549-5.7,17.549Zm64.94,24.408L293.4,132.192h-.089v22.626H273.54V91.749h29.4a29.016,29.016,0,0,1,13.095,2.717,18.87,18.87,0,0,1,8.151,7.394,20.625,20.625,0,0,1,2.717,10.556,18.753,18.753,0,0,1-3.519,11.224,19.34,19.34,0,0,1-10.111,7.037l13.718,24.141Zm-11.937-35.81h7.839a6.187,6.187,0,0,0,4.276-1.292,6.211,6.211,0,0,0-.045-7.973,5.835,5.835,0,0,0-4.231-1.425h-7.839Zm38.126,4.187a35.674,35.674,0,0,1,3.786-16.658,27.347,27.347,0,0,1,10.823-11.358,32.626,32.626,0,0,1,16.569-4.053A33.7,33.7,0,0,1,377.274,94.2a27.078,27.078,0,0,1,10.511,8.685,31.478,31.478,0,0,1,5.389,13.095H372.33a11.281,11.281,0,0,0-4.053-4.855,10.655,10.655,0,0,0-6.013-1.737,9.433,9.433,0,0,0-7.884,3.741q-2.9,3.741-2.9,10.066t2.9,10.066A9.433,9.433,0,0,0,362.264,137a10.655,10.655,0,0,0,6.013-1.737,11.281,11.281,0,0,0,4.053-4.855h20.845a31.477,31.477,0,0,1-5.389,13.095,27.078,27.078,0,0,1-10.511,8.685,33.7,33.7,0,0,1-14.654,3.073,32.626,32.626,0,0,1-16.569-4.053,27.347,27.347,0,0,1-10.823-11.358A35.674,35.674,0,0,1,331.442,123.194ZM458.649,91.749v63.069H438.873V130.232h-18.8v24.586H400.3V91.749h19.776v22.715h18.8V91.749Zm28.684,15.767v7.75h19.6v14.876h-19.6v8.908H509.6v15.767H467.557V91.749H509.6v15.767Zm54.428,47.925q-11.313,0-18.662-5.3T515.125,134.6h21.023q.445,5.434,4.81,5.434a4.718,4.718,0,0,0,2.717-.757,2.654,2.654,0,0,0,1.113-2.361,4.1,4.1,0,0,0-2.405-3.608,47.984,47.984,0,0,0-7.483-3.162,80.8,80.8,0,0,1-10.022-4.187,19.424,19.424,0,0,1-6.815-5.968,16.273,16.273,0,0,1-2.761-10.066,17.235,17.235,0,0,1,3.162-10.467,19.53,19.53,0,0,1,8.641-6.547,32.508,32.508,0,0,1,12.338-2.227q11.581,0,18.4,5.345t7.171,15.055H543.72a5.287,5.287,0,0,0-1.336-3.83,4.29,4.29,0,0,0-3.029-1.158,2.7,2.7,0,0,0-2.049.846,3.3,3.3,0,0,0-.8,2.361,4.045,4.045,0,0,0,2.361,3.519,54.16,54.16,0,0,0,7.527,3.341,85.217,85.217,0,0,1,9.843,4.276,20.847,20.847,0,0,1,6.726,5.7,14.462,14.462,0,0,1,2.85,9.175,18.7,18.7,0,0,1-11.135,17.549A29.833,29.833,0,0,1,541.761,155.441Z" transform="translate(-4.25 -27.8)" fill="#0d74ef"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="Groupe_3345" data-name="Groupe 3345" transform="translate(-145 -51.907)">
|
||||
<g id="Groupe_3336" data-name="Groupe 3336" transform="translate(145 192.426)">
|
||||
<g id="Groupe_3111" data-name="Groupe 3111" transform="translate(0 0)" style="mix-blend-mode: normal;isolation: isolate">
|
||||
<path id="Tracé_195" data-name="Tracé 195" d="M627.915,418.061a4.29,4.29,0,0,1-1.445-3.328,4.362,4.362,0,0,1,1.445-3.351,5.437,5.437,0,0,1,3.833-1.331,5.371,5.371,0,0,1,3.787,1.331,4.363,4.363,0,0,1,1.446,3.351,4.31,4.31,0,0,1-1.446,3.3,5.368,5.368,0,0,1-3.787,1.331A5.5,5.5,0,0,1,627.915,418.061Z" transform="translate(-626.47 -386.321)"/>
|
||||
<path id="Tracé_196" data-name="Tracé 196" d="M653.711,374.024a14.336,14.336,0,0,1,5.668-5.829,16.783,16.783,0,0,1,8.446-2.089,16.018,16.018,0,0,1,10.19,3.236,14.678,14.678,0,0,1,5.324,8.79h-9.685a6.492,6.492,0,0,0-2.409-2.8,6.56,6.56,0,0,0-3.558-.964,6.156,6.156,0,0,0-4.98,2.226,10.505,10.505,0,0,0,0,11.935,6.154,6.154,0,0,0,4.98,2.226,6.559,6.559,0,0,0,3.558-.964,6.489,6.489,0,0,0,2.409-2.8h9.685a14.678,14.678,0,0,1-5.324,8.79,16.017,16.017,0,0,1-10.19,3.236,16.777,16.777,0,0,1-8.446-2.088,14.337,14.337,0,0,1-5.668-5.829,19.248,19.248,0,0,1,0-17.075Z" transform="translate(-638.082 -366.106)"/>
|
||||
<path id="Tracé_197" data-name="Tracé 197" d="M736.779,393.782H725.3l-1.744,5.279H714.1l11.8-32.36h10.373l11.751,32.36h-9.5ZM734.53,386.9l-3.488-10.465L727.6,386.9Z" transform="translate(-666.781 -366.38)"/>
|
||||
<path id="Tracé_198" data-name="Tracé 198" d="M791.355,373.907v5.279h10.328v6.839H791.355v5.829h11.7v7.206h-20.7V366.7h20.7v7.206Z" transform="translate(-698.178 -366.38)"/>
|
||||
<path id="Tracé_199" data-name="Tracé 199" d="M858.91,399.061h-9l-11.979-18.085v18.085h-9V366.7h9l11.979,18.314V366.7h9Z" transform="translate(-719.604 -366.38)"/>
|
||||
</g>
|
||||
<g id="Groupe_3112" data-name="Groupe 3112" transform="translate(143.528 0.321)" style="mix-blend-mode: normal;isolation: isolate">
|
||||
<path id="Tracé_200" data-name="Tracé 200" d="M893.708,418.061a4.29,4.29,0,0,1-1.446-3.328,4.362,4.362,0,0,1,1.446-3.351,5.438,5.438,0,0,1,3.833-1.331,5.372,5.372,0,0,1,3.787,1.331,4.364,4.364,0,0,1,1.446,3.351,4.311,4.311,0,0,1-1.446,3.3,5.369,5.369,0,0,1-3.787,1.331A5.5,5.5,0,0,1,893.708,418.061Z" transform="translate(-892.262 -386.642)"/>
|
||||
<path id="Tracé_201" data-name="Tracé 201" d="M941.487,366.7v7.16H928.542v5.692h9.548v6.839h-9.548v12.668h-9V366.7Z" transform="translate(-904.813 -366.701)"/>
|
||||
<path id="Tracé_202" data-name="Tracé 202" d="M983.617,399.061l-6.426-11.934h-.964v11.934h-9V366.7h14.183a14.677,14.677,0,0,1,6.61,1.354,9.495,9.495,0,0,1,4.086,3.718,10.344,10.344,0,0,1,1.377,5.3,9.638,9.638,0,0,1-1.813,5.806,9.8,9.8,0,0,1-5.3,3.558l7.3,12.623Zm-7.39-18.085h4.452a3.862,3.862,0,0,0,2.753-.872,3.319,3.319,0,0,0,.919-2.525,3.228,3.228,0,0,0-.941-2.455,3.812,3.812,0,0,0-2.731-.9h-4.452Z" transform="translate(-926.747 -366.701)"/>
|
||||
</g>
|
||||
</g>
|
||||
<text id="Le_portail_de_vos_téléservices_" data-name="Le portail
|
||||
de vos téléservices " transform="translate(368 186)" font-size="17" font-family="Oswald" font-weight="600"><tspan x="0" y="20">LE PORTAIL </tspan><tspan x="0" y="39">DE VOS TÉLÉSERVICES </tspan></text>
|
||||
<g id="Groupe_3344" data-name="Groupe 3344" transform="translate(8826 -4069.137)">
|
||||
<g id="Groupe_de_masques_22" data-name="Groupe de masques 22" transform="translate(-8681 4121.043)" clip-path="url(#clip-path)">
|
||||
<g id="Groupe_3329" data-name="Groupe 3329" transform="translate(-148.09 -160.438)">
|
||||
<rect id="Rectangle_1111" data-name="Rectangle 1111" width="607.842" height="140.432" transform="translate(127.158 149.309)" fill="#0d74ef" style="mix-blend-mode: normal;isolation: isolate"/>
|
||||
<ellipse id="Ellipse_1565" data-name="Ellipse 1565" cx="114.074" cy="113.455" rx="114.074" ry="113.455" transform="translate(168.188 17.779)" fill="#ff1400" style="mix-blend-mode: normal;isolation: isolate"/>
|
||||
<path id="Tracé_399" data-name="Tracé 399" d="M83.486,0A83.483,83.483,0,1,1,20.721,28.435,83.486,83.486,0,0,1,83.486,0Z" transform="translate(270.294 215.041)" fill="#03cfec"/>
|
||||
<ellipse id="Ellipse_1567" data-name="Ellipse 1567" cx="111.088" cy="111.088" rx="111.088" ry="111.088" transform="translate(431.079 149.309)" fill="#ff5801" style="mix-blend-mode: normal;isolation: isolate"/>
|
||||
<ellipse id="Ellipse_1568" data-name="Ellipse 1568" cx="138.336" cy="137.812" rx="138.336" ry="137.812" transform="translate(431.078 0)" fill="#6e19e6" style="mix-blend-mode: normal;isolation: isolate"/>
|
||||
<ellipse id="Ellipse_1569" data-name="Ellipse 1569" cx="111.088" cy="111.088" rx="111.088" ry="111.088" transform="translate(603.318 86.953)" fill="#ffc300" style="mix-blend-mode: normal;isolation: isolate"/>
|
||||
<path id="Tracé_398" data-name="Tracé 398" d="M111.088,0A111.088,111.088,0,1,1,0,111.088,111.088,111.088,0,0,1,111.088,0Z" transform="translate(0 115.249)" fill="#50f3af"/>
|
||||
</g>
|
||||
</g>
|
||||
<path id="Tracé_393" data-name="Tracé 393" d="M72.188,77.165l-22.923,8.32v-13.1L72.188,62.65Z" transform="translate(-8652.153 4095.98)" fill="#03cfec"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#0d74ef;}</style></defs><circle class="cls-1" cx="33" cy="33" r="33"/><circle class="cls-2" cx="33" cy="19.96" r="3.9"/><path class="cls-2" d="M36.25,30.63V43.48a3.25,3.25,0,0,1-6.49,0V30.63a3.25,3.25,0,0,1,6.49,0Z"/></svg>
|
||||
|
After Width: | Height: | Size: 361 B |
|
|
@ -0,0 +1,7 @@
|
|||
@charset "UTF-8";
|
||||
@import '../includes/fonts/lato';
|
||||
@import '../includes/fonts/oswald';
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'custom';
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
{% extends "authentic2/login_password_form.html" %}
|
||||
|
||||
{% block login %}
|
||||
<h2>Connexion</h2>
|
||||
{{ block.super }}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{% extends "combo/wcs/tracking_code_input.html" %}
|
||||
|
||||
{% block submit-content %}
|
||||
<span class="btn-label">ok</span>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{% extends "theme.html" %}
|
||||
|
||||
|
||||
{# Top message #}
|
||||
{% block content-pre %}
|
||||
<div class="top-message--wrapper">
|
||||
<div class="top-message">{% placeholder "top-message" name="Message d'information" %}</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue