Nouvelles couleurs

This commit is contained in:
Evarin 2017-04-20 02:59:44 +02:00
parent df038f0226
commit e550fa0131
2 changed files with 138 additions and 123 deletions

View file

@ -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;
}

View file

@ -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;
}