changes (#29180)
This commit is contained in:
Frédéric Bisson
parent
d495989643
commit
bba9c51e7b
|
|
@ -0,0 +1,87 @@
|
|||
/* Collapsible element */
|
||||
.collapsible {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #2e2d2c;
|
||||
color: #fff;
|
||||
margin: 3em 0;
|
||||
padding: 0 0.7em 0.7em 0.7em;
|
||||
|
||||
.collapsible { background-color: #5e5d5c; }
|
||||
|
||||
/* Title */
|
||||
h1, h2, h3, h4 { color: #fff; }
|
||||
|
||||
/* Legend */
|
||||
&>:first-child, &>:first-child a, &>:first-child a:visited {
|
||||
color: #000;
|
||||
border-bottom: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&>legend:first-child { margin-bottom: 0; }
|
||||
|
||||
&>:first-child {
|
||||
position: relative;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
padding: 0.5em 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
background-color: #ee787c;
|
||||
|
||||
/* Left padding */
|
||||
&:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
width: 0.7em;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: -0.7em;
|
||||
background-color: #ee787c;
|
||||
}
|
||||
|
||||
/* Right padding */
|
||||
&>:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
width: 0.7em;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: -0.7em;
|
||||
background-color: #ee787c;
|
||||
}
|
||||
|
||||
/* Right button */
|
||||
a:after {
|
||||
height: 100%;
|
||||
width: 1.15em;
|
||||
right: 0.8em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
margin-right: -1.15em;
|
||||
font-size: 200%;
|
||||
content: "\e011";
|
||||
font-family: MarsIcons;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
line-height: 130%;
|
||||
background-color: #2e2d2c;
|
||||
color: #ee787c;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
table { color: #000; }
|
||||
|
||||
&.collapsed {
|
||||
padding: 0 0.7em;
|
||||
|
||||
&>:first-child a:after { content: "\e012"; }
|
||||
&>* { display: none; }
|
||||
&>:first-child { display: inherit; }
|
||||
}
|
||||
}
|
||||
|
|
@ -1,15 +1,22 @@
|
|||
@import '../../publik-base-theme/static/includes/font-roboto';
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'MarsIcons';
|
||||
src: url('fonts/marsicons12.ttf') format('truetype'),
|
||||
url('fonts/marsicons12.woff') format('woff'),
|
||||
url('fonts/marsicons12.woff2') format('woff2');
|
||||
url('fonts/marsicons12.woff') format('woff'),
|
||||
url('fonts/marsicons12.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
element-invisible {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, div.textcell h3, div.textcell h4 {
|
||||
font-weight: bold;
|
||||
|
|
@ -28,6 +35,17 @@ h2 {
|
|||
font-size: 187%;
|
||||
}
|
||||
|
||||
#login-page h2 {
|
||||
color: $red;
|
||||
font-size: 237%;
|
||||
padding-left: 0;
|
||||
text-align: left;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#login-page div.block h2 + div { padding: 0; }
|
||||
|
||||
h3 {
|
||||
color: $link-color;
|
||||
font-size: 162%;
|
||||
|
|
@ -37,12 +55,44 @@ h4 {
|
|||
font-size: 137%;
|
||||
}
|
||||
|
||||
.gru-content div.a2-block h2, .gru-content div.block h2, div.links-list h2,
|
||||
div#rub_service h2 {
|
||||
color: #C64A59;
|
||||
font-size: 187%;
|
||||
}
|
||||
|
||||
div#rub_service div.category h3, .gru-content div.a2-block h2,
|
||||
.gru-content div.block h2, div.links-list h2,
|
||||
div#services > ul > li > strong > a,
|
||||
.gru-content div.textcell h2:first-child,
|
||||
.gru-content div.cell h2:first-child, div#tracking-code h3,
|
||||
div#rub_service h2, #toplinks {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
div#header {
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding: 0;
|
||||
|
||||
h1 {
|
||||
padding-left: 0;
|
||||
background-position: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1#logo a {
|
||||
background: url(img/logo.png) no-repeat left bottom;
|
||||
background-size: contain;
|
||||
background: url(img/logo.svg) no-repeat left bottom;
|
||||
background-size: auto 1.3em;
|
||||
background-position: 0.4em center;
|
||||
display: block;
|
||||
height: 83px;
|
||||
height: 2em;
|
||||
text-indent: -9999px;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
background-size: auto 0.7em;
|
||||
background-position: 0.4em 0.42em;
|
||||
}
|
||||
}
|
||||
|
||||
div#nav li {
|
||||
|
|
@ -151,7 +201,6 @@ div#footer div#footer-content {
|
|||
display: inline;
|
||||
font-weight: bold;
|
||||
line-height: 1.6em;
|
||||
margin-bottom: 0;
|
||||
a {
|
||||
border-bottom: none;
|
||||
color: $black;
|
||||
|
|
@ -175,8 +224,17 @@ div#rub_service h2 {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
button {
|
||||
font-weight: bold;
|
||||
button { font-weight: bold; }
|
||||
|
||||
form.quixote div.widget { margin-bottom: 2em; }
|
||||
form.quixote div.widget div.widget { margin-bottom: inherit; }
|
||||
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
div#rub_service form.quixote, div#rub_service h2,
|
||||
body.authentic #content, #messages {
|
||||
max-width: 50rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
%icon-common {
|
||||
|
|
@ -224,7 +282,10 @@ select {
|
|||
@extend %border-style;
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type=email], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], textarea {
|
||||
input[type=text], input[type=password], input[type=email], input[type=color],
|
||||
input[type=date], input[type=datetime], input[type=datetime-local],
|
||||
input[type=month], input[type=number], input[type=range], input[type=search],
|
||||
input[type=tel], input[type=time], input[type=url], input[type=week], textarea {
|
||||
@extend %border-style;
|
||||
background-color: #FFF;
|
||||
display: inline-block;
|
||||
|
|
@ -233,13 +294,20 @@ input[type=text], input[type=password], input[type=email], input[type=color], in
|
|||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
form.quixote div.title label{
|
||||
form.quixote div.title label, body.authentic label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 122%;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
body.authentic label { margin-top: 1.7em; }
|
||||
|
||||
div.a2-block form button, div.a2-block form input[type="submit"] {
|
||||
margin-top: 1.7em;
|
||||
min-width: inherit;
|
||||
}
|
||||
|
||||
div#content div.buttons.submit {
|
||||
@include flexbox();
|
||||
& div.submit-button {
|
||||
|
|
@ -248,7 +316,9 @@ div#content div.buttons.submit {
|
|||
}
|
||||
|
||||
div#content div.SubmitWidget {
|
||||
button[name=submit][value=Suivant], button[name=submit][value=Valider], button[name=previous] {
|
||||
button[name=submit][value=Suivant],
|
||||
button[name=submit][value=Valider],
|
||||
button[name=previous] {
|
||||
background-color: $primary-color;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
|
|
@ -279,52 +349,6 @@ div#nav #nav-button.toggled + ul li {
|
|||
}
|
||||
}
|
||||
|
||||
div#toplinks {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
margin-top: 0.5em;
|
||||
padding: 0;
|
||||
right: 0.2em;
|
||||
a.login,a.logout {
|
||||
@include flexbox();
|
||||
@include vendor-prefix(justify-content, flex-end);
|
||||
div.logtext {
|
||||
background: $primary-color;
|
||||
color: $black;
|
||||
font-size: 122%;
|
||||
font-weight: 700;
|
||||
height: 2em;
|
||||
padding: 0 0.5em;
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
}
|
||||
div.logicon {
|
||||
background-color: $black;
|
||||
background-image: url(img/picto_btn_connexion.svg);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 70%;
|
||||
content: "";
|
||||
width: 2em;
|
||||
}
|
||||
}
|
||||
a.registration {
|
||||
@include flexbox();
|
||||
@include vendor-prefix(justify-content, flex-end);
|
||||
color: $red;
|
||||
font-weight: 500;
|
||||
margin-top: 0.4em;
|
||||
span.pre-register {
|
||||
color: $light-black;
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
span.register {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#gauche {
|
||||
clear: both;
|
||||
width: auto;
|
||||
|
|
@ -336,109 +360,38 @@ div#gauche + div#rub_service {
|
|||
float: none;
|
||||
}
|
||||
|
||||
div#tracking-code {
|
||||
text-align: center;
|
||||
h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding-right: 1ex;
|
||||
}
|
||||
}
|
||||
a {
|
||||
padding: 0;
|
||||
}
|
||||
margin-bottom: 2rem;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
order: 0;
|
||||
margin-bottom: 0;
|
||||
#publik-portal-agent { display: none; }
|
||||
|
||||
#messages {
|
||||
li.info {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
margin: inherit;
|
||||
padding-left: 1em;
|
||||
|
||||
&::before, &::after { display: none; }
|
||||
}
|
||||
}
|
||||
|
||||
div#steps ol {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
li.first.last::after {
|
||||
background: none;
|
||||
}
|
||||
li {
|
||||
position: relative;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
color: $primary-color;
|
||||
font-size: 24px;
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
min-width: 30px;
|
||||
min-height: 40px;
|
||||
&::after {
|
||||
content: '';
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 5px;
|
||||
background: #9b9b9b;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
bottom: 15px;
|
||||
}
|
||||
}
|
||||
&:first-child::after {
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
&:last-child::after {
|
||||
right: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
span.marker {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
left: 50%;
|
||||
text-indent: -1000px;
|
||||
border: none;
|
||||
color: $primary-color;
|
||||
background: white;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
box-shadow: 0 0 0 5px #9b9b9b;
|
||||
border-radius: 10px;
|
||||
z-index: 100;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding: 0;
|
||||
bottom: 10px;
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: $font-size;
|
||||
padding-right: 0;
|
||||
text-transform: none;
|
||||
color: #9b9b9b;
|
||||
padding-bottom: 30px;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.current {
|
||||
span.marker {
|
||||
background: $primary-color;
|
||||
box-shadow: 0 0 0 5px $primary-color;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step-before {
|
||||
span.marker {
|
||||
background: #9b9b9b;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fargo-pick-popup button, button.ui-button, a.pk-button, a.pk-big-button,
|
||||
a#a2-continue, div.gru-content button, input[type="submit"], div.buttons input {
|
||||
box-shadow: none;
|
||||
height: 2.5em;
|
||||
}
|
||||
|
||||
.fargo-pick-popup button:hover, button.ui-button:hover, a.pk-button:hover,
|
||||
a.pk-big-button:hover, a#a2-continue:hover, div.gru-content button:hover,
|
||||
input[type="submit"]:hover, div.buttons input:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Account management */
|
||||
#profile span.label {
|
||||
display: block;
|
||||
color: $red;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.a2-block p { margin-left: 0; }
|
||||
div.a2-block form, div.a2-block > p { margin: 1em 1em; }
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/* Warning, emphasize, validate blocks */
|
||||
.warning, .emphasize, .validate, .messages {
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
padding: 0.7em 0.88em;
|
||||
border: 0.2em solid white;
|
||||
border-right: 2.3em solid white;
|
||||
background-color: white;
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
.warning:after, .emphasize:after, .validate:after, .messages:after {
|
||||
display: block;
|
||||
width: 1.15em;
|
||||
right: -1.15em;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-right: -0.27em;
|
||||
font-size: 130%;
|
||||
content: "\e033";
|
||||
font-family: MarsIcons;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.warning { color: #e53323; border-color: #e53323; }
|
||||
.emphasize, .messages { color: #164193; border-color: #164193; }
|
||||
.validate { color: #39a935; border-color: #39a935; }
|
||||
|
||||
.warning:after { content: "\e033"; }
|
||||
.emphasize:after, .messages:after { content: "\e035"; }
|
||||
.validate:after { content: "\e038"; }
|
||||
|
|
@ -0,0 +1,273 @@
|
|||
/* Links */
|
||||
a, div#account-management ul>li>a {
|
||||
text-decoration: none;
|
||||
border-bottom-width: 0.08em;
|
||||
border-bottom-style: solid;
|
||||
transition: border 0.2s ease-out;
|
||||
color: #c64a59;
|
||||
border-bottom-color: #c64a59;
|
||||
|
||||
&:hover {
|
||||
color: #c64a59;
|
||||
border-bottom-color: #c64a59;
|
||||
border-bottom-width: 0.20em;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #198468;
|
||||
border-bottom-color: #198468;
|
||||
}
|
||||
}
|
||||
|
||||
#logo a { border: none; }
|
||||
|
||||
/* Collapsible */
|
||||
.collapsible a, .collapsible a:visited {
|
||||
color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
a.elf-external.elf-icon:after {
|
||||
content: " \e05f";
|
||||
font-family: MarsIcons;
|
||||
}
|
||||
|
||||
/* Block links */
|
||||
a.blocklink, div#account-management ul>li>a {
|
||||
font-weight: bold;
|
||||
border-bottom-width: 0.16em;
|
||||
border-bottom-style: solid;
|
||||
transition: border 0.2s ease-out;
|
||||
line-height: 200%;
|
||||
|
||||
&.inline { display: inline-block; }
|
||||
|
||||
&:hover { border-bottom-width: 0.32em; }
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
float: left;
|
||||
content: "\e032\a0";
|
||||
font-family: MarsIcons;
|
||||
position: relative;
|
||||
font-size: 150%;
|
||||
font-weight: normal;
|
||||
top: 0.1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button links */
|
||||
a.btlnk {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
font-size: 122%;
|
||||
color: #000;
|
||||
padding: 0.5em 0.727em;
|
||||
border: none;
|
||||
border-right: 2.3em solid #2d2d2d;
|
||||
margin-bottom: 1.5em;
|
||||
background-color: #ee787c;
|
||||
|
||||
&.fullwidth { display: block; width: auto; }
|
||||
&.complement { background-color: #82CEBB; }
|
||||
&:visited { color: #000; }
|
||||
|
||||
&::after {
|
||||
display: block;
|
||||
width: 1.15em;
|
||||
right: -1.15em;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -0.47em;
|
||||
margin-right: -0.27em;
|
||||
font-size: 130%;
|
||||
content: "\e014";
|
||||
font-family: MarsIcons;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
color: #ee787c;
|
||||
}
|
||||
|
||||
&.strong { background-color: #82cebb; }
|
||||
&.strong::after { color: #82cebb; }
|
||||
&.complement::after { color: #82CEBB; }
|
||||
}
|
||||
|
||||
.E003::after { content: "\e003"; }
|
||||
.E004::after { content: "\e004"; }
|
||||
.E005::after { content: "\e005"; }
|
||||
.E006::after { content: "\e006"; }
|
||||
.E007::after { content: "\e007"; }
|
||||
.E008::after { content: "\e008"; }
|
||||
.E009::after { content: "\e009"; }
|
||||
.E00A::after { content: "\e00a"; }
|
||||
.E00B::after { content: "\e00b"; }
|
||||
.E00C::after { content: "\e00c"; }
|
||||
.E00D::after { content: "\e00d"; }
|
||||
.E00E::after { content: "\e00e"; }
|
||||
.E00F::after { content: "\e00f"; }
|
||||
.E010::after { content: "\e010"; }
|
||||
.E011::after { content: "\e011"; }
|
||||
.E012::after { content: "\e012"; }
|
||||
.E013::after { content: "\e013"; }
|
||||
.E014::after { content: "\e014"; }
|
||||
.E015::after { content: "\e015"; }
|
||||
.E016::after { content: "\e016"; }
|
||||
.E017::after { content: "\e017"; }
|
||||
.E018::after { content: "\e018"; }
|
||||
.E019::after { content: "\e019"; }
|
||||
.E01A::after { content: "\e01a"; }
|
||||
.E01B::after { content: "\e01b"; }
|
||||
.E01C::after { content: "\e01c"; }
|
||||
.E01D::after { content: "\e01d"; }
|
||||
.E01E::after { content: "\e01e"; }
|
||||
.E01F::after { content: "\e01f"; }
|
||||
.E020::after { content: "\e020"; }
|
||||
.E021::after { content: "\e021"; }
|
||||
.E022::after { content: "\e022"; }
|
||||
.E023::after { content: "\e023"; }
|
||||
.E024::after { content: "\e024"; }
|
||||
.E025::after { content: "\e025"; }
|
||||
.E026::after { content: "\e026"; }
|
||||
.E027::after { content: "\e027"; }
|
||||
.E028::after { content: "\e028"; }
|
||||
.E029::after { content: "\e029"; }
|
||||
.E02A::after { content: "\e02a"; }
|
||||
.E02B::after { content: "\e02b"; }
|
||||
.E02C::after { content: "\e02c"; }
|
||||
.E02D::after { content: "\e02d"; }
|
||||
.E02E::after { content: "\e02e"; }
|
||||
.E02F::after { content: "\e02f"; }
|
||||
.E030::after { content: "\e030"; }
|
||||
.E031::after { content: "\e031"; }
|
||||
.E032::after { content: "\e032"; }
|
||||
.E033::after { content: "\e033"; }
|
||||
.E034::after { content: "\e034"; }
|
||||
.E035::after { content: "\e035"; }
|
||||
.E036::after { content: "\e036"; }
|
||||
.E037::after { content: "\e037"; }
|
||||
.E038::after { content: "\e038"; }
|
||||
.E039::after { content: "\e039"; }
|
||||
.E03A::after { content: "\e03a"; }
|
||||
.E03B::after { content: "\e03b"; }
|
||||
.E03C::after { content: "\e03c"; }
|
||||
.E03D::after { content: "\e03d"; }
|
||||
.E03E::after { content: "\e03e"; }
|
||||
.E03F::after { content: "\e03f"; }
|
||||
.E040::after { content: "\e040"; }
|
||||
.E041::after { content: "\e041"; }
|
||||
.E042::after { content: "\e042"; }
|
||||
.E043::after { content: "\e043"; }
|
||||
.E044::after { content: "\e044"; }
|
||||
.E05C::after { content: "\e05c"; }
|
||||
.E05D::after { content: "\e05d"; }
|
||||
.E05E::after { content: "\e05e"; }
|
||||
.E05F::after { content: "\e05f"; }
|
||||
.E060::after { content: "\e060"; }
|
||||
.E061::after { content: "\e061"; }
|
||||
.E062::after { content: "\e062"; }
|
||||
.E063::after { content: "\e063"; }
|
||||
.E064::after { content: "\e064"; }
|
||||
.E065::after { content: "\e065"; }
|
||||
.E066::after { content: "\e066"; }
|
||||
.E06E::after { content: "\e06e"; }
|
||||
.E08E::after { content: "\e08e"; }
|
||||
.E08F::after { content: "\e08f"; }
|
||||
.E090::after { content: "\e090"; }
|
||||
.E09C::after { content: "\e09c"; }
|
||||
.E09D::after { content: "\e09d"; }
|
||||
.E09E::after { content: "\e09e"; }
|
||||
.E09F::after { content: "\e09f"; }
|
||||
.E0A0::after { content: "\e0a0"; }
|
||||
.E0A1::after { content: "\e0a1"; }
|
||||
.E0A2::after { content: "\e0a2"; }
|
||||
.E0A3::after { content: "\e0a3"; }
|
||||
.E0A4::after { content: "\e0a4"; }
|
||||
.E0A5::after { content: "\e0a5"; }
|
||||
.E0A6::after { content: "\e0a6"; }
|
||||
.E0A7::after { content: "\e0a7"; }
|
||||
.E0E9::after { content: "\e0e9"; }
|
||||
.E0EA::after { content: "\e0ea"; }
|
||||
.E0EB::after { content: "\e0eb"; }
|
||||
.E0EC::after { content: "\e0ec"; }
|
||||
.E0ED::after { content: "\e0ed"; }
|
||||
.E100::after { content: "\e100"; }
|
||||
.E101::after { content: "\e101"; }
|
||||
.E102::after { content: "\e102"; }
|
||||
.E104::after { content: "\e104"; }
|
||||
.E105::after { content: "\e105"; }
|
||||
.E106::after { content: "\e106"; }
|
||||
.E107::after { content: "\e107"; }
|
||||
.E108::after { content: "\e108"; }
|
||||
.E109::after { content: "\e109"; }
|
||||
|
||||
/* Authentication links */
|
||||
div#toplinks {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
margin-top: 0.5em;
|
||||
padding: 0;
|
||||
right: 0.2em;
|
||||
text-align: right;
|
||||
|
||||
a.login, a.logout {
|
||||
@include flexbox();
|
||||
@include vendor-prefix(justify-content, flex-end);
|
||||
|
||||
border: none;
|
||||
|
||||
div.logtext {
|
||||
background: $primary-color;
|
||||
color: $black;
|
||||
font-size: 122%;
|
||||
font-weight: 700;
|
||||
height: 2em;
|
||||
padding: 0 0.5em;
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
div.logicon {
|
||||
background-color: $black;
|
||||
background-image: url(img/picto_btn_connexion.svg);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 70%;
|
||||
content: "";
|
||||
width: 2.441em;
|
||||
}
|
||||
}
|
||||
|
||||
a.registration {
|
||||
color: $red;
|
||||
font-weight: 500;
|
||||
margin-top: 0.4em;
|
||||
|
||||
&:visited {
|
||||
color: #198468;
|
||||
border-bottom-color: #198468;
|
||||
}
|
||||
|
||||
span.pre-register {
|
||||
color: $light-black;
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Account management */
|
||||
div#account-management ul {
|
||||
padding: 1rem;
|
||||
|
||||
&>li {
|
||||
&>a {
|
||||
display: inline;
|
||||
padding: inherit;
|
||||
|
||||
&:hover { background-color: transparent; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
/* Steps and tracking code */
|
||||
div#side { position: relative; }
|
||||
|
||||
body.one-step div#tracking-code {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 1em;
|
||||
}
|
||||
|
||||
div#tracking-code {
|
||||
position: absolute;
|
||||
top: 5em;
|
||||
left: 50%;
|
||||
text-align: center;
|
||||
|
||||
margin-bottom: 2rem;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
order: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h3 { padding: 0; }
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
div.tracking-code-part {
|
||||
position: relative;
|
||||
left: -43%;
|
||||
background-color: #82cebb;
|
||||
padding: 1em 2em;
|
||||
|
||||
&::before {
|
||||
content: ' ';
|
||||
background-image: url(img/ticket.svg);
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 3.3em;
|
||||
left: -3.3em;
|
||||
top: 0;
|
||||
background-size: contain;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: 4.3em;
|
||||
left: -3.6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.one-step div#steps { display: none; }
|
||||
body.without-tracking-code div#steps { margin-bottom: 2em; }
|
||||
|
||||
div#steps {
|
||||
margin-top: 8em;
|
||||
margin-bottom: 9.5em;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 7.5em;
|
||||
}
|
||||
|
||||
ol {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
li.first.last::after {
|
||||
background: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
color: $primary-color;
|
||||
font-size: 24px;
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
min-width: 30px;
|
||||
min-height: 40px;
|
||||
&::after {
|
||||
content: '';
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 5px;
|
||||
background: #9b9b9b;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
bottom: 15px;
|
||||
}
|
||||
}
|
||||
&:first-child::after { left: 50%; width: 50%; }
|
||||
&:last-child::after { right: 50%; width: 50%; }
|
||||
span.marker {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
left: 50%;
|
||||
text-indent: -1000px;
|
||||
border: none;
|
||||
color: $primary-color;
|
||||
background: white;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
box-shadow: 0 0 0 5px #9b9b9b;
|
||||
border-radius: 10px;
|
||||
z-index: 100;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding: 0;
|
||||
bottom: 10px;
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
display: block;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
width: 12em;
|
||||
font-size: $font-size;
|
||||
padding-right: 0;
|
||||
text-transform: none;
|
||||
color: #9b9b9b;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: top left;
|
||||
top: -0.2em;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.current {
|
||||
span.marker {
|
||||
background: $primary-color;
|
||||
box-shadow: 0 0 0 5px $primary-color;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step-before {
|
||||
span.marker { background: #9b9b9b; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1,63 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
id="svg4210"
|
||||
viewBox="0 0 330 68.917"
|
||||
version="1.1"
|
||||
width="330"
|
||||
height="68.9">
|
||||
<metadata
|
||||
id="metadata4234">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs4232" />
|
||||
<g
|
||||
id="g4212"
|
||||
fill="#2d2d2d">
|
||||
<path
|
||||
id="path4214"
|
||||
d="m97.5 58.4c8.51 0 12.7-3.98 14.5-9.6 1.02-3.2 1.02-6.79 1.02-10.5v-37.1h-3.82v35.8c0 3.82 0 7.57-0.859 10.9-1.09 4.06-4.22 6.95-10.8 6.95-6.32 0-9.29-2.97-10.6-7.18-0.859-2.73-0.859-5.93-0.859-9.21v-37.2h-3.82v37c0 3.75 0 7.26 0.859 10.5 1.56 5.7 5.62 9.76 14.4 9.76z" />
|
||||
<path
|
||||
id="path4216"
|
||||
d="m54 58.4c10.5 0 17.3-7.03 17.3-30.8 0-18.9-5.3-27.6-16.7-27.6-10.9 0-17.7 9.21-17.7 28 0 24.1 7.4 30.4 17.1 30.4zm0.3-54.7c7.65 0 13 5.54 13 24 0 21.8-5.46 27.2-13.4 27.2-7.88 0-13-7.42-13-26.8 0-17.7 5.5-24.4 13.4-24.4z" />
|
||||
<polygon
|
||||
id="polygon4218"
|
||||
transform="translate(-21 -19.5)"
|
||||
points="183 20.7 183 76.8 186 76.8 186 27 211 76.8 215 76.8 215 20.7 211 20.7 211 69.7 188 20.7" />
|
||||
<polygon
|
||||
id="polygon4220"
|
||||
transform="translate(-21 -19.5)"
|
||||
points="173 24.3 173 20.7 148 20.7 148 76.8 174 76.8 174 73.3 152 73.3 152 49.4 170 49.4 170 45.6 152 45.6 152 24.3" />
|
||||
<path
|
||||
id="path4222"
|
||||
d="m213 1.13v61.9h-182l-9.92-32.5c3.9-2.11 8.12-6.25 8.12-14.8 0-10.4-5.93-14.5-14.8-14.5h-14.6v56.1h3.82v-25.7h13.7l11.1 36.4h0.099 3.96 189 5.41 10.3v-57.3h33.9v11.5h-19.7v11.2h16.5v11.3h-16.5v23.3h29v-57.3h18.3c11.1 0 18.6 4.23 18.6 16.2 0 7.9-3.03 13.2-7.65 16.1l10.3 25h9.76v-66.9h-117zm-199 27.1h-10.6v-23.4h10.5c7.26 0 10.9 3.12 10.9 11.6 0 7.88-4.76 11.9-10.9 11.9z" />
|
||||
<path
|
||||
id="path4224"
|
||||
d="m303 28.2c0-5.42-1.75-6.62-5.34-6.62h-3.11v13.6h3.35c3.03 0 5.1-2.31 5.1-6.94z" />
|
||||
<polygon
|
||||
id="polygon4226"
|
||||
transform="translate(-21 -19.5)"
|
||||
points="318 65.6 316 65.6 316 87.6 327 87.6" />
|
||||
</g>
|
||||
<ellipse
|
||||
style="fill:#ee787c;fill-opacity:1"
|
||||
id="ellipse4228"
|
||||
fill="#5fc2e0"
|
||||
cx="219"
|
||||
cy="61.2"
|
||||
ry="7.7"
|
||||
rx="6.77" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -0,0 +1,27 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xml:space="preserve"
|
||||
viewBox="0 0 64.000003 104"
|
||||
height="104"
|
||||
width="64"
|
||||
y="0px"
|
||||
x="0px"
|
||||
id="Calque_1"
|
||||
version="1.1"><metadata
|
||||
id="metadata11"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs9" /><style
|
||||
id="style3"
|
||||
type="text/css">
|
||||
.st0{fill:#82CEBB;}
|
||||
</style><path
|
||||
style="fill:#82cebb"
|
||||
id="path5"
|
||||
d="m 60,96.3 4,0 0,-8.8 -4,0 0,-17.7 4,0 0,-8.9 -4,0 0,-17.7 4,0 0,-8.8 -4,0 0,-17.7 4,0 0,-8.9 -4,0 L 60,0 0,0 0,20.1 C 16.7,21.1 30,35 30,52 30,69 16.7,82.9 0,83.9 l 0,20.1 60,0 0,-7.7 z"
|
||||
class="st0" /></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,67 @@
|
|||
(function ($) {
|
||||
/**
|
||||
* Scroll a given fieldset into view as much as possible.
|
||||
*/
|
||||
const collapseScrollIntoView = function (node) {
|
||||
var h = document.documentElement.clientHeight || document.body.clientHeight || 0;
|
||||
var offset = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
||||
var posY = $(node).offset().top;
|
||||
var fudge = 55;
|
||||
if (posY + node.offsetHeight + fudge > h + offset) {
|
||||
if (node.offsetHeight > h) {
|
||||
window.scrollTo(0, posY);
|
||||
}
|
||||
else {
|
||||
window.scrollTo(0, posY + node.offsetHeight - h + fudge);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Toggle the visibility of a block.
|
||||
*/
|
||||
const toggleblock = function (block) {
|
||||
var $block = $(block);
|
||||
if ($block.is('.collapsed')) {
|
||||
$block
|
||||
.removeClass('collapsed')
|
||||
.attr('aria-expanded', 'true')
|
||||
.find('>:first-child .collapse-action').html("Cacher");
|
||||
|
||||
collapseScrollIntoView(block);
|
||||
} else {
|
||||
$block
|
||||
.addClass('collapsed')
|
||||
.attr('aria-expanded', 'false')
|
||||
.find('>:first-child .collapse-action').html("Montrer");
|
||||
}
|
||||
};
|
||||
|
||||
$('.collapsible').each(function () {
|
||||
const $block = $(this);
|
||||
|
||||
// Add the Aria attributes to our custom element
|
||||
if ($block.hasClass('collapsed')) {
|
||||
$block.attr('aria-expanded', 'false');
|
||||
} else {
|
||||
$block.attr('aria-expanded', 'true');
|
||||
}
|
||||
|
||||
// Turn the legend into a clickable link
|
||||
const $legend = $('>:first-child', this);
|
||||
|
||||
$('<span class="collapse-action element-invisible"></span>')
|
||||
.append($block.hasClass('collapsed') ? "Montrer" : "Cacher")
|
||||
.prependTo($legend)
|
||||
.after(' ');
|
||||
|
||||
// .wrapInner() does not retain bound events.
|
||||
const $link = $('<a href="#"></a>')
|
||||
.prepend($legend.contents())
|
||||
.appendTo($legend)
|
||||
.click(function () {
|
||||
toggleblock($block.get(0));
|
||||
return false;
|
||||
});
|
||||
});
|
||||
})($);
|
||||
|
|
@ -3,4 +3,9 @@
|
|||
@import 'vars';
|
||||
@import '../../publik-base-theme/static/includes/publik';
|
||||
@import '../../publik-base-theme/static/includes/flexbox_mixins';
|
||||
|
||||
@import 'custom';
|
||||
@import 'links';
|
||||
@import 'collapsible';
|
||||
@import 'info_block';
|
||||
@import 'side_block';
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
{% extends theme_base %}
|
||||
|
||||
{% block extra-body-args %}
|
||||
{% block bodyargs %}{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
{% block placeholder-content %}
|
||||
{% block content %}{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
{% block extra-body-class %}
|
||||
{{ block.super }}
|
||||
|
||||
authentic
|
||||
|
||||
{% if request.path_info == "/accounts/" %}
|
||||
account-management
|
||||
{% endif %}
|
||||
|
||||
{% if request.path_info == "/accounts/change-email/" %}
|
||||
account-management
|
||||
account-mail
|
||||
{% endif %}
|
||||
|
||||
{% if request.path_info == "/accounts/password/change/" %}
|
||||
account-management
|
||||
account-password
|
||||
{% endif %}
|
||||
|
||||
{% if request.path_info == "/accounts/edit/" %}
|
||||
account-management
|
||||
account-edit
|
||||
{% endif %}
|
||||
|
||||
{% if request.path_info == "/accounts/delete/" %}
|
||||
account-management
|
||||
account-delete
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block user-info %}
|
||||
{% if user.is_authenticated %}
|
||||
<a accesskey="o" class="logout" href="{% url 'auth_logout' %}">
|
||||
<div class="logtext">Déconnexion</div><div class="logicon"></div>
|
||||
</a>
|
||||
{% if idp_account_url %}<a class="registration" href="{{idp_account_url}}">{% endif %}
|
||||
<span>{{user.first_name}} {{user.last_name}}</span>
|
||||
{% if idp_account_url %}</a>{% endif %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block messages %}
|
||||
{% if messages %}
|
||||
<div id="messages" class="messages-login">
|
||||
<ul class="messages">
|
||||
{% for message in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block extra-top-head %}
|
||||
{% block extrascripts %}{% endblock %}
|
||||
{% block extra_scripts %}{% endblock %}
|
||||
{{ form.media }}
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% extends "authentic2/base.html" %}
|
||||
{% load i18n %}
|
||||
|
||||
{% block content %}
|
||||
<div class="a2-continue">
|
||||
{% if "logout" in url %}
|
||||
<a id="a2-continue" href="https://www.rouen.fr/services">{% trans "Continue" %}</a>
|
||||
{% else %}
|
||||
<a id="a2-continue" href="{{ url }}">{% trans "Continue" %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if only_info %}
|
||||
<script>
|
||||
window.setTimeout(function () {
|
||||
document.getElementById('a2-continue').click();
|
||||
}, 3000);
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
@ -3,17 +3,36 @@
|
|||
|
||||
{% block user-info %}
|
||||
{% skeleton_extra_placeholder user-info %}
|
||||
{% if user.is_authenticated %}
|
||||
<a accesskey="o" class="logout" href="{% url 'auth_logout' %}"><div class="logtext">Déconnexion</div><div class="logicon"></div></a>
|
||||
{% if idp_account_url %}<a class="registration" href="{{idp_account_url}}">{% endif %}
|
||||
<span>{{user.first_name}} {{user.last_name}}</span>{% if idp_account_url %}</a>{% endif %}
|
||||
{% else %}
|
||||
{% if idp_registration_url %}
|
||||
<a accesskey="2" class="login" href="{% url 'auth_login' %}"><div class="logtext">Connexion</div><div class="logicon"></div></a>
|
||||
<a class="registration" href="{{idp_registration_url}}"><span class="pre-register">Pas de compte ?</span><span class="register">Enregistrez-vous !</span></a>
|
||||
{% else %}
|
||||
<a accesskey="2" class="registration" href="{% url 'auth_login' %}">Connexion <span class="sep">/</span> Inscription</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if user.is_authenticated %}
|
||||
<a accesskey="o" class="logout" href="{% url 'auth_logout' %}">
|
||||
<div class="logtext">Déconnexion</div>
|
||||
<div class="logicon"></div>
|
||||
</a>
|
||||
|
||||
{% if idp_account_url %}
|
||||
<a class="registration" href="{{idp_account_url}}">
|
||||
{% endif %}
|
||||
|
||||
<span>{{user.first_name}} {{user.last_name}}</span>
|
||||
{% if idp_account_url %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if idp_registration_url %}
|
||||
<a accesskey="2" class="login" href="{% url 'auth_login' %}">
|
||||
<div class="logtext">Connexion</div>
|
||||
<div class="logicon"></div>
|
||||
</a>
|
||||
|
||||
<a class="registration" href="{{idp_registration_url}}">
|
||||
<span class="pre-register">Pas de compte ?</span>
|
||||
<span class="register">Enregistrez-vous !</span>
|
||||
</a>
|
||||
{% else %}
|
||||
<a accesskey="2" class="registration" href="{% url 'auth_login' %}">
|
||||
Connexion <span class="sep">/</span> Inscription
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% end_skeleton_extra_placeholder %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,163 @@
|
|||
<!DOCTYPE html>
|
||||
{% load i18n static %}
|
||||
<html {% if LANGUAGE_CODE %}lang="{{ LANGUAGE_CODE }}"{% endif %} {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
|
||||
<head>
|
||||
<meta charset="UTF-8"><!-- 🔥 -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% firstof global_title "Compte Citoyen" %} {% block title %}{% endblock %}</title>
|
||||
{% if meta_robots %}
|
||||
<meta name="robots" content="{{ meta_robots }}" />
|
||||
{% elif environment_label %}
|
||||
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, notranslate, noimageindex" />
|
||||
{% endif %}
|
||||
{% if meta_description %}
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
{% endif %}
|
||||
{% if favicon %}
|
||||
<link rel="shortcut icon" href="{{site_base}}{% static "" %}{{favicon}}" />
|
||||
{% endif %}
|
||||
{% if theme_color %}
|
||||
<meta name="theme-color" content="{{theme_color}}">
|
||||
<meta name="msapplication-navbutton-color" content="{{theme_color}}">
|
||||
{% endif %}
|
||||
{% if pwa_display == "standalone" or pwa_display == "fullscreen" %}
|
||||
<link rel="manifest" href="{{site_base}}/manifest.json">
|
||||
{% endif %}
|
||||
{% block extra_top_head %}
|
||||
{% endblock %}
|
||||
{{ media }}
|
||||
{% if css_variant %}
|
||||
<link rel="stylesheet"
|
||||
type="text/css"
|
||||
href="{{site_base}}{% static "" %}{{css_variant}}/style.css?{{statics_hash}}">
|
||||
{% else %}
|
||||
<link rel="stylesheet"
|
||||
type="text/css"
|
||||
href="{{site_base}}{% static "style.css" %}?{{statics_hash}}">
|
||||
{% endif %}
|
||||
{% block extra_css %}{% endblock %}
|
||||
{% block extra_scripts %}{% endblock %}
|
||||
</head>
|
||||
<body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}"
|
||||
{% block bodyattrs %}{% endblock %}{% endblock %}>
|
||||
<div id="nav-skip">
|
||||
<div>
|
||||
<a href="#main-content">Aller au contenu</a>
|
||||
<a href="#nav">Aller au menu</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="page" {% block page-args %}{% endblock %}>
|
||||
<header>
|
||||
<div id="header-wrapper" >
|
||||
{% block header-pre %}{% endblock %}
|
||||
<div id="header">
|
||||
{% block header-top %}{% endblock %}
|
||||
<div id="top">
|
||||
{% block header-title %}
|
||||
<h1 id="logo"><a accesskey="1" href="https://www.rouen.fr/services">{{ site_title }}</a></h1>
|
||||
{% endblock %}
|
||||
{% if include_top_links != False %}
|
||||
<div id="toplinks">
|
||||
{% block user-info %}
|
||||
{% if user.is_authenticated %}
|
||||
<span class="logged-in">
|
||||
<span class="connected-user">{{user.first_name}} {{user.last_name}}</span>
|
||||
<a class="logout" href="{% url 'auth_logout' %}">Déconnexion</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div> <!-- toplinks -->
|
||||
{% endif %}
|
||||
</div>
|
||||
{% block header-bottom %}{% endblock %}
|
||||
</div> <!-- header -->
|
||||
{% block header-post %}{% endblock %}
|
||||
</div> <!-- header-wrapper -->
|
||||
</header>
|
||||
|
||||
{% block nav %}
|
||||
<nav>
|
||||
<div id="nav-wrapper" class="gru-nav-wrapper">
|
||||
{% block nav-pre %}{% endblock %}
|
||||
|
||||
{% if request.path_info == "/" %}
|
||||
<div id="nav" class="gru-nav togglable">
|
||||
|
||||
{% block nav-top %}{% endblock %}
|
||||
|
||||
<button id="nav-button" class="gru-nav-button togglable" aria-label="Menu">
|
||||
<span class="sr-only">Ouvrir le menu</span>
|
||||
<span class="icon-bar icon-bar-1"></span>
|
||||
<span class="icon-bar icon-bar-2"></span>
|
||||
<span class="icon-bar icon-bar-3"></span>
|
||||
</button>
|
||||
|
||||
{% block menu %}
|
||||
<ul>
|
||||
<li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
|
||||
<li class="link-demarches"><a href="{{wcs_url}}/login">Démarches</a></li>
|
||||
<li class="link-profil"><a href="{{authentic_url}}/accounts/">Profil</a></li>
|
||||
<li class="link-aide"><a href="{{help_url}}">Aide</a></li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
{% block nav-bottom %}{% endblock %}
|
||||
|
||||
</div> <!-- nav -->
|
||||
{% endif %}
|
||||
|
||||
{% block nav-post %}{% endblock %}
|
||||
</div> <!-- nav-wrapper -->
|
||||
</nav>
|
||||
{% endblock %}
|
||||
|
||||
{% block before-main-content %}{% endblock %}
|
||||
|
||||
<div id="main-content-wrapper">
|
||||
<div id="main-content">
|
||||
|
||||
{% block messages %}
|
||||
{% if messages %}
|
||||
<div id="messages" class="messages-login">
|
||||
<ul class="messages">
|
||||
{% for message in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content-pre %}{% endblock %}
|
||||
<div id="content" class="gru-content large">
|
||||
{% block content-top %}{% endblock %}
|
||||
{% block content %}{% endblock %}
|
||||
{% block content-bottom %}{% endblock %}
|
||||
</div> <!-- #content -->
|
||||
{% block content-post %}{% endblock %}
|
||||
|
||||
<br class="clear"/>
|
||||
|
||||
</div> <!-- #main-content -->
|
||||
</div> <!-- #main-content-wrapper -->
|
||||
|
||||
<footer>
|
||||
{% block footer-top %}{% endblock %}
|
||||
<div id="footer-wrapper">
|
||||
<div id="footer">
|
||||
{% block footer %}
|
||||
<p id="legal">Copyright © 2005-2016 Entr'ouvert</p>
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% block footer-bottom %}{% endblock %}
|
||||
</footer>
|
||||
</div> <!-- #page -->
|
||||
{% if environment_label %}<span id="environment-label">{{ environment_label }}</span>{% endif %}
|
||||
<a style="display: none" href="#" accesskey="t">Retour en haut de page</a>
|
||||
{% include "includes/tracking.html" %}
|
||||
{% block body-bottom %}{% endblock %}
|
||||
<script src="{{site_base}}{% static "" %}{{css_variant}}/js/collapse.js" %}?{{statics_hash}}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
{% extends theme_base %}
|
||||
{% load static %}
|
||||
|
||||
{% block extra-top-head %}
|
||||
{{script|safe}}
|
||||
<script src="{% static 'dataview.js' %}"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra-body-class %}
|
||||
{{ block.super }}
|
||||
{% if form_slug %}
|
||||
{% if category_slug %}formdef-category-{{category_slug}}{% endif %}
|
||||
formdef-{{form_slug}}
|
||||
{% endif %}
|
||||
|
||||
{% if '"steps-1"' in steps|safe %}
|
||||
one-step
|
||||
{% else %}
|
||||
multi-steps
|
||||
{% endif %}
|
||||
|
||||
{% if 'tracking-code' in gauche|safe %}
|
||||
with-tracking-code
|
||||
{% else %}
|
||||
without-tracking-code
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block placeholder-content %}
|
||||
{% block content %}
|
||||
{% if gauche %}
|
||||
<div id="gauche">{{ gauche|safe }}</div>
|
||||
{% endif %}
|
||||
|
||||
<div id="{{bigdiv|default:'rub_service'}}" class="{% if gauche %}has-sidebox{% endif %}">
|
||||
{% if title %}<h2>{{ title }}</h2>{% endif %}
|
||||
|
||||
{% block body %}{{ body|safe }}{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
Reference in New Issue