From e550fa0131ca4321d5595db317bbfa909de5a42c Mon Sep 17 00:00:00 2001
From: Evarin <champrobin@hotmail.com>
Date: Thu, 20 Apr 2017 02:59:44 +0200
Subject: [PATCH] Nouvelles couleurs

---
 avisstage/sass/screen.scss      |  39 +++---
 avisstage/static/css/screen.css | 222 +++++++++++++++++---------------
 2 files changed, 138 insertions(+), 123 deletions(-)

diff --git a/avisstage/sass/screen.scss b/avisstage/sass/screen.scss
index 5b23694..c34b0c3 100644
--- a/avisstage/sass/screen.scss
+++ b/avisstage/sass/screen.scss
@@ -2,12 +2,12 @@
 
 @import url('https://fonts.googleapis.com/css?family=Dosis:300,500,700|Podkova:700');
 
-$fond: #E80051;
-$barre: $fond * 0.7;
-$compl: #28BF8A;
-$jaune: #FCEB26;
-$vert: #27E35F;
-$rouge: #C21B26;
+$fond: #8fcc33;
+$barre: darken($fond, 10%);
+$compl: #f99b20;
+$jaune: #007afc;
+$vert: #09f7b0;
+$rouge: #f70978;
 
 $textfont: 'Dosis', sans-serif;
 $headfont: Podkova, serif;
