hautes-alpes-2018: remove theme (#50361)
This commit is contained in:
parent
cd39c98960
commit
36fdc89f16
2
Makefile
2
Makefile
|
@ -44,8 +44,6 @@ icons:
|
||||||
# somme
|
# somme
|
||||||
cd src/ && python3 render-imgs-categories.py ../static/somme-cd80/img/ --primary A8002B --secondary A8002B
|
cd src/ && python3 render-imgs-categories.py ../static/somme-cd80/img/ --primary A8002B --secondary A8002B
|
||||||
cd src/ && python3 render-imgs-dashboard.py ../static/somme-cd80/img/ --normal 4D4D4D --selected 87A738 --title FFFFFF --title-width 80
|
cd src/ && python3 render-imgs-dashboard.py ../static/somme-cd80/img/ --normal 4D4D4D --selected 87A738 --title FFFFFF --title-width 80
|
||||||
cd src/ && python3 render-imgs-categories.py ../static/hautes-alpes-2018/img/icon-rouge --primary B73720 --secondary B73720
|
|
||||||
cd src/ && python3 render-imgs-categories.py ../static/hautes-alpes-2018/img/icon-bleu --primary 1C515E --secondary 1C515E
|
|
||||||
# tournai
|
# tournai
|
||||||
cd static/tournai/ && for F in assets/*.svg; do $(INKSCAPE) --without-gui --file $$F --export-area-drawing --export-area-snap --export-png img/$$(basename $$F .svg).png --export-width 40; done
|
cd static/tournai/ && for F in assets/*.svg; do $(INKSCAPE) --without-gui --file $$F --export-area-drawing --export-area-snap --export-png img/$$(basename $$F .svg).png --export-width 40; done
|
||||||
|
|
||||||
|
|
|
@ -1,95 +0,0 @@
|
||||||
div#steps {
|
|
||||||
|
|
||||||
padding: 0 1em;
|
|
||||||
|
|
||||||
ol li {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
margin: 25px 0;
|
|
||||||
padding: 0.5ex;
|
|
||||||
position: relative;
|
|
||||||
border: 0;
|
|
||||||
|
|
||||||
span.marker {
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
display: inline-flex;
|
|
||||||
margin: 0 auto 0.3em auto;
|
|
||||||
width: 4vw;
|
|
||||||
height: 4vw;
|
|
||||||
color: gray;
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid gray;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: transparent;
|
|
||||||
font-size: calc(12px + 1.2vw);
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
display: block;
|
|
||||||
content: ' ';
|
|
||||||
border-radius: 50%;
|
|
||||||
position: absolute;
|
|
||||||
background: $button-background;
|
|
||||||
z-index: -1;
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
span.label {
|
|
||||||
margin: 0 -1em;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.current {
|
|
||||||
background: transparent;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
span.label {
|
|
||||||
color: $title-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.marker {
|
|
||||||
color: white;
|
|
||||||
border-color: $primary-color;
|
|
||||||
background: $primary-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
div#gauche div#steps {
|
|
||||||
|
|
||||||
order: 2;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
ol {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-flow: nowrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
li {
|
|
||||||
padding: 0 0.6em 1ex 0;
|
|
||||||
|
|
||||||
span.marker {
|
|
||||||
padding: 0.3em;
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 4rem; // reset size without vw
|
|
||||||
height: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.label {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,481 +0,0 @@
|
||||||
div#main-content-wrapper {
|
|
||||||
z-index: 1;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#document #corps, #page {
|
|
||||||
z-index: 0;
|
|
||||||
|
|
||||||
#messages {
|
|
||||||
padding: $block-padding;
|
|
||||||
margin: $messages-block-margin;
|
|
||||||
max-width: $width;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.025em;
|
|
||||||
}
|
|
||||||
|
|
||||||
// override .errornotice (includes/misc)
|
|
||||||
%custom-error-notice {
|
|
||||||
@extend .errornotice;
|
|
||||||
&::before {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// error warnings (WCS)
|
|
||||||
div.widget div.content div.error {
|
|
||||||
@extend %custom-error-notice;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#messages li,
|
|
||||||
div.infonotice,
|
|
||||||
div.successnotice,
|
|
||||||
div.warningnotice,
|
|
||||||
div.errornotice {
|
|
||||||
@extend %custom-error-notice;
|
|
||||||
}
|
|
||||||
|
|
||||||
// override includes/_forms.scss
|
|
||||||
.fargo-pick-popup button,
|
|
||||||
button.ui-button,
|
|
||||||
a#a2-continue,
|
|
||||||
div#content button,
|
|
||||||
input[type=submit],
|
|
||||||
div.buttons input {
|
|
||||||
@extend %button-style;
|
|
||||||
}
|
|
||||||
|
|
||||||
// override includes/_wcs.scss
|
|
||||||
ul#evolutions {
|
|
||||||
li span.item {
|
|
||||||
/* left circle icon */
|
|
||||||
background: $button-background !important;
|
|
||||||
border-color: $button-background;
|
|
||||||
color: $secondary-color !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.evolution-metadata, li div.msg {
|
|
||||||
background: $cell-background;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// override fc.css
|
|
||||||
div#fc-button a.button div {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-content-wrapper {
|
|
||||||
z-index: 1;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .site-nav {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
// flexbug https://github.com/philipwalton/flexbugs#flexbug-2
|
|
||||||
max-width: 100%;
|
|
||||||
background-color: $cell-background;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div {
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
margin: $inner-nav-margin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div#nav {
|
|
||||||
order: 0;
|
|
||||||
flex-basis: 50%;
|
|
||||||
background-color: transparent;
|
|
||||||
height: unset;
|
|
||||||
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
flex-basis: auto;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
> ul {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
// flexbug https://github.com/philipwalton/flexbugs#flexbug-2
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
a {
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// first-level menu
|
|
||||||
ul:first-child {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
height: unset;
|
|
||||||
li {
|
|
||||||
flex-grow: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
font-weight: 700;
|
|
||||||
a {
|
|
||||||
color: $font-color;
|
|
||||||
line-height: 2.7em;
|
|
||||||
padding: 0 0.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.selected,
|
|
||||||
&:hover {
|
|
||||||
> a {
|
|
||||||
color: $primary-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// User authentication block
|
|
||||||
.user-nav {
|
|
||||||
flex-basis: 50%;
|
|
||||||
order: 1;
|
|
||||||
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
flex-basis: $nav-height;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
a {
|
|
||||||
height: auto;
|
|
||||||
transition: background 0.5s, color 0.5s;
|
|
||||||
}
|
|
||||||
span.connected-user {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
span.login, span.logged-in {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
// flexbug https://github.com/philipwalton/flexbugs#flexbug-2
|
|
||||||
max-width: 100%;
|
|
||||||
padding: 0.5em;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
a {
|
|
||||||
font-weight: 700;
|
|
||||||
color: $font-color;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
&.selected,
|
|
||||||
&:hover {
|
|
||||||
color: $primary-color;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a.registration, span.sep, a.logout {
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
height: $nav-height;
|
|
||||||
margin: $custom-nav-margin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content {
|
|
||||||
max-width: $width;
|
|
||||||
margin: $content-block-margin;
|
|
||||||
padding: $block-padding;
|
|
||||||
|
|
||||||
#gauche,
|
|
||||||
div#rub_service,
|
|
||||||
div#services > ul > li,
|
|
||||||
div.a2-block,
|
|
||||||
div.a2-continue,
|
|
||||||
div.block,
|
|
||||||
div.cell {
|
|
||||||
padding: $block-padding;
|
|
||||||
background-color: $cell-background;
|
|
||||||
margin: $inner-div-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
// override default _cells
|
|
||||||
div#sidebar + div#columns-wrapper > div.a2-block,
|
|
||||||
div#login-page.methods2 > div.block {
|
|
||||||
margin: $inner-div-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#sidebar + div#columns-wrapper {
|
|
||||||
#frontend-registration-email {
|
|
||||||
float: left;
|
|
||||||
max-width: calc(50% - 1em);
|
|
||||||
}
|
|
||||||
#frontend-registration-fc {
|
|
||||||
float: right;
|
|
||||||
max-width: calc(50% - 1em);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div#gauche + div#rub_service {
|
|
||||||
width: calc(79% - 1em);
|
|
||||||
}
|
|
||||||
|
|
||||||
#side {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
margin: $form-margin;
|
|
||||||
padding: $title-padding;
|
|
||||||
background-color: $form-background;
|
|
||||||
border: 0;
|
|
||||||
|
|
||||||
.title label {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 0.3em;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #B73720;
|
|
||||||
}
|
|
||||||
|
|
||||||
input#tracking-code,
|
|
||||||
input[type="tel"],
|
|
||||||
input[type="url"],
|
|
||||||
input[type="date"],
|
|
||||||
input[type="file"],
|
|
||||||
input[type="text"],
|
|
||||||
input[type="email"],
|
|
||||||
input[type="number"],
|
|
||||||
input[type="search"],
|
|
||||||
input[type="password"],
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
@include vendor-prefix(appearance, none);
|
|
||||||
width: 100%;
|
|
||||||
max-width: 70rem;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
font-family: $font-family;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
padding: 0.8em 1em;
|
|
||||||
line-height: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: 5px;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #AAA;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h3, h4 {
|
|
||||||
font-family: $font-family;
|
|
||||||
font-weight: 400;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
color: $primary-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 2.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
@extend %title-style;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 1.6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buttons.submit {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
flex-direction: row-reverse;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.cancel,
|
|
||||||
[name="previous"] {
|
|
||||||
background: $cell-background;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
@extend %button-style;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tracking-code {
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
padding: 0 5px;
|
|
||||||
margin: $tracking-title-margin;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
padding: 0.5ex 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.cell.wcsformsofcategorycell {
|
|
||||||
|
|
||||||
background-color: $category-title-background;
|
|
||||||
border-color: $category-title-background;
|
|
||||||
|
|
||||||
&.toggled {
|
|
||||||
h2:first-child {
|
|
||||||
color: $title-color;
|
|
||||||
background-color: $category-title-background;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
background-color: $title-background;
|
|
||||||
color: $title-color;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
li {
|
|
||||||
a {
|
|
||||||
padding: 1rem;
|
|
||||||
color: $title-color;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
color: $title-color;
|
|
||||||
background-color: $button-hover-background;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h2:first-child {
|
|
||||||
@extend %title-style;
|
|
||||||
display: inline-block;
|
|
||||||
padding-right: 1.5em;
|
|
||||||
font-size: 1.6rem;
|
|
||||||
color: $title-color;
|
|
||||||
background-color: $category-title-background;
|
|
||||||
text-transform: none;
|
|
||||||
border: none;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: top left;
|
|
||||||
padding-left: 140px;
|
|
||||||
min-height: 95px;
|
|
||||||
letter-spacing: 0.025em;
|
|
||||||
line-height: 1.25;
|
|
||||||
font-weight: 600;
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $cell-entry-hover-background;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: $minus-icon;
|
|
||||||
font-family: FontAwesome;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 0.2em;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
color: $primary-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: $arrow-down-icon;
|
|
||||||
font-family: FontAwesome;
|
|
||||||
font-size: 10px;
|
|
||||||
position: absolute;
|
|
||||||
right: 1em;
|
|
||||||
top: 1em;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.on {
|
|
||||||
&::after {
|
|
||||||
content: $arrow-up-icon;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $category in $category-slugs {
|
|
||||||
@if $category-has-toggled-icons {
|
|
||||||
&.#{$category} h2:first-child { background-image: url(img/icon-rouge/#{$category}.png), url(img/icon-rouge/#{$category}-on.png); }
|
|
||||||
&.#{$category}.#{$_category_selector_class} h2:first-child { background-image: url(img/icon-rouge/#{$category}-on.png); }
|
|
||||||
&.bleu {
|
|
||||||
&.#{$category} h2:first-child { background-image: url(img/icon-bleu/#{$category}.png), url(img/icon-bleu/#{$category}-on.png); }
|
|
||||||
&.#{$category}.#{$_category_selector_class} h2:first-child { background-image: url(img/icon-bleu/#{$category}-on.png); }
|
|
||||||
}
|
|
||||||
} @else {
|
|
||||||
&.#{$category} h2:first-child { background-image: url(img/icon-rouge/#{$category}.png); }
|
|
||||||
&.bleu.#{$category} h2:first-child { background-image: url(img/icon-bleu/#{$category}.png); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ui-dialog {
|
|
||||||
|
|
||||||
div.ui-dialog-titlebar span.ui-dialog-title {
|
|
||||||
@extend %title-style;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
@extend %button-style;
|
|
||||||
|
|
||||||
&.ui-button {
|
|
||||||
height: 5.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
div#content {
|
|
||||||
padding: $mobile-block-padding;
|
|
||||||
|
|
||||||
div#columns {
|
|
||||||
flex-direction: column;
|
|
||||||
padding: $mobile-block-padding;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
padding: 0.1em;
|
|
||||||
}
|
|
||||||
div#gauche, div#rub_service {
|
|
||||||
width: calc(100% - 1em);
|
|
||||||
}
|
|
||||||
|
|
||||||
#frontend-registration-fc, #frontend-registration-email {
|
|
||||||
float: none;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,114 +0,0 @@
|
||||||
// main content wrapper variant
|
|
||||||
$custom-header-height: 10em;
|
|
||||||
$custom-mobile-header-height: 5em;
|
|
||||||
$margin-center: 0 auto;
|
|
||||||
|
|
||||||
.template-neutre {
|
|
||||||
#page {
|
|
||||||
display: block;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
line-height: 1.4;
|
|
||||||
margin-top: $custom-header-height;
|
|
||||||
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
margin-top: $custom-mobile-header-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-header {
|
|
||||||
background-color: white;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header-wrapper {
|
|
||||||
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
min-height: $custom-mobile-header-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
|
||||||
#top {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin: $margin-center;
|
|
||||||
width: 100%;
|
|
||||||
min-height: $custom-header-height;
|
|
||||||
max-width: $width;
|
|
||||||
|
|
||||||
> .cell {
|
|
||||||
flex: 1 1 100%;
|
|
||||||
|
|
||||||
&.top-logo {
|
|
||||||
flex-basis: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#toplinks {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-nav {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.user-nav {
|
|
||||||
margin: $margin-center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#nav {
|
|
||||||
margin: $margin-center;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
> li a {
|
|
||||||
line-height: 2.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
> li:hover > ul {
|
|
||||||
background: $cell-background;
|
|
||||||
}
|
|
||||||
@media screen and ($max-mobile-viewport) {
|
|
||||||
height: 60px;
|
|
||||||
|
|
||||||
> li a {
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-skip {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
color: $footer-color;
|
|
||||||
background: $footer-background;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $footer-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer-wrapper {
|
|
||||||
margin: $margin-center;
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,84 +0,0 @@
|
||||||
|
|
||||||
$primary-color: #B73720; /* red/bordeau */
|
|
||||||
$secondary-color: #1C515E; /* bleu */
|
|
||||||
$width: 1170px;
|
|
||||||
$mobile-limit: 768px;
|
|
||||||
$tablet-limit: 1024px;
|
|
||||||
$font-color: #202020;
|
|
||||||
$font-family: Asap, sans-serif;
|
|
||||||
$font-size: 62.5%;
|
|
||||||
$footer-color: #FFFFFF;
|
|
||||||
$footer-background: #2B2B2B;
|
|
||||||
$border-radius: 0px;
|
|
||||||
$link-color: #202020;
|
|
||||||
|
|
||||||
$title-background: transparent;
|
|
||||||
$title-color: $font-color;
|
|
||||||
$title-font-family: Asap, sans-serif;
|
|
||||||
$title-font-size: 2.5rem;
|
|
||||||
$title-padding: 1ex 0.5rem;
|
|
||||||
$title-margin: 0;
|
|
||||||
|
|
||||||
$nav-color: $font-color;
|
|
||||||
$nav-active-color: transparent;
|
|
||||||
$nav-height: 51px;
|
|
||||||
$nav-item-hover-color: $nav-active-color;
|
|
||||||
$nav-mobile-menu-background: white;
|
|
||||||
|
|
||||||
$custom-nav-margin: 10px auto;
|
|
||||||
$nav-button-background: #1C515E;
|
|
||||||
$nav-button-color: white;
|
|
||||||
$nav-menu-side: 90px;
|
|
||||||
|
|
||||||
$form-style: light;
|
|
||||||
$form-background: #F1F1F1;
|
|
||||||
$form-margin: 0 0 3rem;
|
|
||||||
$button-background: #ECB500;
|
|
||||||
$button-hover-background: #FFCB20;
|
|
||||||
$button-color: $font-color;
|
|
||||||
$button-border: none;
|
|
||||||
$button-border-radius: 8px;
|
|
||||||
$button-margin: 2ex 0.5ex;
|
|
||||||
$nav-item-hover-background: $button-background;
|
|
||||||
|
|
||||||
$cell-background: #EFEFEF;
|
|
||||||
$cell-entry-hover-background: #FFCB20;
|
|
||||||
$cell-border: 0;
|
|
||||||
$cell-entry-color: #202020;
|
|
||||||
$inner-div-margin: 1.5rem 0.5rem;
|
|
||||||
$block-padding: 1em;
|
|
||||||
$mobile-block-padding: 0 0.1em;
|
|
||||||
$content-block-margin: 0 auto;
|
|
||||||
$messages-block-margin: 0px auto 0px auto;
|
|
||||||
$inner-nav-margin: 0 auto; // !important;
|
|
||||||
$nav-margin: 10px auto;
|
|
||||||
$tracking-title-margin: 0.3em 0;
|
|
||||||
|
|
||||||
$category-title-background: #ECB500;
|
|
||||||
$category-color: $font-color;
|
|
||||||
$category-has-toggled-icons: false;
|
|
||||||
|
|
||||||
$arrow-down-icon: '\f107';
|
|
||||||
$arrow-up-icon: '\f106';
|
|
||||||
$arrow-right-icon: '\f105';
|
|
||||||
$minus-icon : '\f068';
|
|
||||||
|
|
||||||
%button-style {
|
|
||||||
display: inline-block;
|
|
||||||
margin: $button-margin;
|
|
||||||
transition: all 0.2s;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.025em;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
%title-style {
|
|
||||||
margin: $title-margin;
|
|
||||||
font-family: Asap, sans-serif;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: $title-font-size;
|
|
||||||
line-height: 1.2;
|
|
||||||
padding: $title-padding;
|
|
||||||
}
|
|
|
@ -1,6 +0,0 @@
|
||||||
{
|
|
||||||
"label": "Hautes-Alpes 2018",
|
|
||||||
"variables": {
|
|
||||||
"theme_color": "#B73720"
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,10 +0,0 @@
|
||||||
/* globals $, window */
|
|
||||||
$(function() {
|
|
||||||
$('div.wcsformsofcategorycell').delegate('h2', 'click', function() {
|
|
||||||
$(this).parents('div.wcsformsofcategorycell').toggleClass('toggled');
|
|
||||||
$(this).toggleClass('on');
|
|
||||||
});
|
|
||||||
$(window).on('load', function () {
|
|
||||||
$('#page').css('margin-top', $('#header-wrapper').css('height'));
|
|
||||||
});
|
|
||||||
})
|
|
Binary file not shown.
Before Width: | Height: | Size: 17 KiB |
|
@ -1,9 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
@import '../includes/fonts/asap';
|
|
||||||
@import 'vars';
|
|
||||||
@import '../includes/publik';
|
|
||||||
@import '../includes/categories';
|
|
||||||
@import 'custom';
|
|
||||||
@import 'circle-steps';
|
|
||||||
@import 'neutral-variant';
|
|
|
@ -1,17 +0,0 @@
|
||||||
{% extends "combo/page_template_neutre.html" %}
|
|
||||||
{% load combo i18n %}
|
|
||||||
|
|
||||||
{% block nav %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block columns %}
|
|
||||||
<div class="column">
|
|
||||||
{% trans "Left column" as name %}
|
|
||||||
{% placeholder "content" name=name %}
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
{% trans "Right column" as name %}
|
|
||||||
{% placeholder "right" name=name %}
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
|
@ -1,104 +0,0 @@
|
||||||
{% extends "theme.orig.html" %}
|
|
||||||
|
|
||||||
{% load static i18n combo gadjo %}
|
|
||||||
{% block extra_top_head %}
|
|
||||||
{{ block.super }}
|
|
||||||
<script src="{{site_base}}{% xstatic 'jquery' 'jquery.min.js' %}"></script>
|
|
||||||
{% skeleton_extra_placeholder extra-top-head %}
|
|
||||||
{% end_skeleton_extra_placeholder %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block extra_scripts %}
|
|
||||||
{% if portal_agent_url and portal_agent_title %}
|
|
||||||
<script>
|
|
||||||
const PUBLIK_PORTAL_AGENT_URL = "{{portal_agent_url|escapejs}}";
|
|
||||||
const PUBLIK_PORTAL_AGENT_TITLE = "{{portal_agent_title|escapejs}}";
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
<script src="{{site_base}}{% static 'js/combo.public.js' %}?{% start_timestamp %}"></script>
|
|
||||||
<script src="{{site_base}}{% static 'js/combo.back.js' %}?{% start_timestamp %}"></script>
|
|
||||||
{% if not no_extra_js %}
|
|
||||||
<script src="{{site_base}}{% static "" %}{{css_variant}}/extra.js?{% start_timestamp %}"></script>
|
|
||||||
{% endif %}
|
|
||||||
{% skeleton_extra_placeholder extra-head %}
|
|
||||||
{% end_skeleton_extra_placeholder %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block bodyattrs %}
|
|
||||||
data-api-root="{{ site_base }}/api/"
|
|
||||||
{% if check_badges %}data-check-badges="true"{% endif %}
|
|
||||||
{% if page.picture %}data-picture="{{site_base}}{{page.picture.url}}"{% endif %}
|
|
||||||
{% skeleton_extra_placeholder extra-body-args %}
|
|
||||||
{% end_skeleton_extra_placeholder %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block bodyclasses %}template-neutre page-{{ page.slug }} {% if pages %}section-{{pages.0.slug}}{% endif %} {% skeleton_extra_placeholder extra-body-class %} {% if user.is_authenticated %}authenticated-user{% else %}anonymous-user{% endif %} {% end_skeleton_extra_placeholder %} {% if page.picture %}has-picture{% endif %} {% endblock %}
|
|
||||||
|
|
||||||
{% block title %} - {% if render_skeleton %}{% skeleton_extra_placeholder title %}{% firstof page_title site_title %}{% end_skeleton_extra_placeholder %}{% else %}{{page.title}}{% endif %}{% endblock %}
|
|
||||||
|
|
||||||
{% block header-top %}
|
|
||||||
{% endblock %}
|
|
||||||
{% block header-title %}
|
|
||||||
{% comment %} into #top {% endcomment %}
|
|
||||||
{% placeholder "headerlogo" name="Logo haut" %}
|
|
||||||
{% placeholder "headertitle" name="Titre haut" %}
|
|
||||||
{% endblock %}
|
|
||||||
{% block user-info %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block nav %}
|
|
||||||
<nav>
|
|
||||||
<div id="nav" class="gru-nav">
|
|
||||||
{% block menu %}
|
|
||||||
{% show_menu depth=2 ignore_visibility=True %}
|
|
||||||
{% placeholder "menu_right" %}
|
|
||||||
{% endblock %}
|
|
||||||
</div>
|
|
||||||
<div class="user-nav">
|
|
||||||
{% skeleton_extra_placeholder "user-nav-link" %}
|
|
||||||
{% 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éconnexion</a>
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
{% if idp_registration_url %}
|
|
||||||
<span class="login"><a accesskey="2" href="{% url 'auth_login' %}">Connexion</a> <span class="sep">/</span>
|
|
||||||
<a class="registration" href="{{idp_registration_url}}">Inscription</a></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="login"><a accesskey="2" href="{% url 'auth_login' %}">Connexion <span class="sep">/</span> Inscription</a></span>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% end_skeleton_extra_placeholder %}
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block messages %}
|
|
||||||
{{ block.super }}
|
|
||||||
{% placeholder "messages" %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
{% block combo-content %}
|
|
||||||
{% block page-content %}
|
|
||||||
{% block sidebar %}{% endblock %}
|
|
||||||
<div id="columns-wrapper">
|
|
||||||
{% block columns-top %}{% endblock %}
|
|
||||||
<div id="columns" class="clearfix">
|
|
||||||
{% block columns %}
|
|
||||||
{% trans "Content" as name %}
|
|
||||||
{% placeholder "content" name=name %}
|
|
||||||
{% endblock %}
|
|
||||||
</div>
|
|
||||||
{% block columns-bottom %}{% endblock %}
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
|
||||||
{% endblock %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block footer %}
|
|
||||||
{% trans "Footer" as name %}
|
|
||||||
{% placeholder "footer" acquired=True name=name %}
|
|
||||||
{% endblock %}
|
|
|
@ -1,73 +0,0 @@
|
||||||
#! /usr/bin/env python
|
|
||||||
|
|
||||||
import os
|
|
||||||
import subprocess
|
|
||||||
import re
|
|
||||||
import sys
|
|
||||||
from lxml import etree
|
|
||||||
from lxml.html import html_parser
|
|
||||||
|
|
||||||
|
|
||||||
FILENAME = os.path.join('tmp.html')
|
|
||||||
|
|
||||||
if os.path.exists(FILENAME):
|
|
||||||
os.unlink(FILENAME)
|
|
||||||
|
|
||||||
URL = 'https://www.hautes-alpes.fr/5448-services-en-ligne.htm'
|
|
||||||
subprocess.call(['wget', '--quiet', '-O', FILENAME, '--convert-links', URL])
|
|
||||||
content = open(FILENAME).read().strip()
|
|
||||||
if len(content) < 500:
|
|
||||||
sys.exit(0)
|
|
||||||
|
|
||||||
root = etree.fromstring(content, parser=html_parser)
|
|
||||||
|
|
||||||
for script in root.xpath('//script'):
|
|
||||||
# remove all google related tags
|
|
||||||
if script.text and 'google' in script.text or 'google' in script.attrib.get('src', ''):
|
|
||||||
parent = script.getparent()
|
|
||||||
parent.remove(script)
|
|
||||||
|
|
||||||
# remove title and breadcrumb
|
|
||||||
for element in ('title', 'nav[@id="ariane"]', 'div[@id="cookie_cnil"]'):
|
|
||||||
for useless in root.xpath('//%s' % element):
|
|
||||||
parent = useless.getparent()
|
|
||||||
parent.remove(useless)
|
|
||||||
|
|
||||||
# clear "corps" container to put content into it
|
|
||||||
for main in root.xpath('//main[@id="corps"]'):
|
|
||||||
main.clear()
|
|
||||||
main.attrib['id'] = 'corps'
|
|
||||||
|
|
||||||
content = etree.tostring(root, method='html', pretty_print=True)
|
|
||||||
|
|
||||||
# remove all references to downloaded temporary file
|
|
||||||
content = content.replace(FILENAME, '')
|
|
||||||
|
|
||||||
# remove copy of jquery
|
|
||||||
content = re.sub('<script( type=.*)? src=.*jquery.min.js.*', '', content)
|
|
||||||
content = re.sub('<script( type=.*)? src=.*formCtrl.*.js.*', '', content)
|
|
||||||
|
|
||||||
content = content.replace('<body', r'<body {% block bodyargs %}{% endblock %} ')
|
|
||||||
|
|
||||||
content = content.replace('</head>', '<title>{% block global_title %}{% endblock %}</title>\n</head>')
|
|
||||||
|
|
||||||
content = content.replace('<head>', '<head>{% block head %}{% endblock %}')
|
|
||||||
|
|
||||||
content = content.replace(
|
|
||||||
'<main id="corps">',
|
|
||||||
'''<main id="corps">
|
|
||||||
{% block nav %}{% endblock %}
|
|
||||||
{% block messages %}{% endblock %}
|
|
||||||
{% block local-content-wrapper %}
|
|
||||||
{% endblock %}''',
|
|
||||||
)
|
|
||||||
|
|
||||||
content = content.replace('</body>', '{% block local-body-bottom %}{% endblock %}</body>')
|
|
||||||
|
|
||||||
content = content.replace("SERVER_ROOT = '/'", 'SERVER_ROOT="//www.hautes-alpes.fr/"')
|
|
||||||
|
|
||||||
content = content.replace(
|
|
||||||
'<div id="toolbarTraduction">', '<div id="toolbarTraduction">{% block user-info %}{% endblock %}'
|
|
||||||
)
|
|
||||||
|
|
||||||
open(os.path.join('.', 'base-theme.html'), 'w').write(content)
|
|
|
@ -1,65 +0,0 @@
|
||||||
{% extends 'base-theme.html' %}
|
|
||||||
{% load gadjo i18n static combo %}
|
|
||||||
|
|
||||||
{% block global_title %}
|
|
||||||
{% firstof global_title "Hautes-Alpes le département" %} {% block title %}{% endblock %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
{% if meta_robots %}
|
|
||||||
<meta name="robots" content="{{ meta_robots }}" />
|
|
||||||
{% elif environment_label %}
|
|
||||||
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, notranslate, noimageindex" />
|
|
||||||
{% endif %}
|
|
||||||
{% block extra_top_head %}
|
|
||||||
{% endblock %}
|
|
||||||
{{ media }}
|
|
||||||
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static 'hautes-alpes-2018/style.css' %}?{% start_timestamp %}">
|
|
||||||
{% block extra_css %}
|
|
||||||
{% endblock %}
|
|
||||||
{% block extra_scripts %}
|
|
||||||
{% endblock %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block bodyargs %}class="touch-ok {% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}
|
|
||||||
|
|
||||||
{% block nav %}
|
|
||||||
<nav>
|
|
||||||
<div id="nav" class="gru-nav">
|
|
||||||
{% block menu %}
|
|
||||||
{% endblock %}
|
|
||||||
</div>
|
|
||||||
<div class="user-nav">
|
|
||||||
{% block user-info %}
|
|
||||||
{% endblock %}
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block messages %}
|
|
||||||
{% if messages %}
|
|
||||||
<div id="messages">
|
|
||||||
<ul class="messages">
|
|
||||||
{% for message in messages %}
|
|
||||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block local-content-wrapper %}
|
|
||||||
<div id="main-content-wrapper">
|
|
||||||
<div id="main-content">
|
|
||||||
<div id="content" class="gru-content">
|
|
||||||
{% block content %}
|
|
||||||
{% endblock %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block local-body-bottom %}
|
|
||||||
{% 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" %}
|
|
||||||
{% endblock %}
|
|
|
@ -1 +0,0 @@
|
||||||
../../theme.html
|
|
Loading…
Reference in New Issue