arles: initial theme (#35388)

This commit is contained in:
Serghei Mihai 2019-08-08 18:55:24 +02:00
parent 6cd3774ee3
commit e495d48d37
28 changed files with 1002 additions and 0 deletions

563
static/arles/_custom.scss Normal file
View File

@ -0,0 +1,563 @@
@import '../includes/font-exo2';
@mixin form-icon($content) {
content: $content;
font-family: FontAwesome;
font-size: 24px;
color: $primary-color;
position: absolute;
right: 1ex;
}
div#header-wrapper {
background: linear-gradient(#003362, #0055a4);
margin: 0 0 40px 0;
box-shadow: 0 7px 8px #ccc;
height: 115px;
@media only screen and (max-width: $width) {
background: transparent;
box-shadow: 0 0 0;
}
h1#logo {
background: url('img/bandeau.png') no-repeat;
height: 90px;
text-indent: -9999px;
@media only screen and (max-width: $width) {
background: url('img/bandeau-medium.png') no-repeat;;
}
@media only screen and (max-width: $small-screen) {
background: url('img/bandeau-small.png') no-repeat;;
}
}
div.pre-header {
height: 35px;
border-bottom: 10px solid #ffffff;
background: linear-gradient(#bfbfbf, #ededed);
font-size: 11px;
div.login {
a {
&::before {
display: inline-block;
margin-right: 5px;
content: ' ';
background: url("img/picto_cadenas.svg") no-repeat top left;
background-size: 21px 29px;
height: 29px;
width: 21px;
vertical-align: middle;
}
}
}
}
div#header {
padding: 0;
}
}
.gru-nav-wrapper {
@media only screen and (max-width: $small-screen) {
margin-top: -56px;
margin-left: -1px;
}
}
div#footer-wrapper {
background: linear-gradient(#bbb, #fff);
div#footer {
padding-top: 20px;
a {
text-decoration: none;
}
}
}
#toplinks {
box-shadow: 0 0 0;
background: transparent;
border: 0;
width: $width;
margin: 0 auto;
position: relative;
padding: 3px;
> span {
float: right;
}
a {
color: #000;
font-weight: bold;
font-size: 11px;
padding: 3px 0px;
}
span.logged-in a:first-child::before {
display: inline-block;
margin-right: 5px;
content: ' ';
background: url("img/picto_identifie.svg") no-repeat top left;
background-size: 21px 29px;
height: 29px;
width: 21px;
vertical-align: middle;
}
span.login a:first-child::before {
display: inline-block;
margin-right: 5px;
content: ' ';
background: url("img/picto_cadenas.svg") no-repeat top left;
background-size: 21px 29px;
height: 29px;
width: 21px;
vertical-align: middle;
}
}
div#nav li.selected > a {
background: transparent;
color: $primary-color;
border-bottom: 3px solid $primary-color;
}
div#login-page {
width: 60%;
min-width: 400px;
margin: 10px auto;
border: 1px solid #ccc;
@media screen and (max-width: $mobile-limit) {
width: 80%;
}
@media screen and (max-width: 479px) {
width: 95%;
}
&.methods2 {
> div.block {
padding: 0 10px;
border: none;
width: auto;
float: none;
margin: 0;
div.separator {
border-bottom: 1px solid #ccc;
line-height: 0;
text-align: center;
margin: 50px 0;
padding: 0;
span {
background: #fff;
padding: 0 20px;
font-size: 120%;
}
}
}
form {
width: 260px;
margin: 0 auto;
input, button {
width: 100%;
margin: 3px 0;
}
button.cancel-button {
background: #ccc;
color: #4d4d4d;
}
}
}
h3 {
color: $primary-color;
font-size: 20px;
}
div.login-actions p {
text-align: center;
}
a.register {
background: $primary-color;
color: white;
width: 260px;
display: inline-block;
text-align: center;
padding: 10px 15px;
}
}
.menucell .selected {
font-weight: bold;
}
#profile {
span.label {
font-weight: bold;
font-size: 100%;
}
}
div.cell.searchcell {
border: 0;
input {
margin-right: 0;
}
input, button {
font-size: 13px;
height: 32px;
line-height: 24px;
margin: 0.2em 0px;
}
}
form.combo-search-form {
width: 300px;
margin: 0 auto;
input {
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
color: #676767;
font-size: 13px;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
&:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0 none;
}
}
button {
border-radius: 0 4px 4px 0;
width: 40px;
background: linear-gradient(#fff, #e6e6e6);
border: 1px solid #a2a2a2;
color: #000;
overflow: hidden;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
padding: 4px 10px;
&::before {
font-size: 1.4em;
content: '\f002';
font-family: FontAwesome;
margin-right: 20px;
color: #555;
}
}
}
.combo-search-results {
width: 60%;
margin: 0 auto;
div.links-list ul > li > a {
border: 0;
}
li div p {
margin: 0 0 0 2rem;
font-style: italic;
color: #4d4d4d;
}
}
div.error {
background: transparent url('img/dialog-warning.png') top left no-repeat;
}
.required {
color: red;
}
div.gru-content {
.cell.noborder {
border: none;
}
div.cellhome {
h2:first-child {
color: #333;
padding-left: 10px;
text-decoration: none;
vertical-align: 5px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
text-align: left;
text-transform: uppercase;
font-family: Georgia,'Times New Roman',Times,serif;
background: none;
margin-bottom: 1em;
}
grid-1-4 {
.home-img {
color:white;
margin: -7px 0 0 0;
text-align:center;
img { width: 50px; height: 50px; }
}
@media screen and (max-width: $mobile-limit) {
margin-bottom: 1em;
&:nth-child(2n) { clear: left; }
}
}
.reg-buttons {
text-align: center;
clear: left;
.bouton {
width:30%;
min-width: 170px;
}
@media screen and (max-width: $mobile-limit) {
span { display: block; }
}
}
}
.cancel-button button, .previous-button button,
.btn-secondaire, button.cancel-button {
background: #ccc;
color: #4d4d4d;
&:hover, &:focus {
box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
color: #000;
}
}
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
iframe, object, embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
/* wheel animation */
@-webkit-keyframes wheel { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-moz-keyframes wheel { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-ms-keyframes wheel { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes wheel { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.wheel {
animation: 2s linear 0s normal none infinite wheel;
display: inline-block;
font-family: arlesfont;
}
.largewheel {
@extend .wheel;
font-size: 35px;
display: block;
text-align: center;
margin: 10px;
}
/* custom widget */
div.enquete_satisfaction {
& div.title {
margin-bottom: 10px;
}
input[type="radio"] {
margin: 45px 0 0 13px;
}
.content {
& br {
display: none;
}
& label {
width: 20%;
display: inline-block;
background: url('img/satisfaction-0.svg');
background-repeat: no-repeat;
background-size: contain;
height: 40px;
&:hover, &:focus, &:active {
background-image: url('img/satisfaction-0A.svg');
}
& span { visibility: hidden; }
}
& label ~ label {
background-image: url('img/satisfaction-1.svg');
&:hover, &:focus { background-image: url('img/satisfaction-1A.svg'); }
}
& label ~ label ~ label {
background-image: url('img/satisfaction-2.svg');
&:hover, &:focus {
background-image: url('img/satisfaction-2A.svg');
}
}
label ~ label ~ label ~ label {
background-image: url('img/satisfaction-3.svg');
&:hover, &:focus {
background-image: url('img/satisfaction-3A.svg');
}
}
}
}
.retourVA {
a {
text-decoration: none;
color: #676767;
}
}
.adresse {
border-left: 1px solid #666;
padding: 0 10px;
}
.separation {
border-bottom: 1px solid #959595;
padding-top: 10px;
}
div.error {
background: none;
padding-left: 0;
&::before {
content: "\f06a";
font-family: FontAwesome;
font-size: 2em;
color: #e91c2a;
vertical-align: middle;
margin: 0 17px 0 7px;
}
}
.error + input, .error + textarea {
border: 1px solid #E91C2A;
box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1) inset;
}
span.helptext, div.hint {
font-size: 90%;
}
#tipi_form {
margin: auto;
width: 300px;
max-width: 100%;
input[type="email"] {
width: 240px;
}
}
.fileprogress {
border: none;
border-bottom: 5px solid #ccc;
.bar {
background: transparent;
padding: 0;
border-bottom: 5px solid $primary-color;
line-height: 1.5em;
margin-bottom: -5px;
}
}
div.file-upload-widget div.title {
border-bottom: 2px solid $primary-color;
font-size: 130%;
font-weight: bold;
margin: 1em 0 1em 0;
padding-bottom: 3px;
}
.minutes {
&::before {
content: ' ';
width: 40px;
height: 35px;
background: url('img/5min.svg') no-repeat top left;
background-size: 35px 35px;
display: inline-block;
vertical-align: middle;
}
}
@each $i in 5, 10, 15, 20 {
.min#{$i}::before {
background: url('img/#{$i}min.svg');
}
}
@media screen and (max-width: $mobile-limit) {
div#steps { white-space: normal; }
div#steps li:not(.current) .label { display: none; }
}
li.is-redirection a::after {
content: "\f14c";
font-size: 24px;
color: $primary-color;
font-family: FontAwesome;
position: absolute;
right: 1ex;
}
li.keyword-new {
a::after {
@include form-icon("\f024");
}
&.required-authentication a::after {
@include form-icon("\f024 \f023");
}
}
li.required-authentication a::after {
@include form-icon("\f023");
}
div#user-files {
tr.mime-text, tr.mime-image, tr.mime-audio,
tr.mime-video, tr.mime-application, tr.mime-application-pdf,
button.icon-remove-sign {
&::before {
font-size: 200%;
}
}
@media screen and (max-width: $mobile-limit) {
td {
padding: 3px;
}
}
}
div.meetings_table {
div.head {
padding-bottom: 1ex;
font-weight: 700;
}
span.selectable {
&.on {
background: $primary-color;
color: white;
border: 1px solid $primary-color;
}
&::hover, &::focus {
background: white;
color: $primary-color;
border: 1px solid $primary-color;
}
}
div span {
display: block;
cursor: pointer;
padding: 0.8ex 0;
margin: 15px 20px;
font-weight: 700;
border-radius: 3px;
color: #797979;
background: #f5f5f5;
padding: 5px;
border: 1px solid #f5f5f5;
}
.prev, .next {
height: 40px;
}
}

28
static/arles/_vars.scss Normal file
View File

@ -0,0 +1,28 @@
$primary-color: #0055a4;
$width: 980px;
$mobile-limit: 768px;
$small-screen: 480px;
$font-size: 13px;
$font-family: "Exo 2", arial, helvetica, sans-serif;
$border-radius: 0;
$nav-submenu-background: $primary-color;
$nav-submenu-color: white;
$nav-item-background: transparent;
$nav-color: $primary-color;
$nav-active-color: $primary-color;
$nav-item-selected-color: white;
$nav-menu-color: white;
$nav-item-hover-color: white;
$button-background: $primary-color;
$title-background: $primary-color;
$title-color: white;
$footer-color: #1a1a1a;
$dashboard-selected-color: $primary-color;
$nav-after-image: false !default;

8
static/arles/config.json Normal file
View File

@ -0,0 +1,8 @@
{
"label": "Arles",
"variables": {
"theme_color": "#0055a4",
"include_top_links": false,
"favicon": "arles/img/favicon.ico"
}
}

View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="619px"
height="619px" viewBox="0 0 619 619" enable-background="new 0 0 619 619" xml:space="preserve">
<g id="Layer_1">
</g>
<g id="Calque_2">
<g>
<path fill="#26559F" d="M225.427,404.234V237.568h-29.333v-33.334h66.667v200H225.427z"/>
<path fill="#26559F" d="M296.093,204.234h133.333v200H296.093V204.234z M333.427,237.568v133.333h58.667V237.568H333.427z"/>
</g>
<rect x="1.266" y="-0.234" fill="none" width="616.469" height="619.469"/>
<g>
<path fill="#26559F" d="M318.33,80.689c24.703,0.909,48.398,5.758,70.473,13.95l28.712-69.317
C385.78,13.191,352.503,6.578,318.33,5.641V80.689z"/>
<path fill="#26559F" d="M404.505,101.153c22.027,10.123,42.152,23.671,59.701,39.959l53.065-53.065
c-24.774-23.443-52.988-42.32-84.049-56.226L404.505,101.153z"/>
</g>
</g>
<g id="Calque_3">
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="619px"
height="619px" viewBox="0 0 619 619" enable-background="new 0 0 619 619" xml:space="preserve">
<g id="Layer_1">
</g>
<g id="Calque_2">
<g>
<path fill="#26559F" d="M318.33,80.689c24.703,0.909,48.398,5.758,70.473,13.95l28.712-69.317
C385.78,13.191,352.503,6.578,318.33,5.641V80.689z"/>
<path fill="#26559F" d="M529.292,100.067l-53.065,53.065c16.288,17.548,29.836,37.673,39.959,59.7l69.333-28.718
C571.612,153.055,552.735,124.842,529.292,100.067z"/>
<path fill="#26559F" d="M404.505,101.153c22.027,10.123,42.152,23.671,59.701,39.959l53.065-53.065
c-24.774-23.443-52.988-42.32-84.049-56.226L404.505,101.153z"/>
</g>
<g>
<path fill="#26559F" d="M225.427,404.234V237.568h-29.333v-33.334h66.667v200H225.427z"/>
<path fill="#26559F" d="M296.093,204.234h133.333v33.334h-96v50h71l25,25v66.666l-25,25H296.093v-33.333h96v-50h-96V204.234z"/>
</g>
<rect x="1.266" y="-0.234" fill="none" width="616.469" height="619.469"/>
</g>
<g id="Calque_3">
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="619px"
height="619px" viewBox="0 0 619 619" enable-background="new 0 0 619 619" xml:space="preserve">
<g id="Layer_1">
</g>
<g id="Calque_2">
<g>
<path fill="#26559F" d="M318.33,77.189c24.703,0.909,48.398,5.758,70.473,13.95l28.712-69.317
C385.78,9.691,352.503,3.078,318.33,2.141V77.189z"/>
<path fill="#26559F" d="M529.292,96.567l-53.065,53.065c16.288,17.548,29.836,37.673,39.959,59.7l69.333-28.718
C571.612,149.555,552.735,121.342,529.292,96.567z"/>
<path fill="#26559F" d="M404.505,97.653c22.027,10.123,42.152,23.671,59.701,39.959l53.065-53.065
c-24.774-23.443-52.988-42.32-84.049-56.226L404.505,97.653z"/>
<path fill="#26559F" d="M522.7,225.037c8.193,22.074,13.041,45.77,13.951,70.473H611.7c-0.938-34.173-7.552-67.451-19.682-99.186
L522.7,225.037z"/>
</g>
<g>
<path fill="#26559F" d="M160.091,200.734h133.333v116.667h-96v50h96v33.333H160.091V284.068h96v-50h-96V200.734z"/>
<path fill="#26559F" d="M326.754,200.734h133.334v200H326.754V200.734z M364.087,234.068v133.333h58.667V234.068H364.087z"/>
</g>
<rect x="1.266" y="-3.734" fill="none" width="616.469" height="619.469"/>
</g>
<g id="Calque_3">
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

22
static/arles/img/5min.svg Normal file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="619px"
height="619px" viewBox="0 0 619 619" enable-background="new 0 0 619 619" xml:space="preserve">
<g id="Layer_1">
</g>
<g id="Calque_2">
<g>
<g>
<path fill="#26559F" d="M244.09,204.234h133.334v33.334h-96v50h71l25,25v66.666l-25,25H244.09v-33.333h96V320.9h-96V204.234z"/>
</g>
<g>
<path fill="#26559F" d="M318.33,80.689c24.703,0.909,48.398,5.758,70.473,13.95l28.712-69.317
C385.78,13.191,352.503,6.578,318.33,5.641V80.689z"/>
</g>
<rect x="1.266" y="-0.234" fill="none" width="616.469" height="619.469"/>
</g>
</g>
<g id="Calque_3">
</g>
</svg>

After

Width:  |  Height:  |  Size: 947 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1009 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pc_x5F_cadenas" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="245px" height="349px" viewBox="0 0 245 349" enable-background="new 0 0 245 349" xml:space="preserve">
<path fill="#005D9C" d="M151.89,131.02c-8,4.11-17.06,6.44-26.659,6.44c-9.581,0-18.61-2.31-26.59-6.39
c-65.73,6.62-77.66,38.831-77.66,73.7v32.961c5.61,4.109,12.34,7.859,20.02,11.159c4.18,1.811,8.65,3.49,13.36,5.021
c-0.01-0.521-0.02-1.03-0.02-1.55c0-6.36,0.85-12.521,2.45-18.37v-21.01l2.31,14.029C69.24,201.07,94.47,182.7,124,182.7
c31.3,0,57.78,20.649,66.57,49.06l3.09-18.779v41.77c4.7-1.44,9.17-3.03,13.38-4.75c7.55-3.07,14.27-6.56,19.979-10.4v-34.83
C227.02,169.82,218.55,137.53,151.89,131.02 M124,14.77c-30.19,0-54.67,24.48-54.67,54.67S93.81,124.1,124,124.1
c30.2,0,54.67-24.47,54.67-54.66S154.2,14.77,124,14.77"/>
<path fill="#00B1E6" d="M207.04,250c-1.24-44.8-37.95-80.73-83.04-80.73c-44.72,0-81.19,35.341-83,79.62
c-0.06,1.15-0.08,2.311-0.08,3.471c0,45.88,37.2,83.08,83.08,83.08s83.08-37.2,83.08-83.08C207.08,251.57,207.07,250.78,207.04,250"
/>
<path fill="#FFFFFF" d="M154.705,245.281h-4.146v-10.979c0-15.261-11.915-27.676-26.559-27.676c-14.645,0-26.56,12.415-26.56,27.676
v10.979h-4.146c-1.635,0-2.961,1.325-2.961,2.961v40.214c0,1.635,1.326,2.961,2.961,2.961h61.411c1.636,0,2.963-1.326,2.963-2.961
v-40.214C157.668,246.606,156.341,245.281,154.705,245.281 M106.418,234.302c0-10.311,7.888-18.698,17.582-18.698
c9.693,0,17.581,8.388,17.581,18.698v10.979h-35.163V234.302z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="pc_x5F_identified" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="245px" height="346px" viewBox="0 0 245 346" enable-background="new 0 0 245 346" xml:space="preserve">
<path fill="#005D9C" d="M225.77,200.52v34.83c-5.71,3.84-12.43,7.33-19.979,10.4c-4.21,1.72-8.681,3.31-13.38,4.75v-41.77
l-3.09,18.779c-8.79-28.41-35.271-49.06-66.57-49.06c-29.53,0-54.76,18.37-64.9,44.31l-2.31-14.029v21.01
c-1.6,5.85-2.45,12.01-2.45,18.37c0,0.52,0.01,1.029,0.02,1.55c-4.71-1.53-9.18-3.21-13.36-5.021c-7.68-3.3-14.41-7.05-20.02-11.159
V200.52c0-34.869,11.93-67.08,77.66-73.7c7.98,4.08,17.01,6.39,26.591,6.39c9.6,0,18.659-2.33,26.659-6.44
C217.3,133.279,225.77,165.57,225.77,200.52 M177.42,65.19c0,30.19-24.47,54.66-54.67,54.66c-30.19,0-54.67-24.47-54.67-54.66
s24.48-54.67,54.67-54.67C152.95,10.52,177.42,35,177.42,65.19"/>
<path fill="#7AB51D" d="M205.79,245.75c-1.24-44.8-37.95-80.73-83.04-80.73c-44.72,0-81.19,35.341-83,79.62
c-0.06,1.15-0.08,2.311-0.08,3.471c0,45.88,37.2,83.08,83.08,83.08s83.08-37.2,83.08-83.08
C205.83,247.32,205.82,246.53,205.79,245.75"/>
<path fill="#FFFFFF" d="M113.732,294.069c-2.515,0-4.886-0.986-6.676-2.777l-35.541-35.361c-0.894-0.92-2.117-2.927-0.639-6.427
c2.208-5.227,10.896-13.894,16.248-13.894c1.657,0,2.732,0.708,3.342,1.301l20.832,19.453c0.649,0.649,1.514,1.007,2.434,1.007
s1.785-0.357,2.435-1.008l39.245-36.588c1.093-1.069,2.519-1.635,4.129-1.635c5.873,0,12.908,7.596,14.984,12.62
c1.712,4.142,0.268,6.454-0.745,7.465c-0.16,0.155-14.228,13.927-28.332,27.52C116.057,294.069,115.377,294.069,113.732,294.069"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<circle fill="#BE0027" cx="79.37" cy="79.331" r="79.37"/>
<path fill="none" stroke="#000000" stroke-width="9.9213" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M43.321,122.984c3.331-15.213,16.14-30.756,36.049-30.756c19.91,0,32.763,14.882,36.05,30.756"/>
<g>
<g>
<ellipse cx="49.613" cy="57.015" rx="12.898" ry="14.061"/>
<ellipse cx="109.144" cy="57.015" rx="12.897" ry="14.061"/>
</g>
<g>
<path d="M65.562,55.062L40.276,33.565c-2.278-1.938-2.833-5.078-1.237-7.016c1.596-1.937,4.736-1.937,7.015,0l26.524,28.512
C72.578,55.062,66.702,56.03,65.562,55.062z"/>
</g>
<g>
<path d="M86.482,55.062l26.523-28.512c2.279-1.937,5.42-1.937,7.016,0c1.596,1.938,1.041,5.078-1.236,7.016L93.498,55.062
C92.359,56.03,86.482,55.062,86.482,55.062z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<g>
<path fill="#BE0027" d="M79.37,3.961c41.56,0,75.37,33.811,75.37,75.37c0,41.56-33.811,75.37-75.37,75.37
C37.811,154.701,4,120.891,4,79.331C4,37.772,37.811,3.961,79.37,3.961 M79.37-0.039C35.536-0.039,0,35.496,0,79.331
s35.536,79.37,79.37,79.37c43.835,0,79.37-35.535,79.37-79.37S123.205-0.039,79.37-0.039L79.37-0.039z"/>
</g>
<path fill="none" stroke="#BE0027" stroke-width="9.9213" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M43.321,122.984c3.331-15.213,16.14-30.756,36.049-30.756c19.91,0,32.763,14.882,36.05,30.756"/>
<g>
<g>
<ellipse fill="#BE0027" cx="49.613" cy="57.015" rx="12.898" ry="14.061"/>
<ellipse fill="#BE0027" cx="109.144" cy="57.015" rx="12.897" ry="14.061"/>
</g>
<g>
<path fill="#BE0027" d="M65.562,55.062L40.276,33.565c-2.278-1.938-2.833-5.078-1.237-7.016c1.596-1.937,4.736-1.937,7.015,0
l26.524,28.512C72.578,55.062,66.702,56.03,65.562,55.062z"/>
</g>
<g>
<path fill="#BE0027" d="M86.482,55.062l26.523-28.512c2.279-1.937,5.42-1.937,7.016,0c1.596,1.938,1.041,5.078-1.236,7.016
L93.498,55.062C92.359,56.03,86.482,55.062,86.482,55.062z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<circle fill="#D68E24" cx="79.37" cy="79.37" r="79.37"/>
<g>
<ellipse cx="49.604" cy="50.523" rx="12.898" ry="15.467"/>
<ellipse cx="109.134" cy="50.523" rx="12.899" ry="15.467"/>
</g>
<path fill="none" stroke="#000000" stroke-width="8.4143" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M43.32,119.717c5.626-6.898,16.14-13.559,36.049-13.559c19.907,0,30.842,5.945,36.049,13.559"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 943 B

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<g>
<path fill="#D68E24" d="M79.37,4c41.56,0,75.37,33.811,75.37,75.37c0,41.56-33.811,75.37-75.37,75.37
C37.811,154.74,4,120.93,4,79.37C4,37.811,37.811,4,79.37,4 M79.37,0C35.536,0,0,35.535,0,79.37s35.536,79.37,79.37,79.37
c43.835,0,79.37-35.535,79.37-79.37S123.205,0,79.37,0L79.37,0z"/>
</g>
<g>
<ellipse fill="#D68E24" cx="49.604" cy="50.523" rx="12.898" ry="15.467"/>
<ellipse fill="#D68E24" cx="109.134" cy="50.523" rx="12.899" ry="15.467"/>
</g>
<path fill="none" stroke="#D68E24" stroke-width="8.4143" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M43.32,119.717c5.626-6.898,16.14-13.559,36.049-13.559c19.907,0,30.842,5.945,36.049,13.559"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<circle fill="#AACE36" cx="79.37" cy="79.37" r="79.37"/>
<g>
<ellipse cx="49.603" cy="51.507" rx="12.898" ry="16.452"/>
<ellipse cx="109.133" cy="51.507" rx="12.898" ry="16.452"/>
</g>
<path fill="none" stroke="#000000" stroke-width="9.9214" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M115.417,102.189c-5.626,9.59-16.14,18.85-36.049,18.85s-30.84-8.268-36.049-18.85"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 933 B

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<g>
<path fill="#AACE36" d="M79.368,4c41.56,0,75.371,33.811,75.371,75.37c0,41.56-33.812,75.37-75.371,75.37
C37.81,154.74,4,120.93,4,79.37C4,37.811,37.81,4,79.368,4 M79.368,0C35.535,0,0,35.535,0,79.37s35.535,79.37,79.368,79.37
c43.836,0,79.371-35.535,79.371-79.37S123.204,0,79.368,0L79.368,0z"/>
</g>
<g>
<ellipse fill="#AACE36" cx="49.603" cy="51.507" rx="12.898" ry="16.452"/>
<ellipse fill="#AACE36" cx="109.133" cy="51.507" rx="12.898" ry="16.452"/>
</g>
<path fill="none" stroke="#AACE36" stroke-width="9.9214" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M115.417,102.189c-5.626,9.59-16.14,18.85-36.049,18.85s-30.84-8.268-36.049-18.85"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<circle fill="#49A644" cx="79.37" cy="79.37" r="79.37"/>
<g>
<ellipse cx="49.604" cy="52.913" rx="12.897" ry="17.858"/>
<ellipse cx="109.135" cy="52.913" rx="12.897" ry="17.858"/>
</g>
<path fill="none" stroke="#000000" stroke-width="9.9213" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M123.56,97.725c-4.084,18.648-19.784,37.701-44.189,37.701s-40.161-18.243-44.19-37.701H123.56z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 946 B

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="158.74px" height="158.74px" viewBox="0 0 158.74 158.74" enable-background="new 0 0 158.74 158.74" xml:space="preserve">
<g>
<g>
<path fill="#49A644" d="M79.37,4c41.56,0,75.37,33.811,75.37,75.37c0,41.56-33.811,75.37-75.37,75.37
C37.811,154.74,4,120.93,4,79.37C4,37.811,37.811,4,79.37,4 M79.37,0C35.535,0,0,35.535,0,79.37s35.535,79.37,79.37,79.37
c43.836,0,79.37-35.535,79.37-79.37S123.206,0,79.37,0L79.37,0z"/>
</g>
<g>
<ellipse fill="#49A644" cx="49.604" cy="52.913" rx="12.897" ry="17.858"/>
<ellipse fill="#49A644" cx="109.135" cy="52.913" rx="12.897" ry="17.858"/>
</g>
<path fill="none" stroke="#49A644" stroke-width="9.9213" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M123.56,97.725c-4.084,18.648-19.784,37.701-44.189,37.701s-40.161-18.243-44.19-37.701H123.56z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

5
static/arles/style.scss Normal file
View File

@ -0,0 +1,5 @@
@charset "UTF-8";
@import 'vars';
@import '../includes/publik';
@import 'custom';

View File

@ -0,0 +1,24 @@
{% extends "authentic2/login.html" %}
{% block content %}
<div id="login-page" class="methods{% firstof visible_blocks_count blocks|length %}">
{% for name, content in methods reversed %}
<div class="block">
{% if name == "FranceConnect" %}
<h3>Je m'identifie avec FranceConnect</h3>
<div> {{ content|safe }} </div>
<div class="separator"><span>OU</span></div>
{% else %}
{% if name == "Mot de passe" %}
{% if methods|length == 1 %}
<h2>{% if forloop.counter0 %}{{name}}{% else %}Connexion{% endif %}</h2>
{% endif %}
<div>
{{ content|safe }}
</div>
{% endif %}
{% endif %}
</div>
{% endfor %}
</div>
{% endblock %}

View File

@ -0,0 +1,24 @@
{% extends "authentic2/login_password_form.html" %}
{% load i18n %}
{% block form %}
<h3>Je m'identifie avec mon adresse électronique</h3>
{{ block.super }}
{% endblock %}
{% block actions %}
<div class="login-actions">
{% if can_reset_password %}
<p><a href="{% url 'password_reset' %}{% if request.GET.next %}?next={{ request.GET.next|urlencode }}{% endif %}">J'ai oublié mon mot de passe</a></p>
{% endif %}
{% if registration_authorized %}
<div class="separator"><span>OU</span></div>
<h3>Je me connecte pour la première fois</h3>
<p>
<a class="register" href="{{ registration_url }}{% if request.GET.next %}?next={{ request.GET.next|urlencode }}{% endif %}" >Je crée mon compte</a>
</p>
{% endif %}
</div>
{% endblock %}

View File

@ -0,0 +1,20 @@
{% extends "combo/page_template.html" %}
{% load combo %}
{% block user-info %}
{% skeleton_extra_placeholder user-info %}
{% if user.is_authenticated %}
<span class="logged-in">
{% if idp_account_url %}<a href="{{idp_account_url}}">{% endif %}
<span class="connected-user">{{user.first_name}} {{user.last_name}}</span>{% if idp_account_url %}</a>{% endif %}
<a accesskey="o" class="logout" href="{% url 'auth_logout' %}">D&eacute;connexion</a>
</span>
{% else %}
{% if idp_registration_url %}
<span class="login"><a accesskey="2" href="{% url 'auth_login' %}">Je m'identifie</a></span>
{% else %}
<span class="login"><a accesskey="2" href="{% url 'auth_login' %}">Je m'identifie</a></span>
{% endif %}
{% endif %}
{% end_skeleton_extra_placeholder %}
{% endblock %}

View File

@ -0,0 +1,18 @@
{% if query %}
{% if results.data %}
<div class="links-list">
<ul>
{% for item in results.data %}
<li><a href="{{ item.url }}">{{ item.text }}</a>
{% if item.description %}<div>{{ item.description|safe }}</div>{% endif %}
</li>
{% endfor %}
</ul>
</div>
{% else %}
<div class="infonotice">
<p>Vous ne trouvez pas la démarche que vous souhaitez effectuer en ligne ?<br />
Nous travaillons pour vous proposer chaque mois de nouvelles démarches en ligne. En attendant vous pouvez <a href="{{ eservices_url }}nous-contacter/">nous envoyer votre demande via le formulaire de contact</a>.</p>
</div>
{% endif %}
{% endif %}

View File

@ -0,0 +1,15 @@
{% extends "theme.html" %}
{% block header-pre %}
<div class="pre-header">
<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&eacute;connexion</a>
</span>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}