Responsive again

This commit is contained in:
Evarin 2017-05-18 22:46:45 +02:00
parent 623c6a32d0
commit e007012f1c
4 changed files with 338 additions and 199 deletions

View file

@ -92,34 +92,83 @@
margin-top: 70px; margin-top: 70px;
padding: 15px 3vw; padding: 15px 3vw;
} }
.article-wrapper {
display: block;
.toc-wrapper, article {
display: block;
}
.toc-wrapper {
max-width: unset;
width: unset;
}
.toc {
display: none;
position: relative;
font-size:0.9em;
border: 1px solid #000;
padding: 4px;
}
}
article.stage { article.stage {
h3 { h3 {
margin-top: 10px; margin-top: 10px;
} }
section { section {
.avis-texte, .chapo { .avis-texte, .chapo {
padding: 10px; padding: 3px 10px;
} }
} }
section .plusmoins > div::before {
width: 70px; section {
#stage-map {
height: 200px;
width: 100%;
}
&.misc {
.misc-content {
&.withmap {
display:block;
& > div {
display:block;
vertical-align: top;
}
.map {
width: 80%;
min-width: 250px;
min-height: 200px;
margin: 0 auto;
}
.desc {
padding: 5px;
}
}
}
}
.plusmoins {
& > div {
display:block;
& > *, &:before {
display:block;
}
&:before {
text-align: left;
width: 100%;
font-size: 1.5em;
}
&.moins:before {
text-align: right;
margin-top: 5px;
}
}
}
}
.section-wrapper {
display: block;
margin-left: 0;
.toc-wrapper, & > section {
display: block;
}
.toc-wrapper {
max-width: unset;
width: unset;
}
.toc {
display: none;
position: relative;
font-size:0.9em;
border: 1px solid #000;
padding: 4px;
}
} }
} }
@ -139,7 +188,7 @@
} }
} }
.stagelist { .condensed-stages {
display: block; display: block;
li:before, li, a { li:before, li, a {
@ -148,11 +197,34 @@
max-width: auto; max-width: auto;
} }
li:before {
padding: 3px 15px;
}
li.stage-ajout:before { li.stage-ajout:before {
display: none; display: none;
} }
} }
ul.infos {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.stage-liste li {
.misc-hdr {
.dates {
.detail {
display: inline;
}
.year {
padding: 0;
}
}
}
}
form { form {
.field { .field {
display: block; display: block;

View file

@ -326,8 +326,10 @@ article.stage {
&.withmap { &.withmap {
display:table; display:table;
width: 100%; width: 100%;
direction: rtl;
& > div { & > div {
direction: ltr;
display:table-cell; display:table-cell;
vertical-align: top; vertical-align: top;
} }
@ -497,8 +499,9 @@ article.stage {
vertical-align: bottom; vertical-align: bottom;
} }
h1 { h1, h3 {
width: 100%; width: 100%;
padding-right: 5px;
} }
.dates { .dates {
width: 50px; width: 50px;

View file

@ -396,56 +396,58 @@ article.stage section.misc {
article.stage section.misc .misc-content.withmap { article.stage section.misc .misc-content.withmap {
display: table; display: table;
width: 100%; width: 100%;
direction: rtl;
} }
/* line 330, ../../sass/screen.scss */ /* line 331, ../../sass/screen.scss */
article.stage section.misc .misc-content.withmap > div { article.stage section.misc .misc-content.withmap > div {
direction: ltr;
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
} }
/* line 334, ../../sass/screen.scss */ /* line 336, ../../sass/screen.scss */
article.stage section.misc .misc-content.withmap .map { article.stage section.misc .misc-content.withmap .map {
min-width: 250px; min-width: 250px;
width: 30%; width: 30%;
min-height: 300px; min-height: 300px;
vertical-align: middle; vertical-align: middle;
} }
/* line 340, ../../sass/screen.scss */ /* line 342, ../../sass/screen.scss */
article.stage section.misc .misc-content.withmap .desc { article.stage section.misc .misc-content.withmap .desc {
padding: 5px; padding: 5px;
padding-left: 15px; padding-left: 15px;
} }
/* line 348, ../../sass/screen.scss */ /* line 350, ../../sass/screen.scss */
article.stage section .chapo, article.stage section .avis-texte { article.stage section .chapo, article.stage section .avis-texte {
margin-bottom: 15px; margin-bottom: 15px;
background: #fff; background: #fff;
padding: 0 20px; padding: 0 20px;
} }
/* line 353, ../../sass/screen.scss */ /* line 355, ../../sass/screen.scss */
article.stage section .avis-texte { article.stage section .avis-texte {
font-size: 18px; font-size: 18px;
} }
/* line 357, ../../sass/screen.scss */ /* line 359, ../../sass/screen.scss */
article.stage section .chapo { article.stage section .chapo {
font-size: 1.1em; font-size: 1.1em;
font-weight: 700; font-weight: 700;
padding-left: 0px; padding-left: 0px;
} }
/* line 363, ../../sass/screen.scss */ /* line 365, ../../sass/screen.scss */
article.stage section .avis-texte { article.stage section .avis-texte {
padding-left: 15px; padding-left: 15px;
} }
/* line 368, ../../sass/screen.scss */ /* line 370, ../../sass/screen.scss */
article.stage section .plusmoins { article.stage section .plusmoins {
max-width: 600px; max-width: 600px;
margin: 15px auto; margin: 15px auto;
margin-top: 40px; margin-top: 40px;
} }
/* line 373, ../../sass/screen.scss */ /* line 375, ../../sass/screen.scss */
article.stage section .plusmoins > div { article.stage section .plusmoins > div {
display: table; display: table;
width: 100%; width: 100%;
} }
/* line 377, ../../sass/screen.scss */ /* line 379, ../../sass/screen.scss */
article.stage section .plusmoins > div:before { article.stage section .plusmoins > div:before {
content: "&nbsp"; content: "&nbsp";
width: 90px; width: 90px;
@ -454,66 +456,66 @@ article.stage section .plusmoins > div:before {
text-align: right; text-align: right;
padding-right: 12px; padding-right: 12px;
} }
/* line 386, ../../sass/screen.scss */ /* line 388, ../../sass/screen.scss */
article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before { article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
display: table-cell; display: table-cell;
} }
/* line 390, ../../sass/screen.scss */ /* line 392, ../../sass/screen.scss */
article.stage section .plusmoins > div > div { article.stage section .plusmoins > div > div {
padding: 15px; padding: 15px;
color: #fff; color: #fff;
} }
/* line 393, ../../sass/screen.scss */ /* line 395, ../../sass/screen.scss */
article.stage section .plusmoins > div > div h4 { article.stage section .plusmoins > div > div h4 {
font-weight: normal; font-weight: normal;
margin-left: -5px; margin-left: -5px;
font-size: 0.9em; font-size: 0.9em;
opacity: 0.9; opacity: 0.9;
} }
/* line 399, ../../sass/screen.scss */ /* line 401, ../../sass/screen.scss */
article.stage section .plusmoins > div > div p { article.stage section .plusmoins > div > div p {
font-weight: bold; font-weight: bold;
margin: 2px; margin: 2px;
} }
/* line 407, ../../sass/screen.scss */ /* line 409, ../../sass/screen.scss */
article.stage section .plusmoins .plus > div { article.stage section .plusmoins .plus > div {
background: #1775c6; background: #1775c6;
} }
/* line 410, ../../sass/screen.scss */ /* line 412, ../../sass/screen.scss */
article.stage section .plusmoins .plus:before { article.stage section .plusmoins .plus:before {
content: "Les +"; content: "Les +";
vertical-align: bottom; vertical-align: bottom;
color: #1567af; color: #1567af;
} }
/* line 417, ../../sass/screen.scss */ /* line 419, ../../sass/screen.scss */
article.stage section .plusmoins .moins > div { article.stage section .plusmoins .moins > div {
background: #df076c; background: #df076c;
} }
/* line 420, ../../sass/screen.scss */ /* line 422, ../../sass/screen.scss */
article.stage section .plusmoins .moins:before { article.stage section .plusmoins .moins:before {
content: "Les "; content: "Les ";
vertical-align: top; vertical-align: top;
color: #c70660; color: #c70660;
} }
/* line 431, ../../sass/screen.scss */ /* line 433, ../../sass/screen.scss */
article.stage .section-wrapper { article.stage .section-wrapper {
display: table; display: table;
margin-left: -15px; margin-left: -15px;
width: 100%; width: 100%;
} }
/* line 436, ../../sass/screen.scss */ /* line 438, ../../sass/screen.scss */
article.stage .section-wrapper .toc-wrapper, article.stage .section-wrapper > section { article.stage .section-wrapper .toc-wrapper, article.stage .section-wrapper > section {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
} }
/* line 440, ../../sass/screen.scss */ /* line 442, ../../sass/screen.scss */
article.stage .section-wrapper .toc-wrapper { article.stage .section-wrapper .toc-wrapper {
max-width: 230px; max-width: 230px;
width: 25%; width: 25%;
padding: 5px; padding: 5px;
padding-right: 25px; padding-right: 25px;
} }
/* line 446, ../../sass/screen.scss */ /* line 448, ../../sass/screen.scss */
article.stage .section-wrapper .toc { article.stage .section-wrapper .toc {
font-family: "Dosis", sans-serif; font-family: "Dosis", sans-serif;
position: -webkit-sticky; position: -webkit-sticky;
@ -524,12 +526,12 @@ article.stage .section-wrapper .toc {
padding: 5px; padding: 5px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
} }
/* line 456, ../../sass/screen.scss */ /* line 458, ../../sass/screen.scss */
article.stage .section-wrapper .toc ul { article.stage .section-wrapper .toc ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
/* line 461, ../../sass/screen.scss */ /* line 463, ../../sass/screen.scss */
article.stage .section-wrapper .toc a { article.stage .section-wrapper .toc a {
display: block; display: block;
color: inherit; color: inherit;
@ -538,44 +540,45 @@ article.stage .section-wrapper .toc a {
padding: 5px; padding: 5px;
line-height: 1; line-height: 1;
} }
/* line 469, ../../sass/screen.scss */ /* line 471, ../../sass/screen.scss */
article.stage .section-wrapper .toc a:hover { article.stage .section-wrapper .toc a:hover {
color: #8fcc33; color: #8fcc33;
} }
/* line 473, ../../sass/screen.scss */ /* line 475, ../../sass/screen.scss */
article.stage .section-wrapper .toc .toc-h1 a { article.stage .section-wrapper .toc .toc-h1 a {
font-weight: 900; font-weight: 900;
} }
/* line 476, ../../sass/screen.scss */ /* line 478, ../../sass/screen.scss */
article.stage .section-wrapper .toc .toc-h2 { article.stage .section-wrapper .toc .toc-h2 {
margin-top: 10px; margin-top: 10px;
font-weight: 400; font-weight: 400;
} }
/* line 480, ../../sass/screen.scss */ /* line 482, ../../sass/screen.scss */
article.stage .section-wrapper .toc .toc-h3 a { article.stage .section-wrapper .toc .toc-h3 a {
font-weight: 300; font-weight: 300;
} }
/* line 483, ../../sass/screen.scss */ /* line 485, ../../sass/screen.scss */
article.stage .section-wrapper .toc .toc-active a { article.stage .section-wrapper .toc .toc-active a {
color: #0f4c82; color: #0f4c82;
} }
/* line 490, ../../sass/screen.scss */ /* line 492, ../../sass/screen.scss */
.misc-hdr { .misc-hdr {
display: table; display: table;
width: 100%; width: 100%;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
/* line 495, ../../sass/screen.scss */ /* line 497, ../../sass/screen.scss */
.misc-hdr > * { .misc-hdr > * {
display: table-cell; display: table-cell;
vertical-align: bottom; vertical-align: bottom;
} }
/* line 500, ../../sass/screen.scss */ /* line 502, ../../sass/screen.scss */
.misc-hdr h1 { .misc-hdr h1, .misc-hdr h3 {
width: 100%; width: 100%;
padding-right: 5px;
} }
/* line 503, ../../sass/screen.scss */ /* line 506, ../../sass/screen.scss */
.misc-hdr .dates { .misc-hdr .dates {
width: 50px; width: 50px;
background-color: #950548; background-color: #950548;
@ -586,34 +589,34 @@ article.stage .section-wrapper .toc .toc-active a {
font-size: 0.8em; font-size: 0.8em;
text-align: center; text-align: center;
} }
/* line 513, ../../sass/screen.scss */ /* line 516, ../../sass/screen.scss */
.misc-hdr .dates span { .misc-hdr .dates span {
display: block; display: block;
} }
/* line 516, ../../sass/screen.scss */ /* line 519, ../../sass/screen.scss */
.misc-hdr .dates .year { .misc-hdr .dates .year {
font-size: 1.8em; font-size: 1.8em;
} }
/* line 524, ../../sass/screen.scss */ /* line 527, ../../sass/screen.scss */
.edit-box { .edit-box {
background: #eee; background: #eee;
margin: 10px; margin: 10px;
padding: 10px 20px; padding: 10px 20px;
text-align: center; text-align: center;
} }
/* line 530, ../../sass/screen.scss */ /* line 533, ../../sass/screen.scss */
.edit-box.public { .edit-box.public {
background: #cae3f9; background: #cae3f9;
border: 1px solid #125b9b; border: 1px solid #125b9b;
} }
/* line 535, ../../sass/screen.scss */ /* line 538, ../../sass/screen.scss */
.edit-box.prive { .edit-box.prive {
background: #fdcfe4; background: #fdcfe4;
border: 1px solid #ad0654; border: 1px solid #ad0654;
} }
/* line 548, ../../sass/screen.scss */ /* line 551, ../../sass/screen.scss */
input, textarea, select, div.tinymce, option, optgroup:before { input, textarea, select, div.tinymce, option, optgroup:before {
background: #fff; background: #fff;
font-size: 1em; font-size: 1em;
@ -623,13 +626,13 @@ input, textarea, select, div.tinymce, option, optgroup:before {
padding: 5px; padding: 5px;
text-align: left; text-align: left;
} }
/* line 557, ../../sass/screen.scss */ /* line 560, ../../sass/screen.scss */
input:focus, input.mce-edit-focus, textarea:focus, textarea.mce-edit-focus, select:focus, select.mce-edit-focus, div.tinymce:focus, div.tinymce.mce-edit-focus, option:focus, option.mce-edit-focus, optgroup:before:focus, optgroup:before.mce-edit-focus { input:focus, input.mce-edit-focus, textarea:focus, textarea.mce-edit-focus, select:focus, select.mce-edit-focus, div.tinymce:focus, div.tinymce.mce-edit-focus, option:focus, option.mce-edit-focus, optgroup:before:focus, optgroup:before.mce-edit-focus {
background-color: #e9f5d6; background-color: #e9f5d6;
outline: none; outline: none;
} }
/* line 564, ../../sass/screen.scss */ /* line 567, ../../sass/screen.scss */
input[type='text'], input[type='password'], input[type='text'], input[type='password'],
input[type='email'], textarea, select { input[type='email'], textarea, select {
border: none; border: none;
@ -639,7 +642,7 @@ input[type='email'], textarea, select {
transition: border 1s ease-out, background 1s ease-out; transition: border 1s ease-out, background 1s ease-out;
} }
/* line 573, ../../sass/screen.scss */ /* line 576, ../../sass/screen.scss */
select { select {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
@ -647,21 +650,21 @@ select {
margin-right: 5px; margin-right: 5px;
cursor: pointer; cursor: pointer;
} }
/* line 580, ../../sass/screen.scss */ /* line 583, ../../sass/screen.scss */
select option { select option {
padding: 3px; padding: 3px;
white-space: pre-wrap; white-space: pre-wrap;
} }
/* line 586, ../../sass/screen.scss */ /* line 589, ../../sass/screen.scss */
select optgroup option { select optgroup option {
padding-left: 10px; padding-left: 10px;
} }
/* line 589, ../../sass/screen.scss */ /* line 592, ../../sass/screen.scss */
select optgroup:before { select optgroup:before {
font-weight: bold; font-weight: bold;
} }
/* line 595, ../../sass/screen.scss */ /* line 598, ../../sass/screen.scss */
input[type="submit"], .btn { input[type="submit"], .btn {
font: 19px "Dosis", sans-serif; font: 19px "Dosis", sans-serif;
background-color: #8fcc33; background-color: #8fcc33;
@ -672,17 +675,17 @@ input[type="submit"], .btn {
display: inline-block; display: inline-block;
} }
/* line 605, ../../sass/screen.scss */ /* line 608, ../../sass/screen.scss */
p.submits { p.submits {
text-align: right; text-align: right;
} }
/* line 609, ../../sass/screen.scss */ /* line 612, ../../sass/screen.scss */
form .commentaire { form .commentaire {
font-style: italic; font-style: italic;
} }
/* line 613, ../../sass/screen.scss */ /* line 616, ../../sass/screen.scss */
.edit-btn { .edit-btn {
border-color: #706c00; border-color: #706c00;
color: #000; color: #000;
@ -691,14 +694,14 @@ form .commentaire {
background-origin: content-box; background-origin: content-box;
background-size: contain; background-size: contain;
} }
/* line 621, ../../sass/screen.scss */ /* line 624, ../../sass/screen.scss */
.edit-btn:after { .edit-btn:after {
content: ""; content: "";
width: 30px; width: 30px;
display: inline-block; display: inline-block;
} }
/* line 628, ../../sass/screen.scss */ /* line 631, ../../sass/screen.scss */
textarea, div.tinymce { textarea, div.tinymce {
font-family: "Lato", sans-serif; font-family: "Lato", sans-serif;
border: none; border: none;
@ -708,20 +711,20 @@ textarea, div.tinymce {
transition: border 1s ease-out, background 1s ease-out; transition: border 1s ease-out, background 1s ease-out;
} }
/* line 637, ../../sass/screen.scss */ /* line 640, ../../sass/screen.scss */
textarea { textarea {
height: 200px; height: 200px;
resize: vertical; resize: vertical;
} }
/* line 645, ../../sass/screen.scss */ /* line 648, ../../sass/screen.scss */
form .field { form .field {
margin: 5px 0; margin: 5px 0;
display: flex; display: flex;
background: #fff; background: #fff;
padding: 10px; padding: 10px;
} }
/* line 651, ../../sass/screen.scss */ /* line 654, ../../sass/screen.scss */
form .field label, form .field .label { form .field label, form .field .label {
display: inline-block; display: inline-block;
width: 250px; width: 250px;
@ -730,39 +733,39 @@ form .field label, form .field .label {
padding-top: 5px; padding-top: 5px;
flex-shrink: 0; flex-shrink: 0;
} }
/* line 659, ../../sass/screen.scss */ /* line 662, ../../sass/screen.scss */
form .field label.required:before, form .field .label.required:before { form .field label.required:before, form .field .label.required:before {
margin-right: 5px; margin-right: 5px;
content: "*"; content: "*";
color: #f70978; color: #f70978;
} }
/* line 665, ../../sass/screen.scss */ /* line 668, ../../sass/screen.scss */
form .field label { form .field label {
font-family: Alegreya, serif; font-family: Alegreya, serif;
font-weight: bold; font-weight: bold;
} }
/* line 669, ../../sass/screen.scss */ /* line 672, ../../sass/screen.scss */
form .field .help_text { form .field .help_text {
font-style: italic; font-style: italic;
font-size: 0.9em; font-size: 0.9em;
} }
/* line 673, ../../sass/screen.scss */ /* line 676, ../../sass/screen.scss */
form .field .input { form .field .input {
display: inline-block; display: inline-block;
flex-grow: 1; flex-grow: 1;
margin-right: 10px; margin-right: 10px;
} }
/* line 683, ../../sass/screen.scss */ /* line 686, ../../sass/screen.scss */
ul.as-selections { ul.as-selections {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
/* line 687, ../../sass/screen.scss */ /* line 690, ../../sass/screen.scss */
ul.as-selections li { ul.as-selections li {
display: inline-block; display: inline-block;
} }
/* line 691, ../../sass/screen.scss */ /* line 694, ../../sass/screen.scss */
ul.as-selections .as-selection-item { ul.as-selections .as-selection-item {
padding: 0 5px; padding: 0 5px;
background: #f99b20; background: #f99b20;
@ -771,52 +774,52 @@ ul.as-selections .as-selection-item {
border-radius: 2px; border-radius: 2px;
font-weight: 500; font-weight: 500;
} }
/* line 699, ../../sass/screen.scss */ /* line 702, ../../sass/screen.scss */
ul.as-selections .as-selection-item a.as-close { ul.as-selections .as-selection-item a.as-close {
color: #fff; color: #fff;
-webkit-cursor: pointer; -webkit-cursor: pointer;
cursor: pointer; cursor: pointer;
margin-right: 5px; margin-right: 5px;
} }
/* line 706, ../../sass/screen.scss */ /* line 709, ../../sass/screen.scss */
ul.as-selections .as-selection-item.selected { ul.as-selections .as-selection-item.selected {
background: #8fcc33; background: #8fcc33;
} }
/* line 711, ../../sass/screen.scss */ /* line 714, ../../sass/screen.scss */
ul.as-selections .as-original { ul.as-selections .as-original {
flex-grow: 1; flex-grow: 1;
min-width: 200px; min-width: 200px;
} }
/* line 715, ../../sass/screen.scss */ /* line 718, ../../sass/screen.scss */
ul.as-selections .as-original input { ul.as-selections .as-original input {
width: 100%; width: 100%;
} }
/* line 721, ../../sass/screen.scss */ /* line 724, ../../sass/screen.scss */
div.as-results { div.as-results {
position: relative; position: relative;
} }
/* line 723, ../../sass/screen.scss */ /* line 726, ../../sass/screen.scss */
div.as-results ul { div.as-results ul {
position: absolute; position: absolute;
width: 100%; width: 100%;
background: #fff; background: #fff;
border: 1px solid #d2ebad; border: 1px solid #d2ebad;
} }
/* line 730, ../../sass/screen.scss */ /* line 733, ../../sass/screen.scss */
div.as-results ul li { div.as-results ul li {
padding: 3px 5px; padding: 3px 5px;
} }
/* line 736, ../../sass/screen.scss */ /* line 739, ../../sass/screen.scss */
div.as-results ul li.as-result-item.active { div.as-results ul li.as-result-item.active {
background: #fddeb5; background: #fddeb5;
} }
/* line 741, ../../sass/screen.scss */ /* line 744, ../../sass/screen.scss */
div.as-results ul li.as-message { div.as-results ul li.as-message {
font-style: italic; font-style: italic;
} }
/* line 751, ../../sass/screen.scss */ /* line 754, ../../sass/screen.scss */
.window { .window {
display: none; display: none;
position: fixed; position: fixed;
@ -827,11 +830,11 @@ div.as-results ul li.as-message {
left: 0; left: 0;
z-index: 50; z-index: 50;
} }
/* line 761, ../../sass/screen.scss */ /* line 764, ../../sass/screen.scss */
.window.visible { .window.visible {
display: block; display: block;
} }
/* line 765, ../../sass/screen.scss */ /* line 768, ../../sass/screen.scss */
.window .window-bg { .window .window-bg {
background: #000; background: #000;
opacity: 0.7; opacity: 0.7;
@ -842,7 +845,7 @@ div.as-results ul li.as-message {
top: 0; top: 0;
z-index: -1; z-index: -1;
} }
/* line 776, ../../sass/screen.scss */ /* line 779, ../../sass/screen.scss */
.window .window-content { .window .window-content {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
@ -856,11 +859,11 @@ div.as-results ul li.as-message {
max-height: 100%; max-height: 100%;
overflow: auto; overflow: auto;
} }
/* line 790, ../../sass/screen.scss */ /* line 793, ../../sass/screen.scss */
.window .window-content form label, .window .window-content form .label { .window .window-content form label, .window .window-content form .label {
width: 150px; width: 150px;
} }
/* line 796, ../../sass/screen.scss */ /* line 799, ../../sass/screen.scss */
.window .window-closer { .window .window-closer {
position: absolute; position: absolute;
top: 0; top: 0;
@ -868,65 +871,65 @@ div.as-results ul li.as-message {
padding: 12px; padding: 12px;
z-index: 3; z-index: 3;
} }
/* line 802, ../../sass/screen.scss */ /* line 805, ../../sass/screen.scss */
.window .window-closer:after { .window .window-closer:after {
content: "×"; content: "×";
} }
/* line 813, ../../sass/screen.scss */ /* line 816, ../../sass/screen.scss */
#lieu_widget .lieu-ui { #lieu_widget .lieu-ui {
position: relative; position: relative;
} }
/* line 815, ../../sass/screen.scss */ /* line 818, ../../sass/screen.scss */
#lieu_widget .lieu-ui .map { #lieu_widget .lieu-ui .map {
height: 400px; height: 400px;
width: 100%; width: 100%;
} }
/* line 819, ../../sass/screen.scss */ /* line 822, ../../sass/screen.scss */
#lieu_widget .lieu-ui.hidden { #lieu_widget .lieu-ui.hidden {
display: none; display: none;
} }
/* line 822, ../../sass/screen.scss */ /* line 825, ../../sass/screen.scss */
#lieu_widget .lieu-ui .masked { #lieu_widget .lieu-ui .masked {
visibility: hidden; visibility: hidden;
} }
/* line 827, ../../sass/screen.scss */ /* line 830, ../../sass/screen.scss */
#lieu_widget .lieu-choixmodif { #lieu_widget .lieu-choixmodif {
display: none; display: none;
} }
/* line 832, ../../sass/screen.scss */ /* line 835, ../../sass/screen.scss */
#lieu_widget.modif .lieu-choixmodif { #lieu_widget.modif .lieu-choixmodif {
display: unset; display: unset;
} }
/* line 837, ../../sass/screen.scss */ /* line 840, ../../sass/screen.scss */
#lieu_widget.modif .lieu-ui, #lieu_widget.attente .lieu-ui { #lieu_widget.modif .lieu-ui, #lieu_widget.attente .lieu-ui {
display: none; display: none;
} }
/* line 844, ../../sass/screen.scss */ /* line 847, ../../sass/screen.scss */
#lieu_widget.edit .lieu-ui .lieu-acinput { #lieu_widget.edit .lieu-ui .lieu-acinput {
display: none; display: none;
} }
/* line 847, ../../sass/screen.scss */ /* line 850, ../../sass/screen.scss */
#lieu_widget.edit .lieu-ui .map { #lieu_widget.edit .lieu-ui .map {
height: 200px; height: 200px;
} }
/* line 853, ../../sass/screen.scss */ /* line 856, ../../sass/screen.scss */
#lieu_widget #avis_lieu_vide { #lieu_widget #avis_lieu_vide {
display: none; display: none;
} }
/* line 857, ../../sass/screen.scss */ /* line 860, ../../sass/screen.scss */
#lieu_widget .message { #lieu_widget .message {
background: #fddeb5; background: #fddeb5;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
font-size: 0.9em; font-size: 0.9em;
} }
/* line 863, ../../sass/screen.scss */ /* line 866, ../../sass/screen.scss */
#lieu_widget .message.hidden { #lieu_widget .message.hidden {
display: none; display: none;
} }
/* line 869, ../../sass/screen.scss */ /* line 872, ../../sass/screen.scss */
a.lieu-change { a.lieu-change {
color: #fff; color: #fff;
background: #f99b20; background: #f99b20;
@ -939,25 +942,25 @@ a.lieu-change {
border-radius: 5px; border-radius: 5px;
margin-right: 7px; margin-right: 7px;
} }
/* line 881, ../../sass/screen.scss */ /* line 884, ../../sass/screen.scss */
a.lieu-change.ajout:before { a.lieu-change.ajout:before {
content: "+"; content: "+";
margin-right: 5px; margin-right: 5px;
} }
/* line 887, ../../sass/screen.scss */ /* line 890, ../../sass/screen.scss */
#stages-map { #stages-map {
width: 100%; width: 100%;
height: 600px; height: 600px;
max-height: 90vh; max-height: 90vh;
} }
/* line 894, ../../sass/screen.scss */ /* line 897, ../../sass/screen.scss */
#id_stage-thematiques { #id_stage-thematiques {
display: none; display: none;
} }
/* line 900, ../../sass/screen.scss */ /* line 903, ../../sass/screen.scss */
.homeh1 { .homeh1 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -967,22 +970,22 @@ a.lieu-change.ajout:before {
border-bottom: 3px solid #000; border-bottom: 3px solid #000;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* line 909, ../../sass/screen.scss */ /* line 912, ../../sass/screen.scss */
.homeh1 > * { .homeh1 > * {
display: inline-block; display: inline-block;
} }
/* line 912, ../../sass/screen.scss */ /* line 915, ../../sass/screen.scss */
.homeh1 p { .homeh1 p {
text-align: right; text-align: right;
} }
/* line 917, ../../sass/screen.scss */ /* line 920, ../../sass/screen.scss */
.betacadre { .betacadre {
background: #fa6cae; background: #fa6cae;
padding: 10px; padding: 10px;
} }
/* line 922, ../../sass/screen.scss */ /* line 925, ../../sass/screen.scss */
.entrer { .entrer {
background: #fff; background: #fff;
max-width: 500px; max-width: 500px;
@ -991,84 +994,84 @@ a.lieu-change.ajout:before {
margin: 15px auto; margin: 15px auto;
} }
/* line 930, ../../sass/screen.scss */ /* line 933, ../../sass/screen.scss */
article.promo { article.promo {
display: block; display: block;
font-size: 1.1em; font-size: 1.1em;
} }
/* line 934, ../../sass/screen.scss */ /* line 937, ../../sass/screen.scss */
article.promo .explications { article.promo .explications {
display: table; display: table;
} }
/* line 937, ../../sass/screen.scss */ /* line 940, ../../sass/screen.scss */
article.promo .explications:first-child { article.promo .explications:first-child {
direction: rtl; direction: rtl;
} }
/* line 939, ../../sass/screen.scss */ /* line 942, ../../sass/screen.scss */
article.promo .explications:first-child > * { article.promo .explications:first-child > * {
direction: ltr; direction: ltr;
} }
/* line 944, ../../sass/screen.scss */ /* line 947, ../../sass/screen.scss */
article.promo .explications > div { article.promo .explications > div {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
/* line 949, ../../sass/screen.scss */ /* line 952, ../../sass/screen.scss */
article.promo .explications > div p { article.promo .explications > div p {
margin: 15px 15px; margin: 15px 15px;
} }
/* line 957, ../../sass/screen.scss */ /* line 960, ../../sass/screen.scss */
.faq-toc { .faq-toc {
font-family: "Lato", sans-serif; font-family: "Lato", sans-serif;
display: block; display: block;
max-width: 700px; max-width: 700px;
margin: 0 auto; margin: 0 auto;
} }
/* line 962, ../../sass/screen.scss */ /* line 965, ../../sass/screen.scss */
.faq-toc ul { .faq-toc ul {
margin: 20px; margin: 20px;
} }
/* line 966, ../../sass/screen.scss */ /* line 969, ../../sass/screen.scss */
.faq-toc ul li a { .faq-toc ul li a {
color: #000; color: #000;
display: block; display: block;
padding: 5px; padding: 5px;
} }
/* line 972, ../../sass/screen.scss */ /* line 975, ../../sass/screen.scss */
.faq-toc ul li.toc-h1 { .faq-toc ul li.toc-h1 {
display: none; display: none;
} }
/* line 976, ../../sass/screen.scss */ /* line 979, ../../sass/screen.scss */
.faq-toc ul li.toc-h2 a { .faq-toc ul li.toc-h2 a {
background: #fcc883; background: #fcc883;
} }
/* line 980, ../../sass/screen.scss */ /* line 983, ../../sass/screen.scss */
.faq-toc ul li.toc-h3 a { .faq-toc ul li.toc-h3 a {
padding-left: 10px; padding-left: 10px;
background: #fff; background: #fff;
font-weight: normal; font-weight: normal;
} }
/* line 986, ../../sass/screen.scss */ /* line 989, ../../sass/screen.scss */
.faq-toc ul li a:hover { .faq-toc ul li a:hover {
color: #395214; color: #395214;
background: #bce085 !important; background: #bce085 !important;
} }
/* line 995, ../../sass/screen.scss */ /* line 998, ../../sass/screen.scss */
.faq article { .faq article {
background: #fff; background: #fff;
padding: 15px; padding: 15px;
} }
/* line 998, ../../sass/screen.scss */ /* line 1001, ../../sass/screen.scss */
.faq article h2 { .faq article h2 {
background-color: #fcc883; background-color: #fcc883;
color: #ae6505; color: #ae6505;
margin: -15px; margin: -15px;
padding: 15px; padding: 15px;
} }
/* line 1005, ../../sass/screen.scss */ /* line 1008, ../../sass/screen.scss */
.faq article h3 { .faq article h3 {
color: #0f4c82; color: #0f4c82;
background-color: #9dcbf3; background-color: #9dcbf3;
@ -1076,19 +1079,19 @@ article.promo .explications > div p {
margin-top: 30px; margin-top: 30px;
padding: 10px 15px; padding: 10px 15px;
} }
/* line 1012, ../../sass/screen.scss */ /* line 1015, ../../sass/screen.scss */
.faq article h3:nth-child(2) { .faq article h3:nth-child(2) {
margin-top: 0; margin-top: 0;
} }
/* line 1017, ../../sass/screen.scss */ /* line 1020, ../../sass/screen.scss */
.faq article ul { .faq article ul {
padding-left: 20px; padding-left: 20px;
} }
/* line 1019, ../../sass/screen.scss */ /* line 1022, ../../sass/screen.scss */
.faq article ul li { .faq article ul li {
list-style: initial; list-style: initial;
} }
/* line 1024, ../../sass/screen.scss */ /* line 1027, ../../sass/screen.scss */
.faq article p, .faq article ul { .faq article p, .faq article ul {
font-family: "Lato", sans-serif; font-family: "Lato", sans-serif;
font-size: 18px; font-size: 18px;
@ -1203,21 +1206,74 @@ article.promo .explications > div p {
padding: 15px 3vw; padding: 15px 3vw;
} }
/* line 95, ../../sass/_responsive.scss */ /* line 96, ../../sass/_responsive.scss */
.article-wrapper { article.stage h3 {
display: block; margin-top: 10px;
}
/* line 97, ../../sass/_responsive.scss */
.article-wrapper .toc-wrapper, .article-wrapper article {
display: block;
} }
/* line 100, ../../sass/_responsive.scss */ /* line 100, ../../sass/_responsive.scss */
.article-wrapper .toc-wrapper { article.stage section .avis-texte, article.stage section .chapo {
padding: 3px 10px;
}
/* line 106, ../../sass/_responsive.scss */
article.stage section #stage-map {
height: 200px;
width: 100%;
}
/* line 112, ../../sass/_responsive.scss */
article.stage section.misc .misc-content.withmap {
display: block;
}
/* line 115, ../../sass/_responsive.scss */
article.stage section.misc .misc-content.withmap > div {
display: block;
vertical-align: top;
}
/* line 119, ../../sass/_responsive.scss */
article.stage section.misc .misc-content.withmap .map {
width: 80%;
min-width: 250px;
min-height: 200px;
margin: 0 auto;
}
/* line 125, ../../sass/_responsive.scss */
article.stage section.misc .misc-content.withmap .desc {
padding: 5px;
}
/* line 133, ../../sass/_responsive.scss */
article.stage section .plusmoins > div {
display: block;
}
/* line 136, ../../sass/_responsive.scss */
article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
display: block;
}
/* line 140, ../../sass/_responsive.scss */
article.stage section .plusmoins > div:before {
text-align: left;
width: 100%;
font-size: 1.5em;
}
/* line 145, ../../sass/_responsive.scss */
article.stage section .plusmoins > div.moins:before {
text-align: right;
margin-top: 5px;
}
/* line 154, ../../sass/_responsive.scss */
article.stage .section-wrapper {
display: block;
margin-left: 0;
}
/* line 158, ../../sass/_responsive.scss */
article.stage .section-wrapper .toc-wrapper, article.stage .section-wrapper > section {
display: block;
}
/* line 161, ../../sass/_responsive.scss */
article.stage .section-wrapper .toc-wrapper {
max-width: unset; max-width: unset;
width: unset; width: unset;
} }
/* line 104, ../../sass/_responsive.scss */ /* line 165, ../../sass/_responsive.scss */
.article-wrapper .toc { article.stage .section-wrapper .toc {
display: none; display: none;
position: relative; position: relative;
font-size: 0.9em; font-size: 0.9em;
@ -1225,58 +1281,65 @@ article.promo .explications > div p {
padding: 4px; padding: 4px;
} }
/* line 113, ../../sass/_responsive.scss */ /* line 175, ../../sass/_responsive.scss */
article.stage h3 {
margin-top: 10px;
}
/* line 117, ../../sass/_responsive.scss */
article.stage section .avis-texte, article.stage section .chapo {
padding: 10px;
}
/* line 121, ../../sass/_responsive.scss */
article.stage section .plusmoins > div::before {
width: 70px;
}
/* line 126, ../../sass/_responsive.scss */
.homeh1 { .homeh1 {
display: block; display: block;
} }
/* line 128, ../../sass/_responsive.scss */ /* line 177, ../../sass/_responsive.scss */
.homeh1 > * { .homeh1 > * {
display: block; display: block;
} }
/* line 133, ../../sass/_responsive.scss */ /* line 182, ../../sass/_responsive.scss */
article.promo .explications { article.promo .explications {
display: block; display: block;
} }
/* line 135, ../../sass/_responsive.scss */ /* line 184, ../../sass/_responsive.scss */
article.promo .explications div { article.promo .explications div {
max-width: 100%; max-width: 100%;
display: block; display: block;
} }
/* line 142, ../../sass/_responsive.scss */ /* line 191, ../../sass/_responsive.scss */
.stagelist { .condensed-stages {
display: block; display: block;
} }
/* line 145, ../../sass/_responsive.scss */ /* line 194, ../../sass/_responsive.scss */
.stagelist li:before, .stagelist li, .stagelist a { .condensed-stages li:before, .condensed-stages li, .condensed-stages a {
display: block; display: block;
width: auto; width: auto;
max-width: auto; max-width: auto;
} }
/* line 151, ../../sass/_responsive.scss */ /* line 200, ../../sass/_responsive.scss */
.stagelist li.stage-ajout:before { .condensed-stages li:before {
padding: 3px 15px;
}
/* line 204, ../../sass/_responsive.scss */
.condensed-stages li.stage-ajout:before {
display: none; display: none;
} }
/* line 157, ../../sass/_responsive.scss */ /* line 209, ../../sass/_responsive.scss */
ul.infos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
/* line 218, ../../sass/_responsive.scss */
.stage-liste li .misc-hdr .dates .detail {
display: inline;
}
/* line 221, ../../sass/_responsive.scss */
.stage-liste li .misc-hdr .dates .year {
padding: 0;
}
/* line 229, ../../sass/_responsive.scss */
form .field { form .field {
display: block; display: block;
} }
/* line 160, ../../sass/_responsive.scss */ /* line 232, ../../sass/_responsive.scss */
form .field label, form .field .label { form .field label, form .field .label {
display: block; display: block;
text-align: left; text-align: left;
@ -1285,18 +1348,18 @@ article.promo .explications > div p {
margin-top: 0; margin-top: 0;
width: auto; width: auto;
} }
/* line 169, ../../sass/_responsive.scss */ /* line 241, ../../sass/_responsive.scss */
form .field .help_text { form .field .help_text {
text-align: right; text-align: right;
color: #395214; color: #395214;
} }
/* line 174, ../../sass/_responsive.scss */ /* line 246, ../../sass/_responsive.scss */
form .field .input { form .field .input {
padding-left: 20px; padding-left: 20px;
display: block; display: block;
text-align: right; text-align: right;
} }
/* line 180, ../../sass/_responsive.scss */ /* line 252, ../../sass/_responsive.scss */
form .field input, form .field textarea, form .field div.tinymce, form .field select { form .field input, form .field textarea, form .field div.tinymce, form .field select {
background: #f4faeb; background: #f4faeb;
} }

View file

@ -55,26 +55,6 @@
<article class="stage"> <article class="stage">
<section class="misc"> <section class="misc">
<div class="misc-content {% if object.lieux.all %}withmap{% endif %}"> <div class="misc-content {% if object.lieux.all %}withmap{% endif %}">
{% if object.lieux.all %}
<div class="map">
<div id="stage-map"></div>
<script type="text/javascript">
var lieux = [
{% for lieu in object.lieux.all %}
{
coord: {lat: "{{ lieu.coord.y|escapejs }}", lon: "{{ lieu.coord.x|escapejs }}" },
popup: "<h3>{{ lieu.nom|escapejs }}</h3>" +
"<p>{{ lieu.get_type_lieu_display|escapejs }}</p>" +
"<p>{{ lieu.ville|escapejs }}, {{ lieu.get_pays_display|escapejs }}</p>"
}{% if not forloop.last %},{% endif %}
{% endfor %}
];
$(function(){
initStageMap(lieux);
});
</script>
</div>
{% endif %}
<div class="desc"> <div class="desc">
<div class="misc-hdr"> <div class="misc-hdr">
<h1>{{ object.sujet }}</h1> <h1>{{ object.sujet }}</h1>
@ -97,6 +77,27 @@
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% if object.lieux.all %}
<div class="map">
<div id="stage-map"></div>
<script type="text/javascript">
var lieux = [
{% for lieu in object.lieux.all %}
{
coord: {lat: "{{ lieu.coord.y|escapejs }}", lon: "{{ lieu.coord.x|escapejs }}" },
popup: "<h3>{{ lieu.nom|escapejs }}</h3>" +
"<p>{{ lieu.get_type_lieu_display|escapejs }}</p>" +
"<p>{{ lieu.ville|escapejs }}, {{ lieu.get_pays_display|escapejs }}</p>"
}{% if not forloop.last %},{% endif %}
{% endfor %}
];
$(function(){
initStageMap(lieux);
});
</script>
</div>
{% endif %}
</div> </div>
</section> </section>