diff --git a/avisstage/sass/_definitions.scss b/avisstage/sass/_definitions.scss
new file mode 100644
index 0000000..b7154da
--- /dev/null
+++ b/avisstage/sass/_definitions.scss
@@ -0,0 +1,13 @@
+
+$staticurl: "/experiens/static/";
+
+$fond: #8fcc33;
+$barre: darken($fond, 10%);
+$compl: #f99b20;
+$jaune: #fff60a;
+$vert: #1a82dd;//09f7b0;
+$rouge: #f70978;
+
+$textfont: 'Dosis', sans-serif;
+$textfontsize: 19px;
+$headfont: Podkova, serif;
diff --git a/avisstage/sass/_responsive.scss b/avisstage/sass/_responsive.scss
new file mode 100644
index 0000000..f2688a3
--- /dev/null
+++ b/avisstage/sass/_responsive.scss
@@ -0,0 +1,162 @@
+@media screen and (max-width: 850px) {
+ header {
+ font-size: 0.9em;
+
+ h1 {
+ font-size: 1.5em;
+ }
+
+ nav ul li a {
+ height: 60px;
+ }
+ }
+
+ .explications div {
+ max-width: 50vw;
+ overflow: hidden;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ header {
+ z-index: 40;
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ display: block;
+ max-height:100vh;
+ overflow-y: auto;
+
+ h1 {
+ padding: 10px;
+ }
+ #showmenu {
+ display: block;
+ float: right;
+ padding: 10px;
+
+ img {
+ width: 35px;
+ }
+ }
+ nav {
+ clear: both;
+ text-align: right;
+
+ ul {
+ display: none;
+
+ li {
+ display: block;
+ a {
+ display: block;
+ padding: 10px 20px;
+ height: auto;
+ text-align:right;
+
+ br {
+ display: none;
+ }
+ .username:after {
+ content: " | ";
+ }
+ }
+ }
+ }
+ }
+ }
+ header.expanded {
+ nav ul {
+ display:block;
+ }
+ }
+
+ #feedback-button {
+ transform: unset;
+ top: 0px;
+ left: 165px;
+ padding: 15px 5px;
+ z-index: 41;
+ background: rgba(#000, 0.5);
+ }
+ .content {
+ margin-top: 70px;
+ }
+ .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;
+ }
+ }
+ section .plusmoins > div::before {
+ width: 70px;
+ }
+ }
+
+ .homeh1 {
+ display: block;
+ & > * {
+ display:block;
+ }
+ }
+ article.promo {
+ .explications {
+ display:block;
+ div {
+ max-width: 100%;
+ display: block;
+ }
+ }
+ }
+
+ form {
+ .field {
+ display: block;
+
+ label, .label {
+ display: block;
+ text-align: left;
+ font-size: 0.95em;
+ color: $compl * 0.8;
+ margin-top: 0;
+ width: auto;
+ }
+
+ .help_text {
+ text-align: right;
+ color: $fond * 0.4;
+ }
+
+ .input {
+ padding-left: 20px;
+ display: block;
+ text-align: right;
+ }
+
+ input, textarea, div.tinymce {
+ background: lighten($fond, 45%);
+ }
+ }
+ }
+}
diff --git a/avisstage/sass/screen.scss b/avisstage/sass/screen.scss
index 16d3049..9164988 100644
--- a/avisstage/sass/screen.scss
+++ b/avisstage/sass/screen.scss
@@ -1,19 +1,10 @@
@import "compass/reset";
-
+@import "_definitions.scss";
@import url('https://fonts.googleapis.com/css?family=Dosis:300,500,700|Podkova:700');
-$fond: #8fcc33;
-$barre: darken($fond, 10%);
-$compl: #f99b20;
-$jaune: #fff60a;
-$vert: #1a82dd;//09f7b0;
-$rouge: #f70978;
-$staticurl: "/experiens/static/";
-
-$textfont: 'Dosis', sans-serif;
-$textfontsize: 19px;
-$headfont: Podkova, serif;
-
+* {
+ box-sizing: border-box;
+}
body {
background: $fond;
@@ -29,6 +20,7 @@ h1, h2, h3, h4 {
h1 {
font-size: 2.3em;
+ position: relative;
}
h2 {
@@ -39,15 +31,20 @@ h3 {
font-size: 1.4em;
}
-b, strong, em {
+b, strong {
font-weight: bold;
}
+em, i {
+ font-style: italic;
+}
+
.beta {
+ position: absolute;
opacity: 0.5;
font-size: 0.7em;
display: inline-block;
- transform: translate(-1em, 0.6em) rotate(-15deg);
+ transform: translate(-1em, 1em) rotate(-15deg);
}
a {
@@ -62,22 +59,29 @@ header {
justify-content: space-between;
align-items: center;
- nav ul {
- display: inline-flex;
-
- li {
- display: inline-table;
+ #showmenu {
+ display:none;
+ }
+
+ nav {
+ display: inline;
+ ul {
+ display: inline-flex;
- a {
- text-align: center;
- display: table-cell;
- padding: 0 20px;
- height: 90px;
- vertical-align: middle;
- color: lighten($fond, 40%);
+ li {
+ display: inline-table;
- &:hover {
- background: $barre * 0.6;
+ a {
+ text-align: center;
+ display: table-cell;
+ padding: 0 20px;
+ height: 90px;
+ vertical-align: middle;
+ color: lighten($fond, 40%);
+
+ &:hover {
+ background: $barre * 0.6;
+ }
}
}
}
@@ -91,6 +95,7 @@ header {
h1 {
padding: 15px;
word-wrap: none;
+ display: inline-block;
}
}
@@ -100,7 +105,8 @@ p {
.content {
background: #efefef;
- max-width: 900px;
+ width: 900px;
+ max-width: 95vw;
padding: 30px;
margin: 15px auto;
@@ -123,7 +129,9 @@ p {
& > * {
display: inline-block;
}
-
+ p {
+ text-align: right;
+ }
}
// Liste des stages
@@ -204,11 +212,11 @@ article.stage {
h2 {
background: desaturate(lighten($jaune, 15%), 40%);
- color: #fff;
+ color: #000;
padding: 10px 20px;
margin: -20px;
margin-bottom: 25px;
- text-shadow: -3px 3px 0 rgba(#000, 0.3);
+ text-shadow: -3px 3px 0 rgba(#fff, 0.3);
}
h3 {
border-bottom: 2px solid desaturate($compl, 40%);
@@ -377,6 +385,7 @@ input, textarea, select, div.tinymce {
line-height: 1.3em;
font-weight: 500;
padding: 5px;
+ text-align: left;
&:focus, &.mce-edit-focus {
background-color: lighten($fond, 40%);
@@ -534,7 +543,7 @@ div.as-results {
li.as-result-item {
&.active {
- background: lighten($compl, 50%);
+ background: lighten($compl, 30%);
}
}
@@ -554,7 +563,7 @@ div.as-results {
overflow: hidden;
top: 0;
left: 0;
- z-index: 10;
+ z-index: 50;
&.visible {
display:block;
@@ -645,6 +654,7 @@ a.lieu-change {
#stages-map {
width:100%;
height: 600px;
+ max-height: 90vh;
}
#feedback-button {
@@ -679,7 +689,13 @@ article.promo {
.explications {
display:table;
-
+
+ &:first-child {
+ direction: rtl;
+ & > * {
+ direction: ltr;
+ }
+ }
& > div {
display:table-cell;
@@ -697,6 +713,10 @@ article.promo {
display: none;
}
+.leaflet-container {
+ z-index: 1;
+}
+
.stage-liste {
li {
display: block;
@@ -725,3 +745,5 @@ article.promo {
}
}
}
+
+@import "_responsive.scss";
diff --git a/avisstage/static/css/screen.css b/avisstage/static/css/screen.css
index 9f298c0..c0cac36 100644
--- a/avisstage/static/css/screen.css
+++ b/avisstage/static/css/screen.css
@@ -65,7 +65,12 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
display: block;
}
-/* line 18, ../../sass/screen.scss */
+/* line 5, ../../sass/screen.scss */
+* {
+ box-sizing: border-box;
+}
+
+/* line 9, ../../sass/screen.scss */
body {
background: #8fcc33;
font-family: "Dosis", sans-serif;
@@ -74,62 +79,77 @@ body {
font-weight: 300;
}
-/* line 26, ../../sass/screen.scss */
+/* line 17, ../../sass/screen.scss */
h1, h2, h3, h4 {
font-family: Podkova, serif;
}
-/* line 30, ../../sass/screen.scss */
+/* line 21, ../../sass/screen.scss */
h1 {
font-size: 2.3em;
+ position: relative;
}
-/* line 34, ../../sass/screen.scss */
+/* line 26, ../../sass/screen.scss */
h2 {
font-size: 1.8em;
}
-/* line 38, ../../sass/screen.scss */
+/* line 30, ../../sass/screen.scss */
h3 {
font-size: 1.4em;
}
-/* line 42, ../../sass/screen.scss */
-b, strong, em {
+/* line 34, ../../sass/screen.scss */
+b, strong {
font-weight: bold;
}
-/* line 46, ../../sass/screen.scss */
+/* line 38, ../../sass/screen.scss */
+em, i {
+ font-style: italic;
+}
+
+/* line 42, ../../sass/screen.scss */
.beta {
+ position: absolute;
opacity: 0.5;
font-size: 0.7em;
display: inline-block;
- transform: translate(-1em, 0.6em) rotate(-15deg);
+ transform: translate(-1em, 1em) rotate(-15deg);
}
-/* line 53, ../../sass/screen.scss */
+/* line 50, ../../sass/screen.scss */
a {
font-weight: bold;
color: #e08c1d;
text-decoration: none;
}
-/* line 59, ../../sass/screen.scss */
+/* line 56, ../../sass/screen.scss */
header {
background: #72a329;
display: flex;
justify-content: space-between;
align-items: center;
}
-/* line 65, ../../sass/screen.scss */
+/* line 62, ../../sass/screen.scss */
+header #showmenu {
+ display: none;
+}
+/* line 66, ../../sass/screen.scss */
+header nav {
+ display: inline;
+}
+/* line 68, ../../sass/screen.scss */
header nav ul {
display: inline-flex;
}
-/* line 68, ../../sass/screen.scss */
+/* line 71, ../../sass/screen.scss */
header nav ul li {
display: inline-table;
}
-/* line 71, ../../sass/screen.scss */
+/* line 74, ../../sass/screen.scss */
header nav ul li a {
text-align: center;
display: table-cell;
@@ -138,34 +158,36 @@ header nav ul li a {
vertical-align: middle;
color: #e9f5d6;
}
-/* line 79, ../../sass/screen.scss */
+/* line 82, ../../sass/screen.scss */
header nav ul li a:hover {
background: #446219;
}
-/* line 86, ../../sass/screen.scss */
+/* line 90, ../../sass/screen.scss */
header a {
color: #fff;
text-decoration: none;
}
-/* line 91, ../../sass/screen.scss */
+/* line 95, ../../sass/screen.scss */
header h1 {
padding: 15px;
word-wrap: none;
+ display: inline-block;
}
-/* line 101, ../../sass/screen.scss */
+/* line 106, ../../sass/screen.scss */
.content {
background: #efefef;
- max-width: 900px;
+ width: 900px;
+ max-width: 95vw;
padding: 30px;
margin: 15px auto;
}
-/* line 107, ../../sass/screen.scss */
+/* line 113, ../../sass/screen.scss */
.content p {
margin: 0.5em 0;
}
-/* line 114, ../../sass/screen.scss */
+/* line 120, ../../sass/screen.scss */
.homeh1 {
display: flex;
justify-content: space-between;
@@ -175,33 +197,37 @@ header h1 {
border-bottom: 3px solid #000;
margin-bottom: 15px;
}
-/* line 123, ../../sass/screen.scss */
+/* line 129, ../../sass/screen.scss */
.homeh1 > * {
display: inline-block;
}
+/* line 132, ../../sass/screen.scss */
+.homeh1 p {
+ text-align: right;
+}
-/* line 133, ../../sass/screen.scss */
+/* line 141, ../../sass/screen.scss */
.stagelist li {
display: table;
width: 100%;
background: #fff;
margin: 12px;
}
-/* line 140, ../../sass/screen.scss */
+/* line 148, ../../sass/screen.scss */
.stagelist li > *, .stagelist li:before {
display: table-cell;
vertical-align: middle;
padding: 15px;
}
-/* line 145, ../../sass/screen.scss */
+/* line 153, ../../sass/screen.scss */
.stagelist li a {
width: auto;
}
-/* line 147, ../../sass/screen.scss */
+/* line 155, ../../sass/screen.scss */
.stagelist li a:hover {
background: #ccc;
}
-/* line 151, ../../sass/screen.scss */
+/* line 159, ../../sass/screen.scss */
.stagelist li:before {
content: "";
text-align: right;
@@ -209,27 +235,27 @@ header h1 {
opacity: 0.8;
color: #000;
}
-/* line 158, ../../sass/screen.scss */
+/* line 166, ../../sass/screen.scss */
.stagelist li.stage-brouillon:before {
content: "Brouillon";
background: #f93a93;
}
-/* line 162, ../../sass/screen.scss */
+/* line 170, ../../sass/screen.scss */
.stagelist li.stage-publie:before {
content: "Publié";
background: #419be9;
}
-/* line 166, ../../sass/screen.scss */
+/* line 174, ../../sass/screen.scss */
.stagelist li.stage-ajout:before {
content: "+";
color: #000;
}
-/* line 176, ../../sass/screen.scss */
+/* line 184, ../../sass/screen.scss */
ul.infos {
margin: 0 -3px;
}
-/* line 179, ../../sass/screen.scss */
+/* line 187, ../../sass/screen.scss */
ul.infos li {
display: inline-block;
padding: 5px;
@@ -238,36 +264,36 @@ ul.infos li {
font-size: 0.9em;
border-radius: 4px;
}
-/* line 187, ../../sass/screen.scss */
+/* line 195, ../../sass/screen.scss */
ul.infos li.thematique {
background-color: #1a82dd;
color: #fff;
}
-/* line 191, ../../sass/screen.scss */
+/* line 199, ../../sass/screen.scss */
ul.infos li.matiere {
color: #fff;
background-color: #8fcc33;
}
-/* line 195, ../../sass/screen.scss */
+/* line 203, ../../sass/screen.scss */
ul.infos li.lieu {
color: #fff;
background-color: #f99b20;
}
-/* line 202, ../../sass/screen.scss */
+/* line 210, ../../sass/screen.scss */
article.stage {
font-weight: normal;
}
-/* line 205, ../../sass/screen.scss */
+/* line 213, ../../sass/screen.scss */
article.stage h2 {
background: #ddda78;
- color: #fff;
+ color: #000;
padding: 10px 20px;
margin: -20px;
margin-bottom: 25px;
- text-shadow: -3px 3px 0 rgba(0, 0, 0, 0.3);
+ text-shadow: -3px 3px 0 rgba(255, 255, 255, 0.3);
}
-/* line 213, ../../sass/screen.scss */
+/* line 221, ../../sass/screen.scss */
article.stage h3 {
border-bottom: 2px solid #cb954e;
margin-left: -25px;
@@ -277,58 +303,58 @@ article.stage h3 {
color: #000;
text-shadow: -3px 3px 0 rgba(0, 0, 0, 0.1);
}
-/* line 224, ../../sass/screen.scss */
+/* line 232, ../../sass/screen.scss */
article.stage #stage-map {
height: 300px;
width: 100%;
}
-/* line 229, ../../sass/screen.scss */
+/* line 237, ../../sass/screen.scss */
article.stage section {
background: #eee;
padding: 14px;
max-width: 600px;
margin: 30px auto;
}
-/* line 235, ../../sass/screen.scss */
+/* line 243, ../../sass/screen.scss */
article.stage section:first-child {
margin-top: 0;
}
-/* line 237, ../../sass/screen.scss */
+/* line 245, ../../sass/screen.scss */
article.stage section:first-child h3 {
margin-top: 0;
}
-/* line 242, ../../sass/screen.scss */
+/* line 250, ../../sass/screen.scss */
article.stage section.misc {
padding-top: 0;
}
-/* line 246, ../../sass/screen.scss */
+/* line 254, ../../sass/screen.scss */
article.stage section .chapo, article.stage section .avis-texte {
margin-bottom: 15px;
background: #fff;
padding: 20px;
}
-/* line 251, ../../sass/screen.scss */
+/* line 259, ../../sass/screen.scss */
article.stage section .chapo {
font-size: 1.1em;
font-weight: 500;
font-variant: small-caps;
}
-/* line 256, ../../sass/screen.scss */
+/* line 264, ../../sass/screen.scss */
article.stage section .avis-texte {
border-left: 1px solid #ccc;
padding-left: 15px;
}
-/* line 261, ../../sass/screen.scss */
+/* line 269, ../../sass/screen.scss */
article.stage section .plusmoins {
max-width: 600px;
margin: 15px auto;
}
-/* line 265, ../../sass/screen.scss */
+/* line 273, ../../sass/screen.scss */
article.stage section .plusmoins > div {
display: table;
width: 100%;
}
-/* line 269, ../../sass/screen.scss */
+/* line 277, ../../sass/screen.scss */
article.stage section .plusmoins > div:before {
content: " ";
width: 100px;
@@ -337,101 +363,101 @@ article.stage section .plusmoins > div:before {
text-align: right;
padding-right: 12px;
}
-/* line 278, ../../sass/screen.scss */
+/* line 286, ../../sass/screen.scss */
article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
display: table-cell;
}
-/* line 282, ../../sass/screen.scss */
+/* line 290, ../../sass/screen.scss */
article.stage section .plusmoins > div > div {
padding: 15px;
color: #fff;
}
-/* line 285, ../../sass/screen.scss */
+/* line 293, ../../sass/screen.scss */
article.stage section .plusmoins > div > div h4 {
font-weight: normal;
margin-left: -5px;
font-size: 0.9em;
opacity: 0.9;
}
-/* line 291, ../../sass/screen.scss */
+/* line 299, ../../sass/screen.scss */
article.stage section .plusmoins > div > div p {
font-weight: bold;
margin: 2px;
}
-/* line 299, ../../sass/screen.scss */
+/* line 307, ../../sass/screen.scss */
article.stage section .plusmoins .plus > div {
background: #1775c6;
}
-/* line 302, ../../sass/screen.scss */
+/* line 310, ../../sass/screen.scss */
article.stage section .plusmoins .plus:before {
content: "Les +";
vertical-align: bottom;
color: #1567af;
}
-/* line 309, ../../sass/screen.scss */
+/* line 317, ../../sass/screen.scss */
article.stage section .plusmoins .moins > div {
background: #df076c;
}
-/* line 312, ../../sass/screen.scss */
+/* line 320, ../../sass/screen.scss */
article.stage section .plusmoins .moins:before {
content: "Les -";
vertical-align: top;
color: #c70660;
}
-/* line 322, ../../sass/screen.scss */
+/* line 330, ../../sass/screen.scss */
.edit-box {
background: #eee;
margin: 10px;
padding: 10px 20px;
text-align: center;
}
-/* line 328, ../../sass/screen.scss */
+/* line 336, ../../sass/screen.scss */
.edit-box.public {
background: #cae3f9;
border: 1px solid #125b9b;
}
-/* line 333, ../../sass/screen.scss */
+/* line 341, ../../sass/screen.scss */
.edit-box.prive {
background: #fdcfe4;
border: 1px solid #ad0654;
}
-/* line 340, ../../sass/screen.scss */
+/* line 348, ../../sass/screen.scss */
.article-wrapper {
display: table;
}
-/* line 342, ../../sass/screen.scss */
+/* line 350, ../../sass/screen.scss */
.article-wrapper .toc-wrapper, .article-wrapper article {
display: table-cell;
vertical-align: top;
}
-/* line 346, ../../sass/screen.scss */
+/* line 354, ../../sass/screen.scss */
.article-wrapper .toc-wrapper {
max-width: 250px;
width: 25%;
}
-/* line 350, ../../sass/screen.scss */
+/* line 358, ../../sass/screen.scss */
.article-wrapper .toc {
position: -webkit-sticky;
position: sticky;
top: 0;
}
-/* line 354, ../../sass/screen.scss */
+/* line 362, ../../sass/screen.scss */
.article-wrapper .toc a {
color: inherit;
font-weight: normal;
}
-/* line 361, ../../sass/screen.scss */
+/* line 369, ../../sass/screen.scss */
.article-wrapper .toc .toc-h3 a {
font-weight: 300;
}
-/* line 364, ../../sass/screen.scss */
+/* line 372, ../../sass/screen.scss */
.article-wrapper .toc .toc-active a {
color: #8fcc33;
}
-/* line 373, ../../sass/screen.scss */
+/* line 381, ../../sass/screen.scss */
input, textarea, select, div.tinymce {
background: #fff;
font-size: 1em;
@@ -439,14 +465,15 @@ input, textarea, select, div.tinymce {
line-height: 1.3em;
font-weight: 500;
padding: 5px;
+ text-align: left;
}
-/* line 381, ../../sass/screen.scss */
+/* line 390, ../../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 {
background-color: #e9f5d6;
outline: none;
}
-/* line 387, ../../sass/screen.scss */
+/* line 396, ../../sass/screen.scss */
input[type='text'], input[type='password'],
input[type='email'], textarea, select {
border: none;
@@ -456,7 +483,7 @@ input[type='email'], textarea, select {
transition: border 1s ease-out, background 1s ease-out;
}
-/* line 396, ../../sass/screen.scss */
+/* line 405, ../../sass/screen.scss */
input[type="submit"],
.btn {
font: 19px "Dosis", sans-serif;
@@ -470,14 +497,14 @@ input[type="submit"],
margin-right: 0;
}
-/* line 409, ../../sass/screen.scss */
+/* line 418, ../../sass/screen.scss */
p input[type="submit"],
p .btn,
h1 .btn {
display: inline-block;
}
-/* line 415, ../../sass/screen.scss */
+/* line 424, ../../sass/screen.scss */
.edit-btn {
border-color: #706c00;
color: #000;
@@ -486,14 +513,14 @@ h1 .btn {
background-origin: content-box;
background-size: contain;
}
-/* line 423, ../../sass/screen.scss */
+/* line 432, ../../sass/screen.scss */
.edit-btn:after {
content: "";
width: 30px;
display: inline-block;
}
-/* line 430, ../../sass/screen.scss */
+/* line 439, ../../sass/screen.scss */
select {
-moz-appearance: none;
appearance: none;
@@ -502,7 +529,7 @@ select {
cursor: pointer;
}
-/* line 438, ../../sass/screen.scss */
+/* line 447, ../../sass/screen.scss */
textarea, div.tinymce {
border: none;
border-left: 1px solid #8fcc33;
@@ -511,20 +538,20 @@ textarea, div.tinymce {
transition: border 1s ease-out, background 1s ease-out;
}
-/* line 446, ../../sass/screen.scss */
+/* line 455, ../../sass/screen.scss */
textarea {
height: 200px;
resize: vertical;
}
-/* line 452, ../../sass/screen.scss */
+/* line 461, ../../sass/screen.scss */
form .field {
margin: 5px 0;
display: flex;
background: #fff;
padding: 10px;
}
-/* line 458, ../../sass/screen.scss */
+/* line 467, ../../sass/screen.scss */
form .field label, form .field .label {
display: inline-block;
width: 250px;
@@ -533,33 +560,33 @@ form .field label, form .field .label {
padding-top: 5px;
flex-shrink: 0;
}
-/* line 466, ../../sass/screen.scss */
+/* line 475, ../../sass/screen.scss */
form .field label {
font-family: Podkova, serif;
font-weight: bold;
}
-/* line 470, ../../sass/screen.scss */
+/* line 479, ../../sass/screen.scss */
form .field .help_text {
font-style: italic;
font-size: 0.9em;
}
-/* line 474, ../../sass/screen.scss */
+/* line 483, ../../sass/screen.scss */
form .field .input {
display: inline-block;
flex-grow: 1;
margin-right: 10px;
}
-/* line 483, ../../sass/screen.scss */
+/* line 492, ../../sass/screen.scss */
ul.as-selections {
display: flex;
flex-wrap: wrap;
}
-/* line 487, ../../sass/screen.scss */
+/* line 496, ../../sass/screen.scss */
ul.as-selections li {
display: inline-block;
}
-/* line 491, ../../sass/screen.scss */
+/* line 500, ../../sass/screen.scss */
ul.as-selections .as-selection-item {
padding: 0 5px;
background: #f99b20;
@@ -568,52 +595,52 @@ ul.as-selections .as-selection-item {
border-radius: 2px;
font-weight: 500;
}
-/* line 499, ../../sass/screen.scss */
+/* line 508, ../../sass/screen.scss */
ul.as-selections .as-selection-item a.as-close {
color: #fff;
-webkit-cursor: pointer;
cursor: pointer;
margin-right: 5px;
}
-/* line 506, ../../sass/screen.scss */
+/* line 515, ../../sass/screen.scss */
ul.as-selections .as-selection-item.selected {
background: #8fcc33;
}
-/* line 511, ../../sass/screen.scss */
+/* line 520, ../../sass/screen.scss */
ul.as-selections .as-original {
flex-grow: 1;
min-width: 200px;
}
-/* line 515, ../../sass/screen.scss */
+/* line 524, ../../sass/screen.scss */
ul.as-selections .as-original input {
width: 100%;
}
-/* line 521, ../../sass/screen.scss */
+/* line 530, ../../sass/screen.scss */
div.as-results {
position: relative;
}
-/* line 523, ../../sass/screen.scss */
+/* line 532, ../../sass/screen.scss */
div.as-results ul {
position: absolute;
width: 100%;
background: #fff;
border: 1px solid #d2ebad;
}
-/* line 530, ../../sass/screen.scss */
+/* line 539, ../../sass/screen.scss */
div.as-results ul li {
padding: 3px 5px;
}
-/* line 536, ../../sass/screen.scss */
+/* line 545, ../../sass/screen.scss */
div.as-results ul li.as-result-item.active {
- background: white;
+ background: #fddeb5;
}
-/* line 541, ../../sass/screen.scss */
+/* line 550, ../../sass/screen.scss */
div.as-results ul li.as-message {
font-style: italic;
}
-/* line 549, ../../sass/screen.scss */
+/* line 558, ../../sass/screen.scss */
.window {
display: none;
position: fixed;
@@ -622,13 +649,13 @@ div.as-results ul li.as-message {
overflow: hidden;
top: 0;
left: 0;
- z-index: 10;
+ z-index: 50;
}
-/* line 559, ../../sass/screen.scss */
+/* line 568, ../../sass/screen.scss */
.window.visible {
display: block;
}
-/* line 563, ../../sass/screen.scss */
+/* line 572, ../../sass/screen.scss */
.window .window-bg {
background: #000;
opacity: 0.7;
@@ -639,7 +666,7 @@ div.as-results ul li.as-message {
top: 0;
z-index: -1;
}
-/* line 574, ../../sass/screen.scss */
+/* line 583, ../../sass/screen.scss */
.window .window-content {
position: relative;
margin: 0 auto;
@@ -653,11 +680,11 @@ div.as-results ul li.as-message {
max-height: 100%;
overflow: auto;
}
-/* line 588, ../../sass/screen.scss */
+/* line 597, ../../sass/screen.scss */
.window .window-content form label, .window .window-content form .label {
width: 150px;
}
-/* line 594, ../../sass/screen.scss */
+/* line 603, ../../sass/screen.scss */
.window .window-closer {
position: absolute;
top: 0;
@@ -665,36 +692,36 @@ div.as-results ul li.as-message {
padding: 12px;
z-index: 3;
}
-/* line 600, ../../sass/screen.scss */
+/* line 609, ../../sass/screen.scss */
.window .window-closer:after {
content: "×";
}
-/* line 606, ../../sass/screen.scss */
+/* line 615, ../../sass/screen.scss */
#map_addlieu {
height: 500px;
}
-/* line 611, ../../sass/screen.scss */
+/* line 620, ../../sass/screen.scss */
.lieu-ui .map {
height: 400px;
width: 100%;
}
-/* line 615, ../../sass/screen.scss */
+/* line 624, ../../sass/screen.scss */
.lieu-ui .hidden {
display: none;
}
-/* line 618, ../../sass/screen.scss */
+/* line 627, ../../sass/screen.scss */
.lieu-ui .masked {
visibility: hidden;
}
-/* line 623, ../../sass/screen.scss */
+/* line 632, ../../sass/screen.scss */
#avis_lieu_vide {
display: none;
}
-/* line 627, ../../sass/screen.scss */
+/* line 636, ../../sass/screen.scss */
a.lieu-change {
color: #fff;
background: #f99b20;
@@ -707,19 +734,20 @@ a.lieu-change {
border-radius: 5px;
margin-right: 7px;
}
-/* line 639, ../../sass/screen.scss */
+/* line 648, ../../sass/screen.scss */
a.lieu-change.ajout:before {
content: "+";
margin-right: 5px;
}
-/* line 645, ../../sass/screen.scss */
+/* line 654, ../../sass/screen.scss */
#stages-map {
width: 100%;
height: 600px;
+ max-height: 90vh;
}
-/* line 650, ../../sass/screen.scss */
+/* line 660, ../../sass/screen.scss */
#feedback-button {
position: fixed;
left: 0;
@@ -732,13 +760,13 @@ a.lieu-change.ajout:before {
transform-origin: bottom left;
}
-/* line 663, ../../sass/screen.scss */
+/* line 673, ../../sass/screen.scss */
.betacadre {
background: #fa6cae;
padding: 10px;
}
-/* line 668, ../../sass/screen.scss */
+/* line 678, ../../sass/screen.scss */
.entrer {
background: #fff;
max-width: 500px;
@@ -747,58 +775,250 @@ a.lieu-change.ajout:before {
margin: 15px auto;
}
-/* line 676, ../../sass/screen.scss */
+/* line 686, ../../sass/screen.scss */
article.promo {
display: block;
font-size: 1.1em;
}
-/* line 680, ../../sass/screen.scss */
+/* line 690, ../../sass/screen.scss */
article.promo .explications {
display: table;
}
-/* line 684, ../../sass/screen.scss */
+/* line 693, ../../sass/screen.scss */
+article.promo .explications:first-child {
+ direction: rtl;
+}
+/* line 695, ../../sass/screen.scss */
+article.promo .explications:first-child > * {
+ direction: ltr;
+}
+/* line 700, ../../sass/screen.scss */
article.promo .explications > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
-/* line 689, ../../sass/screen.scss */
+/* line 705, ../../sass/screen.scss */
article.promo .explications > div p {
margin: 15px 15px;
}
-/* line 696, ../../sass/screen.scss */
+/* line 712, ../../sass/screen.scss */
#id_stage-thematiques {
display: none;
}
-/* line 701, ../../sass/screen.scss */
+/* line 716, ../../sass/screen.scss */
+.leaflet-container {
+ z-index: 1;
+}
+
+/* line 721, ../../sass/screen.scss */
.stage-liste li {
display: block;
}
-/* line 703, ../../sass/screen.scss */
+/* line 723, ../../sass/screen.scss */
.stage-liste li.date-maj {
font-weight: bold;
font-size: 0.9em;
padding: 3px 0;
}
-/* line 708, ../../sass/screen.scss */
+/* line 728, ../../sass/screen.scss */
.stage-liste li.stage {
padding: 10px;
background: #fff;
margin: 10px;
}
-/* line 713, ../../sass/screen.scss */
+/* line 733, ../../sass/screen.scss */
.stage-liste li.stage h3 {
font-size: 1.4em;
}
-/* line 716, ../../sass/screen.scss */
+/* line 736, ../../sass/screen.scss */
.stage-liste li.stage h3 .auteur {
font-family: "Dosis", sans-serif;
font-weight: bold;
font-size: 0.8em;
}
-/* line 722, ../../sass/screen.scss */
+/* line 742, ../../sass/screen.scss */
.stage-liste li.stage ul.infos {
display: inline;
}
+
+@media screen and (max-width: 850px) {
+ /* line 2, ../../sass/_responsive.scss */
+ header {
+ font-size: 0.9em;
+ }
+ /* line 5, ../../sass/_responsive.scss */
+ header h1 {
+ font-size: 1.5em;
+ }
+ /* line 9, ../../sass/_responsive.scss */
+ header nav ul li a {
+ height: 60px;
+ }
+
+ /* line 14, ../../sass/_responsive.scss */
+ .explications div {
+ max-width: 50vw;
+ overflow: hidden;
+ }
+}
+@media screen and (max-width: 600px) {
+ /* line 21, ../../sass/_responsive.scss */
+ header {
+ z-index: 40;
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ display: block;
+ max-height: 100vh;
+ overflow-y: auto;
+ }
+ /* line 31, ../../sass/_responsive.scss */
+ header h1 {
+ padding: 10px;
+ }
+ /* line 34, ../../sass/_responsive.scss */
+ header #showmenu {
+ display: block;
+ float: right;
+ padding: 10px;
+ }
+ /* line 39, ../../sass/_responsive.scss */
+ header #showmenu img {
+ width: 35px;
+ }
+ /* line 43, ../../sass/_responsive.scss */
+ header nav {
+ clear: both;
+ text-align: right;
+ }
+ /* line 47, ../../sass/_responsive.scss */
+ header nav ul {
+ display: none;
+ }
+ /* line 50, ../../sass/_responsive.scss */
+ header nav ul li {
+ display: block;
+ }
+ /* line 52, ../../sass/_responsive.scss */
+ header nav ul li a {
+ display: block;
+ padding: 10px 20px;
+ height: auto;
+ text-align: right;
+ }
+ /* line 58, ../../sass/_responsive.scss */
+ header nav ul li a br {
+ display: none;
+ }
+ /* line 61, ../../sass/_responsive.scss */
+ header nav ul li a .username:after {
+ content: " | ";
+ }
+
+ /* line 70, ../../sass/_responsive.scss */
+ header.expanded nav ul {
+ display: block;
+ }
+
+ /* line 75, ../../sass/_responsive.scss */
+ #feedback-button {
+ transform: unset;
+ top: 0px;
+ left: 165px;
+ padding: 15px 5px;
+ z-index: 41;
+ background: rgba(0, 0, 0, 0.5);
+ }
+
+ /* line 83, ../../sass/_responsive.scss */
+ .content {
+ margin-top: 70px;
+ }
+
+ /* line 86, ../../sass/_responsive.scss */
+ .article-wrapper {
+ display: block;
+ }
+ /* line 88, ../../sass/_responsive.scss */
+ .article-wrapper .toc-wrapper, .article-wrapper article {
+ display: block;
+ }
+ /* line 91, ../../sass/_responsive.scss */
+ .article-wrapper .toc-wrapper {
+ max-width: unset;
+ width: unset;
+ }
+ /* line 95, ../../sass/_responsive.scss */
+ .article-wrapper .toc {
+ display: none;
+ position: relative;
+ font-size: 0.9em;
+ border: 1px solid #000;
+ padding: 4px;
+ }
+
+ /* line 104, ../../sass/_responsive.scss */
+ article.stage h3 {
+ margin-top: 10px;
+ }
+ /* line 108, ../../sass/_responsive.scss */
+ article.stage section .avis-texte, article.stage section .chapo {
+ padding: 10px;
+ }
+ /* line 112, ../../sass/_responsive.scss */
+ article.stage section .plusmoins > div::before {
+ width: 70px;
+ }
+
+ /* line 117, ../../sass/_responsive.scss */
+ .homeh1 {
+ display: block;
+ }
+ /* line 119, ../../sass/_responsive.scss */
+ .homeh1 > * {
+ display: block;
+ }
+
+ /* line 124, ../../sass/_responsive.scss */
+ article.promo .explications {
+ display: block;
+ }
+ /* line 126, ../../sass/_responsive.scss */
+ article.promo .explications div {
+ max-width: 100%;
+ display: block;
+ }
+
+ /* line 134, ../../sass/_responsive.scss */
+ form .field {
+ display: block;
+ }
+ /* line 137, ../../sass/_responsive.scss */
+ form .field label, form .field .label {
+ display: block;
+ text-align: left;
+ font-size: 0.95em;
+ color: #c77c1a;
+ margin-top: 0;
+ width: auto;
+ }
+ /* line 146, ../../sass/_responsive.scss */
+ form .field .help_text {
+ text-align: right;
+ color: #395214;
+ }
+ /* line 151, ../../sass/_responsive.scss */
+ form .field .input {
+ padding-left: 20px;
+ display: block;
+ text-align: right;
+ }
+ /* line 157, ../../sass/_responsive.scss */
+ form .field input, form .field textarea, form .field div.tinymce {
+ background: #f4faeb;
+ }
+}
diff --git a/avisstage/static/images/minimenu.svg b/avisstage/static/images/minimenu.svg
new file mode 100644
index 0000000..46a3169
--- /dev/null
+++ b/avisstage/static/images/minimenu.svg
@@ -0,0 +1,11 @@
+
+
+
+
\ No newline at end of file
diff --git a/avisstage/templates/avisstage/base.html b/avisstage/templates/avisstage/base.html
index bdbab14..f4d3ac8 100644
--- a/avisstage/templates/avisstage/base.html
+++ b/avisstage/templates/avisstage/base.html
@@ -22,6 +22,7 @@