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