@@ -146,19 +146,19 @@ p {
             }
         }
         &:before {
-            content: "&nbsp";
+            content: "";
             text-align: right;
             width: 150px;
             opacity: 0.8;
-            color: #fff;
+            color: #000;
         }
         &.stage-brouillon:before {
             content: "Brouillon";
-            background: $rouge;
+            background: lighten($rouge, 10%);
         }
         &.stage-publie:before {
             content: "Publié";
-            background: $vert;
+            background: lighten($vert, 10%);
         }
         &.stage-ajout:before {
             content:"+";
@@ -173,7 +173,8 @@ article.stage {
     font-weight: normal;
     
     h2 {
-        background: desaturate($jaune * 1.6, 40%);
+        background: desaturate(lighten($jaune, 15%), 40%);
+        color: #fff;
         padding: 10px 20px;
         margin: -20px;
         margin-bottom: 25px;
@@ -286,22 +287,22 @@ article.stage {
             
             .plus {
                 & > div {
-                    background: $vert * 0.9;
+                    background: darken($vert, 5%);
                 }
                 &:before {
                     content: "Les +";
                     vertical-align: bottom;
-                    color: $vert * 0.7;
+                    color: darken($vert, 10%);
                 }
             }
             .moins {
                 & > div {
-                    background: $rouge * 0.9;
+                    background: darken($rouge, 5%);
                 }
                 &:before {
                     content: "Les -";
                     vertical-align: top;
-                    color: $rouge * 0.7;
+                    color: darken($rouge, 10%);
                 }
             }
         }
@@ -368,10 +369,11 @@ input, textarea, select, div.tinymce {
     padding: 5px;
 }
 
-input[type='text'], input[type='password'], textarea, select {
+input[type='text'], input[type='password'], input[type='email'], textarea, select {
     border:none;
     border-bottom: 1px solid $fond;
     width: 100%;
+    max-width: 100%;
     transition: border 1s ease-out, background 1s ease-out;
     
     &:focus {
@@ -605,3 +607,8 @@ a.lieu-change {
         margin-right: 5px;
     }
 }
+
+#stages-map {
+    width:100%;
+    height: 600px;
+}
diff --git a/avisstage/static/css/screen.css b/avisstage/static/css/screen.css
index 131c92b..cfa0523 100644
--- a/avisstage/static/css/screen.css
+++ b/avisstage/static/css/screen.css
@@ -67,7 +67,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
 
 /* line 15, ../../sass/screen.scss */
 body {
-  background: #E80051;
+  background: #8fcc33;
   font-family: "Dosis", sans-serif;
   line-height: 1.4;
   font-size: 19px;
@@ -110,13 +110,13 @@ b, strong, em {
 /* line 50, ../../sass/screen.scss */
 a {
   font-weight: bold;
-  color: #24ac7c;
+  color: #e08c1d;
   text-decoration: none;
 }
 
 /* line 56, ../../sass/screen.scss */
 header {
-  background: #a20039;
+  background: #72a329;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -136,11 +136,11 @@ header nav ul li a {
   padding: 0 20px;
   height: 90px;
   vertical-align: middle;
-  color: #ffb5cf;
+  color: #e9f5d6;
 }
 /* line 76, ../../sass/screen.scss */
 header nav ul li a:hover {
-  background: #610022;
+  background: #446219;
 }
 /* line 83, ../../sass/screen.scss */
 header a {
@@ -203,21 +203,21 @@ header h1 {
 }
 /* line 148, ../../sass/screen.scss */
 .stagelist li:before {
-  content: "&nbsp";
+  content: "";
   text-align: right;
   width: 150px;
   opacity: 0.8;
-  color: #fff;
+  color: #000;
 }
 /* line 155, ../../sass/screen.scss */
 .stagelist li.stage-brouillon:before {
   content: "Brouillon";
-  background: #C21B26;
+  background: #f93a93;
 }
 /* line 159, ../../sass/screen.scss */
 .stagelist li.stage-publie:before {
   content: "Publié";
-  background: #27E35F;
+  background: #3af9c0;
 }
 /* line 163, ../../sass/screen.scss */
 .stagelist li.stage-ajout:before {
@@ -231,15 +231,16 @@ article.stage {
 }
 /* line 175, ../../sass/screen.scss */
 article.stage h2 {
-  background: #d8d864;
+  background: #6ea3db;
+  color: #fff;
   padding: 10px 20px;
   margin: -20px;
   margin-bottom: 25px;
   text-shadow: -3px 3px 0 rgba(0, 0, 0, 0.3);
 }
-/* line 182, ../../sass/screen.scss */
+/* line 183, ../../sass/screen.scss */
 article.stage h3 {
-  border-bottom: 2px solid #56917c;
+  border-bottom: 2px solid #cb954e;
   margin-left: -25px;
   margin-top: 30px;
   padding: 5px;
@@ -247,35 +248,35 @@ article.stage h3 {
   color: #000;
   text-shadow: -3px 3px 0 rgba(0, 0, 0, 0.1);
 }
-/* line 193, ../../sass/screen.scss */
+/* line 194, ../../sass/screen.scss */
 article.stage #stage-map {
   height: 300px;
   width: 100%;
 }
-/* line 198, ../../sass/screen.scss */
+/* line 199, ../../sass/screen.scss */
 article.stage section {
   background: #eee;
   padding: 14px;
   max-width: 600px;
   margin: 30px auto;
 }
-/* line 204, ../../sass/screen.scss */
+/* line 205, ../../sass/screen.scss */
 article.stage section:first-child {
   margin-top: 0;
 }
-/* line 206, ../../sass/screen.scss */
+/* line 207, ../../sass/screen.scss */
 article.stage section:first-child h3 {
   margin-top: 0;
 }
-/* line 211, ../../sass/screen.scss */
+/* line 212, ../../sass/screen.scss */
 article.stage section.misc {
   padding-top: 0;
 }
-/* line 213, ../../sass/screen.scss */
+/* line 214, ../../sass/screen.scss */
 article.stage section.misc ul.infos {
   margin: 0 -3px;
 }
-/* line 216, ../../sass/screen.scss */
+/* line 217, ../../sass/screen.scss */
 article.stage section.misc ul.infos li {
   display: inline-block;
   padding: 5px;
@@ -285,42 +286,42 @@ article.stage section.misc ul.infos li {
   font-size: 0.9em;
   border-radius: 4px;
 }
-/* line 225, ../../sass/screen.scss */
+/* line 226, ../../sass/screen.scss */
 article.stage section.misc ul.infos li.thematique {
-  background-color: #28BF8A;
+  background-color: #f99b20;
 }
-/* line 228, ../../sass/screen.scss */
+/* line 229, ../../sass/screen.scss */
 article.stage section.misc ul.infos li.matiere {
-  background-color: #E80051;
+  background-color: #8fcc33;
 }
-/* line 235, ../../sass/screen.scss */
+/* line 236, ../../sass/screen.scss */
 article.stage section .chapo, article.stage section .avis-texte {
   margin-bottom: 15px;
   background: #fff;
   padding: 20px;
 }
-/* line 240, ../../sass/screen.scss */
+/* line 241, ../../sass/screen.scss */
 article.stage section .chapo {
   font-size: 1.1em;
   font-weight: 500;
   font-variant: small-caps;
 }
-/* line 245, ../../sass/screen.scss */
+/* line 246, ../../sass/screen.scss */
 article.stage section .avis-texte {
   border-left: 1px solid #ccc;
   padding-left: 15px;
 }
-/* line 250, ../../sass/screen.scss */
+/* line 251, ../../sass/screen.scss */
 article.stage section .plusmoins {
   max-width: 600px;
   margin: 15px auto;
 }
-/* line 254, ../../sass/screen.scss */
+/* line 255, ../../sass/screen.scss */
 article.stage section .plusmoins > div {
   display: table;
   width: 100%;
 }
-/* line 258, ../../sass/screen.scss */
+/* line 259, ../../sass/screen.scss */
 article.stage section .plusmoins > div:before {
   content: "&nbsp";
   width: 100px;
@@ -329,101 +330,101 @@ article.stage section .plusmoins > div:before {
   text-align: right;
   padding-right: 12px;
 }
-/* line 267, ../../sass/screen.scss */
+/* line 268, ../../sass/screen.scss */
 article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
   display: table-cell;
 }
-/* line 271, ../../sass/screen.scss */
+/* line 272, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div {
   padding: 15px;
   color: #fff;
 }
-/* line 274, ../../sass/screen.scss */
+/* line 275, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div h4 {
   font-weight: normal;
   margin-left: -5px;
   font-size: 0.9em;
   opacity: 0.9;
 }
-/* line 280, ../../sass/screen.scss */
+/* line 281, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div p {
   font-weight: bold;
   margin: 2px;
 }
-/* line 288, ../../sass/screen.scss */
+/* line 289, ../../sass/screen.scss */
 article.stage section .plusmoins .plus > div {
-  background: #23cc56;
+  background: #07df9f;
 }
-/* line 291, ../../sass/screen.scss */
+/* line 292, ../../sass/screen.scss */
 article.stage section .plusmoins .plus:before {
   content: "Les +";
   vertical-align: bottom;
-  color: #1b9f43;
+  color: #06c78d;
 }
-/* line 298, ../../sass/screen.scss */
+/* line 299, ../../sass/screen.scss */
 article.stage section .plusmoins .moins > div {
-  background: #af1822;
+  background: #df076c;
 }
-/* line 301, ../../sass/screen.scss */
+/* line 302, ../../sass/screen.scss */
 article.stage section .plusmoins .moins:before {
   content: "Les -";
   vertical-align: top;
-  color: #88131b;
+  color: #c70660;
 }
 
-/* line 311, ../../sass/screen.scss */
+/* line 312, ../../sass/screen.scss */
 .edit-box {
   background: #eee;
   margin: 10px;
   padding: 10px 20px;
   text-align: center;
 }
-/* line 317, ../../sass/screen.scss */
+/* line 318, ../../sass/screen.scss */
 .edit-box.public {
-  background: #dcfae5;
-  border: 1px solid #1b9f43;
+  background: #cffdef;
+  border: 1px solid #06ad7b;
 }
-/* line 322, ../../sass/screen.scss */
+/* line 323, ../../sass/screen.scss */
 .edit-box.prive {
-  background: #f5b4b9;
-  border: 1px solid #88131b;
+  background: #fdcfe4;
+  border: 1px solid #ad0654;
 }
 
-/* line 329, ../../sass/screen.scss */
+/* line 330, ../../sass/screen.scss */
 .article-wrapper {
   display: table;
 }
-/* line 331, ../../sass/screen.scss */
+/* line 332, ../../sass/screen.scss */
 .article-wrapper .toc-wrapper, .article-wrapper article {
   display: table-cell;
   vertical-align: top;
 }
-/* line 335, ../../sass/screen.scss */
+/* line 336, ../../sass/screen.scss */
 .article-wrapper .toc-wrapper {
   max-width: 250px;
   width: 25%;
 }
-/* line 339, ../../sass/screen.scss */
+/* line 340, ../../sass/screen.scss */
 .article-wrapper .toc {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
 }
-/* line 343, ../../sass/screen.scss */
+/* line 344, ../../sass/screen.scss */
 .article-wrapper .toc a {
   color: inherit;
   font-weight: normal;
 }
-/* line 350, ../../sass/screen.scss */
+/* line 351, ../../sass/screen.scss */
 .article-wrapper .toc .toc-h3 a {
   font-weight: 300;
 }
-/* line 353, ../../sass/screen.scss */
+/* line 354, ../../sass/screen.scss */
 .article-wrapper .toc .toc-active a {
-  color: #E80051;
+  color: #8fcc33;
 }
 
-/* line 362, ../../sass/screen.scss */
+/* line 363, ../../sass/screen.scss */
 input, textarea, select, div.tinymce {
   background: #fff;
   font-size: 1em;
@@ -433,23 +434,24 @@ input, textarea, select, div.tinymce {
   padding: 5px;
 }
 
-/* line 371, ../../sass/screen.scss */
-input[type='text'], input[type='password'], textarea, select {
+/* line 372, ../../sass/screen.scss */
+input[type='text'], input[type='password'], input[type='email'], textarea, select {
   border: none;
-  border-bottom: 1px solid #E80051;
+  border-bottom: 1px solid #8fcc33;
   width: 100%;
+  max-width: 100%;
   transition: border 1s ease-out, background 1s ease-out;
 }
-/* line 377, ../../sass/screen.scss */
-input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
-  background-color: #ffe8f0;
+/* line 379, ../../sass/screen.scss */
+input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, textarea:focus, select:focus {
+  background-color: white;
 }
 
-/* line 382, ../../sass/screen.scss */
+/* line 384, ../../sass/screen.scss */
 input[type="submit"] {
-  background-color: #E80051;
+  background-color: #8fcc33;
   color: #fff;
-  border: 1px solid #a20039;
+  border: 1px solid #648f24;
   border-radius: 5px;
   padding: 8px 12px;
   display: block;
@@ -457,12 +459,12 @@ input[type="submit"] {
   margin-right: 0;
 }
 
-/* line 393, ../../sass/screen.scss */
+/* line 395, ../../sass/screen.scss */
 p input[type="submit"] {
   display: inline-block;
 }
 
-/* line 398, ../../sass/screen.scss */
+/* line 400, ../../sass/screen.scss */
 select {
   -moz-appearance: none;
   appearance: none;
@@ -471,35 +473,35 @@ select {
   cursor: pointer;
 }
 
-/* line 406, ../../sass/screen.scss */
+/* line 408, ../../sass/screen.scss */
 textarea, div.tinymce {
   border: none;
-  border-left: 1px solid #E80051;
+  border-left: 1px solid #8fcc33;
   height: auto;
   min-height: 200px;
   transition: border 1s ease-out, background 1s ease-out;
 }
 
-/* line 414, ../../sass/screen.scss */
+/* line 416, ../../sass/screen.scss */
 div.tinymce.mce-edit-focus {
-  background-color: #ffe8f0;
+  background-color: white;
   outline: none;
 }
 
-/* line 419, ../../sass/screen.scss */
+/* line 421, ../../sass/screen.scss */
 textarea {
   height: 200px;
   resize: vertical;
 }
 
-/* line 425, ../../sass/screen.scss */
+/* line 427, ../../sass/screen.scss */
 form .field {
   margin: 5px 0;
   display: flex;
   background: #fff;
   padding: 10px;
 }
-/* line 431, ../../sass/screen.scss */
+/* line 433, ../../sass/screen.scss */
 form .field label, form .field .label {
   display: inline-block;
   width: 250px;
@@ -508,92 +510,92 @@ form .field label, form .field .label {
   padding-top: 5px;
   flex-shrink: 0;
 }
-/* line 439, ../../sass/screen.scss */
+/* line 441, ../../sass/screen.scss */
 form .field label {
   font-family: Podkova, serif;
   font-weight: bold;
 }
-/* line 443, ../../sass/screen.scss */
+/* line 445, ../../sass/screen.scss */
 form .field .help_text {
   font-style: italic;
   font-size: 0.9em;
 }
-/* line 447, ../../sass/screen.scss */
+/* line 449, ../../sass/screen.scss */
 form .field .input {
   display: inline-block;
   flex-grow: 1;
   margin-right: 10px;
 }
 
-/* line 456, ../../sass/screen.scss */
+/* line 458, ../../sass/screen.scss */
 ul.as-selections {
   display: flex;
   flex-wrap: wrap;
 }
-/* line 460, ../../sass/screen.scss */
+/* line 462, ../../sass/screen.scss */
 ul.as-selections li {
   display: inline-block;
 }
-/* line 464, ../../sass/screen.scss */
+/* line 466, ../../sass/screen.scss */
 ul.as-selections .as-selection-item {
   padding: 0 5px;
-  background: #28BF8A;
+  background: #f99b20;
   color: #fff;
   margin: 5px;
   border-radius: 2px;
   font-weight: 500;
 }
-/* line 472, ../../sass/screen.scss */
+/* line 474, ../../sass/screen.scss */
 ul.as-selections .as-selection-item a.as-close {
   color: #fff;
   -webkit-cursor: pointer;
   cursor: pointer;
   margin-right: 5px;
 }
-/* line 479, ../../sass/screen.scss */
+/* line 481, ../../sass/screen.scss */
 ul.as-selections .as-selection-item.selected {
-  background: #E80051;
+  background: #8fcc33;
 }
-/* line 484, ../../sass/screen.scss */
+/* line 486, ../../sass/screen.scss */
 ul.as-selections .as-original {
   flex-grow: 1;
   min-width: 200px;
 }
-/* line 488, ../../sass/screen.scss */
+/* line 490, ../../sass/screen.scss */
 ul.as-selections .as-original input {
   width: 100%;
 }
 
-/* line 494, ../../sass/screen.scss */
+/* line 496, ../../sass/screen.scss */
 div.as-results {
   position: relative;
 }
-/* line 496, ../../sass/screen.scss */
+/* line 498, ../../sass/screen.scss */
 div.as-results ul {
   position: absolute;
   width: 100%;
   background: #fff;
-  border: 1px solid #ff82ae;
+  border: 1px solid #d2ebad;
 }
-/* line 503, ../../sass/screen.scss */
+/* line 505, ../../sass/screen.scss */
 div.as-results ul li {
   padding: 3px 5px;
 }
-/* line 509, ../../sass/screen.scss */
+/* line 511, ../../sass/screen.scss */
 div.as-results ul li.as-result-item.active {
-  background: #ebfbf5;
+  background: white;
 }
-/* line 514, ../../sass/screen.scss */
+/* line 516, ../../sass/screen.scss */
 div.as-results ul li.as-message {
   font-style: italic;
 }
 
-/* line 521, ../../sass/screen.scss */
+/* line 523, ../../sass/screen.scss */
 #map_addlieu {
   height: 500px;
 }
 
-/* line 525, ../../sass/screen.scss */
+/* line 527, ../../sass/screen.scss */
 .window {
   display: none;
   position: fixed;
@@ -604,11 +606,11 @@ div.as-results ul li.as-message {
   left: 0;
   z-index: 10;
 }
-/* line 535, ../../sass/screen.scss */
+/* line 537, ../../sass/screen.scss */
 .window.visible {
   display: block;
 }
-/* line 539, ../../sass/screen.scss */
+/* line 541, ../../sass/screen.scss */
 .window .window-bg {
   background: #000;
   opacity: 0.7;
@@ -619,7 +621,7 @@ div.as-results ul li.as-message {
   top: 0;
   z-index: -1;
 }
-/* line 550, ../../sass/screen.scss */
+/* line 552, ../../sass/screen.scss */
 .window .window-content {
   position: relative;
   margin: 0 auto;
@@ -633,7 +635,7 @@ div.as-results ul li.as-message {
   max-height: 100%;
   overflow: auto;
 }
-/* line 565, ../../sass/screen.scss */
+/* line 567, ../../sass/screen.scss */
 .window .window-closer {
   position: absolute;
   top: 0;
@@ -641,30 +643,30 @@ div.as-results ul li.as-message {
   padding: 12px;
   z-index: 3;
 }
-/* line 571, ../../sass/screen.scss */
+/* line 573, ../../sass/screen.scss */
 .window .window-closer:after {
   content: "×";
 }
 
-/* line 578, ../../sass/screen.scss */
+/* line 580, ../../sass/screen.scss */
 .lieu-ui .map {
   height: 400px;
   width: 100%;
 }
-/* line 582, ../../sass/screen.scss */
+/* line 584, ../../sass/screen.scss */
 .lieu-ui .hidden {
   display: none;
 }
 
-/* line 587, ../../sass/screen.scss */
+/* line 589, ../../sass/screen.scss */
 #avis_lieu_vide {
   display: none;
 }
 
-/* line 591, ../../sass/screen.scss */
+/* line 593, ../../sass/screen.scss */
 a.lieu-change {
   color: #fff;
-  background: #28BF8A;
+  background: #f99b20;
   overflow: hidden;
   display: inline-block;
   max-width: 250px;
@@ -674,8 +676,14 @@ a.lieu-change {
   border-radius: 5px;
   margin-right: 7px;
 }
-/* line 603, ../../sass/screen.scss */
+/* line 605, ../../sass/screen.scss */
 a.lieu-change.ajout:before {
   content: "+";
   margin-right: 5px;
 }
+
+/* line 611, ../../sass/screen.scss */
+#stages-map {
+  width: 100%;
+  height: 600px;
+}