diff --git a/avisstage/sass/_responsive.scss b/avisstage/sass/_responsive.scss index f2688a3..8e08375 100644 --- a/avisstage/sass/_responsive.scss +++ b/avisstage/sass/_responsive.scss @@ -72,6 +72,14 @@ } } + h1 { + font-size: 2em; + } + + h2 { + font-size: 1.6em; + } + #feedback-button { transform: unset; top: 0px; @@ -82,6 +90,7 @@ } .content { margin-top: 70px; + padding: 15px 3vw; } .article-wrapper { display: block; @@ -129,6 +138,20 @@ } } } + + .stagelist { + display: block; + + li:before, li, a { + display:block; + width: auto; + max-width: auto; + } + + li.stage-ajout:before { + display: none; + } + } form { .field { @@ -154,7 +177,7 @@ text-align: right; } - input, textarea, div.tinymce { + input, textarea, div.tinymce, select { background: lighten($fond, 45%); } } diff --git a/avisstage/sass/screen.scss b/avisstage/sass/screen.scss index 9164988..3b35bca 100644 --- a/avisstage/sass/screen.scss +++ b/avisstage/sass/screen.scss @@ -16,6 +16,7 @@ body { h1, h2, h3, h4 { font-family: $headfont; + line-height: 1.2; } h1 { @@ -153,7 +154,8 @@ p { a { width: auto; &:hover { - background: #ccc; + background: darken($compl, 10%); + color: #fff; } } &:before { diff --git a/avisstage/static/css/screen.css b/avisstage/static/css/screen.css index c0cac36..9f42f4a 100644 --- a/avisstage/static/css/screen.css +++ b/avisstage/static/css/screen.css @@ -82,35 +82,36 @@ body { /* line 17, ../../sass/screen.scss */ h1, h2, h3, h4 { font-family: Podkova, serif; + line-height: 1.2; } -/* line 21, ../../sass/screen.scss */ +/* line 22, ../../sass/screen.scss */ h1 { font-size: 2.3em; position: relative; } -/* line 26, ../../sass/screen.scss */ +/* line 27, ../../sass/screen.scss */ h2 { font-size: 1.8em; } -/* line 30, ../../sass/screen.scss */ +/* line 31, ../../sass/screen.scss */ h3 { font-size: 1.4em; } -/* line 34, ../../sass/screen.scss */ +/* line 35, ../../sass/screen.scss */ b, strong { font-weight: bold; } -/* line 38, ../../sass/screen.scss */ +/* line 39, ../../sass/screen.scss */ em, i { font-style: italic; } -/* line 42, ../../sass/screen.scss */ +/* line 43, ../../sass/screen.scss */ .beta { position: absolute; opacity: 0.5; @@ -119,37 +120,37 @@ em, i { transform: translate(-1em, 1em) rotate(-15deg); } -/* line 50, ../../sass/screen.scss */ +/* line 51, ../../sass/screen.scss */ a { font-weight: bold; color: #e08c1d; text-decoration: none; } -/* line 56, ../../sass/screen.scss */ +/* line 57, ../../sass/screen.scss */ header { background: #72a329; display: flex; justify-content: space-between; align-items: center; } -/* line 62, ../../sass/screen.scss */ +/* line 63, ../../sass/screen.scss */ header #showmenu { display: none; } -/* line 66, ../../sass/screen.scss */ +/* line 67, ../../sass/screen.scss */ header nav { display: inline; } -/* line 68, ../../sass/screen.scss */ +/* line 69, ../../sass/screen.scss */ header nav ul { display: inline-flex; } -/* line 71, ../../sass/screen.scss */ +/* line 72, ../../sass/screen.scss */ header nav ul li { display: inline-table; } -/* line 74, ../../sass/screen.scss */ +/* line 75, ../../sass/screen.scss */ header nav ul li a { text-align: center; display: table-cell; @@ -158,23 +159,23 @@ header nav ul li a { vertical-align: middle; color: #e9f5d6; } -/* line 82, ../../sass/screen.scss */ +/* line 83, ../../sass/screen.scss */ header nav ul li a:hover { background: #446219; } -/* line 90, ../../sass/screen.scss */ +/* line 91, ../../sass/screen.scss */ header a { color: #fff; text-decoration: none; } -/* line 95, ../../sass/screen.scss */ +/* line 96, ../../sass/screen.scss */ header h1 { padding: 15px; word-wrap: none; display: inline-block; } -/* line 106, ../../sass/screen.scss */ +/* line 107, ../../sass/screen.scss */ .content { background: #efefef; width: 900px; @@ -182,12 +183,12 @@ header h1 { padding: 30px; margin: 15px auto; } -/* line 113, ../../sass/screen.scss */ +/* line 114, ../../sass/screen.scss */ .content p { margin: 0.5em 0; } -/* line 120, ../../sass/screen.scss */ +/* line 121, ../../sass/screen.scss */ .homeh1 { display: flex; justify-content: space-between; @@ -197,37 +198,38 @@ header h1 { border-bottom: 3px solid #000; margin-bottom: 15px; } -/* line 129, ../../sass/screen.scss */ +/* line 130, ../../sass/screen.scss */ .homeh1 > * { display: inline-block; } -/* line 132, ../../sass/screen.scss */ +/* line 133, ../../sass/screen.scss */ .homeh1 p { text-align: right; } -/* line 141, ../../sass/screen.scss */ +/* line 142, ../../sass/screen.scss */ .stagelist li { display: table; width: 100%; background: #fff; margin: 12px; } -/* line 148, ../../sass/screen.scss */ +/* line 149, ../../sass/screen.scss */ .stagelist li > *, .stagelist li:before { display: table-cell; vertical-align: middle; padding: 15px; } -/* line 153, ../../sass/screen.scss */ +/* line 154, ../../sass/screen.scss */ .stagelist li a { width: auto; } -/* line 155, ../../sass/screen.scss */ +/* line 156, ../../sass/screen.scss */ .stagelist li a:hover { - background: #ccc; + background: #e08206; + color: #fff; } -/* line 159, ../../sass/screen.scss */ +/* line 161, ../../sass/screen.scss */ .stagelist li:before { content: ""; text-align: right; @@ -235,27 +237,27 @@ header h1 { opacity: 0.8; color: #000; } -/* line 166, ../../sass/screen.scss */ +/* line 168, ../../sass/screen.scss */ .stagelist li.stage-brouillon:before { content: "Brouillon"; background: #f93a93; } -/* line 170, ../../sass/screen.scss */ +/* line 172, ../../sass/screen.scss */ .stagelist li.stage-publie:before { content: "Publié"; background: #419be9; } -/* line 174, ../../sass/screen.scss */ +/* line 176, ../../sass/screen.scss */ .stagelist li.stage-ajout:before { content: "+"; color: #000; } -/* line 184, ../../sass/screen.scss */ +/* line 186, ../../sass/screen.scss */ ul.infos { margin: 0 -3px; } -/* line 187, ../../sass/screen.scss */ +/* line 189, ../../sass/screen.scss */ ul.infos li { display: inline-block; padding: 5px; @@ -264,27 +266,27 @@ ul.infos li { font-size: 0.9em; border-radius: 4px; } -/* line 195, ../../sass/screen.scss */ +/* line 197, ../../sass/screen.scss */ ul.infos li.thematique { background-color: #1a82dd; color: #fff; } -/* line 199, ../../sass/screen.scss */ +/* line 201, ../../sass/screen.scss */ ul.infos li.matiere { color: #fff; background-color: #8fcc33; } -/* line 203, ../../sass/screen.scss */ +/* line 205, ../../sass/screen.scss */ ul.infos li.lieu { color: #fff; background-color: #f99b20; } -/* line 210, ../../sass/screen.scss */ +/* line 212, ../../sass/screen.scss */ article.stage { font-weight: normal; } -/* line 213, ../../sass/screen.scss */ +/* line 215, ../../sass/screen.scss */ article.stage h2 { background: #ddda78; color: #000; @@ -293,7 +295,7 @@ article.stage h2 { margin-bottom: 25px; text-shadow: -3px 3px 0 rgba(255, 255, 255, 0.3); } -/* line 221, ../../sass/screen.scss */ +/* line 223, ../../sass/screen.scss */ article.stage h3 { border-bottom: 2px solid #cb954e; margin-left: -25px; @@ -303,58 +305,58 @@ article.stage h3 { color: #000; text-shadow: -3px 3px 0 rgba(0, 0, 0, 0.1); } -/* line 232, ../../sass/screen.scss */ +/* line 234, ../../sass/screen.scss */ article.stage #stage-map { height: 300px; width: 100%; } -/* line 237, ../../sass/screen.scss */ +/* line 239, ../../sass/screen.scss */ article.stage section { background: #eee; padding: 14px; max-width: 600px; margin: 30px auto; } -/* line 243, ../../sass/screen.scss */ +/* line 245, ../../sass/screen.scss */ article.stage section:first-child { margin-top: 0; } -/* line 245, ../../sass/screen.scss */ +/* line 247, ../../sass/screen.scss */ article.stage section:first-child h3 { margin-top: 0; } -/* line 250, ../../sass/screen.scss */ +/* line 252, ../../sass/screen.scss */ article.stage section.misc { padding-top: 0; } -/* line 254, ../../sass/screen.scss */ +/* line 256, ../../sass/screen.scss */ article.stage section .chapo, article.stage section .avis-texte { margin-bottom: 15px; background: #fff; padding: 20px; } -/* line 259, ../../sass/screen.scss */ +/* line 261, ../../sass/screen.scss */ article.stage section .chapo { font-size: 1.1em; font-weight: 500; font-variant: small-caps; } -/* line 264, ../../sass/screen.scss */ +/* line 266, ../../sass/screen.scss */ article.stage section .avis-texte { border-left: 1px solid #ccc; padding-left: 15px; } -/* line 269, ../../sass/screen.scss */ +/* line 271, ../../sass/screen.scss */ article.stage section .plusmoins { max-width: 600px; margin: 15px auto; } -/* line 273, ../../sass/screen.scss */ +/* line 275, ../../sass/screen.scss */ article.stage section .plusmoins > div { display: table; width: 100%; } -/* line 277, ../../sass/screen.scss */ +/* line 279, ../../sass/screen.scss */ article.stage section .plusmoins > div:before { content: " "; width: 100px; @@ -363,101 +365,101 @@ article.stage section .plusmoins > div:before { text-align: right; padding-right: 12px; } -/* line 286, ../../sass/screen.scss */ +/* line 288, ../../sass/screen.scss */ article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before { display: table-cell; } -/* line 290, ../../sass/screen.scss */ +/* line 292, ../../sass/screen.scss */ article.stage section .plusmoins > div > div { padding: 15px; color: #fff; } -/* line 293, ../../sass/screen.scss */ +/* line 295, ../../sass/screen.scss */ article.stage section .plusmoins > div > div h4 { font-weight: normal; margin-left: -5px; font-size: 0.9em; opacity: 0.9; } -/* line 299, ../../sass/screen.scss */ +/* line 301, ../../sass/screen.scss */ article.stage section .plusmoins > div > div p { font-weight: bold; margin: 2px; } -/* line 307, ../../sass/screen.scss */ +/* line 309, ../../sass/screen.scss */ article.stage section .plusmoins .plus > div { background: #1775c6; } -/* line 310, ../../sass/screen.scss */ +/* line 312, ../../sass/screen.scss */ article.stage section .plusmoins .plus:before { content: "Les +"; vertical-align: bottom; color: #1567af; } -/* line 317, ../../sass/screen.scss */ +/* line 319, ../../sass/screen.scss */ article.stage section .plusmoins .moins > div { background: #df076c; } -/* line 320, ../../sass/screen.scss */ +/* line 322, ../../sass/screen.scss */ article.stage section .plusmoins .moins:before { content: "Les -"; vertical-align: top; color: #c70660; } -/* line 330, ../../sass/screen.scss */ +/* line 332, ../../sass/screen.scss */ .edit-box { background: #eee; margin: 10px; padding: 10px 20px; text-align: center; } -/* line 336, ../../sass/screen.scss */ +/* line 338, ../../sass/screen.scss */ .edit-box.public { background: #cae3f9; border: 1px solid #125b9b; } -/* line 341, ../../sass/screen.scss */ +/* line 343, ../../sass/screen.scss */ .edit-box.prive { background: #fdcfe4; border: 1px solid #ad0654; } -/* line 348, ../../sass/screen.scss */ +/* line 350, ../../sass/screen.scss */ .article-wrapper { display: table; } -/* line 350, ../../sass/screen.scss */ +/* line 352, ../../sass/screen.scss */ .article-wrapper .toc-wrapper, .article-wrapper article { display: table-cell; vertical-align: top; } -/* line 354, ../../sass/screen.scss */ +/* line 356, ../../sass/screen.scss */ .article-wrapper .toc-wrapper { max-width: 250px; width: 25%; } -/* line 358, ../../sass/screen.scss */ +/* line 360, ../../sass/screen.scss */ .article-wrapper .toc { position: -webkit-sticky; position: sticky; top: 0; } -/* line 362, ../../sass/screen.scss */ +/* line 364, ../../sass/screen.scss */ .article-wrapper .toc a { color: inherit; font-weight: normal; } -/* line 369, ../../sass/screen.scss */ +/* line 371, ../../sass/screen.scss */ .article-wrapper .toc .toc-h3 a { font-weight: 300; } -/* line 372, ../../sass/screen.scss */ +/* line 374, ../../sass/screen.scss */ .article-wrapper .toc .toc-active a { color: #8fcc33; } -/* line 381, ../../sass/screen.scss */ +/* line 383, ../../sass/screen.scss */ input, textarea, select, div.tinymce { background: #fff; font-size: 1em; @@ -467,13 +469,13 @@ input, textarea, select, div.tinymce { padding: 5px; text-align: left; } -/* line 390, ../../sass/screen.scss */ +/* line 392, ../../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 396, ../../sass/screen.scss */ +/* line 398, ../../sass/screen.scss */ input[type='text'], input[type='password'], input[type='email'], textarea, select { border: none; @@ -483,7 +485,7 @@ input[type='email'], textarea, select { transition: border 1s ease-out, background 1s ease-out; } -/* line 405, ../../sass/screen.scss */ +/* line 407, ../../sass/screen.scss */ input[type="submit"], .btn { font: 19px "Dosis", sans-serif; @@ -497,14 +499,14 @@ input[type="submit"], margin-right: 0; } -/* line 418, ../../sass/screen.scss */ +/* line 420, ../../sass/screen.scss */ p input[type="submit"], p .btn, h1 .btn { display: inline-block; } -/* line 424, ../../sass/screen.scss */ +/* line 426, ../../sass/screen.scss */ .edit-btn { border-color: #706c00; color: #000; @@ -513,14 +515,14 @@ h1 .btn { background-origin: content-box; background-size: contain; } -/* line 432, ../../sass/screen.scss */ +/* line 434, ../../sass/screen.scss */ .edit-btn:after { content: ""; width: 30px; display: inline-block; } -/* line 439, ../../sass/screen.scss */ +/* line 441, ../../sass/screen.scss */ select { -moz-appearance: none; appearance: none; @@ -529,7 +531,7 @@ select { cursor: pointer; } -/* line 447, ../../sass/screen.scss */ +/* line 449, ../../sass/screen.scss */ textarea, div.tinymce { border: none; border-left: 1px solid #8fcc33; @@ -538,20 +540,20 @@ textarea, div.tinymce { transition: border 1s ease-out, background 1s ease-out; } -/* line 455, ../../sass/screen.scss */ +/* line 457, ../../sass/screen.scss */ textarea { height: 200px; resize: vertical; } -/* line 461, ../../sass/screen.scss */ +/* line 463, ../../sass/screen.scss */ form .field { margin: 5px 0; display: flex; background: #fff; padding: 10px; } -/* line 467, ../../sass/screen.scss */ +/* line 469, ../../sass/screen.scss */ form .field label, form .field .label { display: inline-block; width: 250px; @@ -560,33 +562,33 @@ form .field label, form .field .label { padding-top: 5px; flex-shrink: 0; } -/* line 475, ../../sass/screen.scss */ +/* line 477, ../../sass/screen.scss */ form .field label { font-family: Podkova, serif; font-weight: bold; } -/* line 479, ../../sass/screen.scss */ +/* line 481, ../../sass/screen.scss */ form .field .help_text { font-style: italic; font-size: 0.9em; } -/* line 483, ../../sass/screen.scss */ +/* line 485, ../../sass/screen.scss */ form .field .input { display: inline-block; flex-grow: 1; margin-right: 10px; } -/* line 492, ../../sass/screen.scss */ +/* line 494, ../../sass/screen.scss */ ul.as-selections { display: flex; flex-wrap: wrap; } -/* line 496, ../../sass/screen.scss */ +/* line 498, ../../sass/screen.scss */ ul.as-selections li { display: inline-block; } -/* line 500, ../../sass/screen.scss */ +/* line 502, ../../sass/screen.scss */ ul.as-selections .as-selection-item { padding: 0 5px; background: #f99b20; @@ -595,52 +597,52 @@ ul.as-selections .as-selection-item { border-radius: 2px; font-weight: 500; } -/* line 508, ../../sass/screen.scss */ +/* line 510, ../../sass/screen.scss */ ul.as-selections .as-selection-item a.as-close { color: #fff; -webkit-cursor: pointer; cursor: pointer; margin-right: 5px; } -/* line 515, ../../sass/screen.scss */ +/* line 517, ../../sass/screen.scss */ ul.as-selections .as-selection-item.selected { background: #8fcc33; } -/* line 520, ../../sass/screen.scss */ +/* line 522, ../../sass/screen.scss */ ul.as-selections .as-original { flex-grow: 1; min-width: 200px; } -/* line 524, ../../sass/screen.scss */ +/* line 526, ../../sass/screen.scss */ ul.as-selections .as-original input { width: 100%; } -/* line 530, ../../sass/screen.scss */ +/* line 532, ../../sass/screen.scss */ div.as-results { position: relative; } -/* line 532, ../../sass/screen.scss */ +/* line 534, ../../sass/screen.scss */ div.as-results ul { position: absolute; width: 100%; background: #fff; border: 1px solid #d2ebad; } -/* line 539, ../../sass/screen.scss */ +/* line 541, ../../sass/screen.scss */ div.as-results ul li { padding: 3px 5px; } -/* line 545, ../../sass/screen.scss */ +/* line 547, ../../sass/screen.scss */ div.as-results ul li.as-result-item.active { background: #fddeb5; } -/* line 550, ../../sass/screen.scss */ +/* line 552, ../../sass/screen.scss */ div.as-results ul li.as-message { font-style: italic; } -/* line 558, ../../sass/screen.scss */ +/* line 560, ../../sass/screen.scss */ .window { display: none; position: fixed; @@ -651,11 +653,11 @@ div.as-results ul li.as-message { left: 0; z-index: 50; } -/* line 568, ../../sass/screen.scss */ +/* line 570, ../../sass/screen.scss */ .window.visible { display: block; } -/* line 572, ../../sass/screen.scss */ +/* line 574, ../../sass/screen.scss */ .window .window-bg { background: #000; opacity: 0.7; @@ -666,7 +668,7 @@ div.as-results ul li.as-message { top: 0; z-index: -1; } -/* line 583, ../../sass/screen.scss */ +/* line 585, ../../sass/screen.scss */ .window .window-content { position: relative; margin: 0 auto; @@ -680,11 +682,11 @@ div.as-results ul li.as-message { max-height: 100%; overflow: auto; } -/* line 597, ../../sass/screen.scss */ +/* line 599, ../../sass/screen.scss */ .window .window-content form label, .window .window-content form .label { width: 150px; } -/* line 603, ../../sass/screen.scss */ +/* line 605, ../../sass/screen.scss */ .window .window-closer { position: absolute; top: 0; @@ -692,36 +694,36 @@ div.as-results ul li.as-message { padding: 12px; z-index: 3; } -/* line 609, ../../sass/screen.scss */ +/* line 611, ../../sass/screen.scss */ .window .window-closer:after { content: "×"; } -/* line 615, ../../sass/screen.scss */ +/* line 617, ../../sass/screen.scss */ #map_addlieu { height: 500px; } -/* line 620, ../../sass/screen.scss */ +/* line 622, ../../sass/screen.scss */ .lieu-ui .map { height: 400px; width: 100%; } -/* line 624, ../../sass/screen.scss */ +/* line 626, ../../sass/screen.scss */ .lieu-ui .hidden { display: none; } -/* line 627, ../../sass/screen.scss */ +/* line 629, ../../sass/screen.scss */ .lieu-ui .masked { visibility: hidden; } -/* line 632, ../../sass/screen.scss */ +/* line 634, ../../sass/screen.scss */ #avis_lieu_vide { display: none; } -/* line 636, ../../sass/screen.scss */ +/* line 638, ../../sass/screen.scss */ a.lieu-change { color: #fff; background: #f99b20; @@ -734,20 +736,20 @@ a.lieu-change { border-radius: 5px; margin-right: 7px; } -/* line 648, ../../sass/screen.scss */ +/* line 650, ../../sass/screen.scss */ a.lieu-change.ajout:before { content: "+"; margin-right: 5px; } -/* line 654, ../../sass/screen.scss */ +/* line 656, ../../sass/screen.scss */ #stages-map { width: 100%; height: 600px; max-height: 90vh; } -/* line 660, ../../sass/screen.scss */ +/* line 662, ../../sass/screen.scss */ #feedback-button { position: fixed; left: 0; @@ -760,13 +762,13 @@ a.lieu-change.ajout:before { transform-origin: bottom left; } -/* line 673, ../../sass/screen.scss */ +/* line 675, ../../sass/screen.scss */ .betacadre { background: #fa6cae; padding: 10px; } -/* line 678, ../../sass/screen.scss */ +/* line 680, ../../sass/screen.scss */ .entrer { background: #fff; max-width: 500px; @@ -775,71 +777,71 @@ a.lieu-change.ajout:before { margin: 15px auto; } -/* line 686, ../../sass/screen.scss */ +/* line 688, ../../sass/screen.scss */ article.promo { display: block; font-size: 1.1em; } -/* line 690, ../../sass/screen.scss */ +/* line 692, ../../sass/screen.scss */ article.promo .explications { display: table; } -/* line 693, ../../sass/screen.scss */ +/* line 695, ../../sass/screen.scss */ article.promo .explications:first-child { direction: rtl; } -/* line 695, ../../sass/screen.scss */ +/* line 697, ../../sass/screen.scss */ article.promo .explications:first-child > * { direction: ltr; } -/* line 700, ../../sass/screen.scss */ +/* line 702, ../../sass/screen.scss */ article.promo .explications > div { display: table-cell; vertical-align: middle; text-align: center; } -/* line 705, ../../sass/screen.scss */ +/* line 707, ../../sass/screen.scss */ article.promo .explications > div p { margin: 15px 15px; } -/* line 712, ../../sass/screen.scss */ +/* line 714, ../../sass/screen.scss */ #id_stage-thematiques { display: none; } -/* line 716, ../../sass/screen.scss */ +/* line 718, ../../sass/screen.scss */ .leaflet-container { z-index: 1; } -/* line 721, ../../sass/screen.scss */ +/* line 723, ../../sass/screen.scss */ .stage-liste li { display: block; } -/* line 723, ../../sass/screen.scss */ +/* line 725, ../../sass/screen.scss */ .stage-liste li.date-maj { font-weight: bold; font-size: 0.9em; padding: 3px 0; } -/* line 728, ../../sass/screen.scss */ +/* line 730, ../../sass/screen.scss */ .stage-liste li.stage { padding: 10px; background: #fff; margin: 10px; } -/* line 733, ../../sass/screen.scss */ +/* line 735, ../../sass/screen.scss */ .stage-liste li.stage h3 { font-size: 1.4em; } -/* line 736, ../../sass/screen.scss */ +/* line 738, ../../sass/screen.scss */ .stage-liste li.stage h3 .auteur { font-family: "Dosis", sans-serif; font-weight: bold; font-size: 0.8em; } -/* line 742, ../../sass/screen.scss */ +/* line 744, ../../sass/screen.scss */ .stage-liste li.stage ul.infos { display: inline; } @@ -925,6 +927,16 @@ article.promo .explications > div p { } /* line 75, ../../sass/_responsive.scss */ + h1 { + font-size: 2em; + } + + /* line 79, ../../sass/_responsive.scss */ + h2 { + font-size: 1.6em; + } + + /* line 83, ../../sass/_responsive.scss */ #feedback-button { transform: unset; top: 0px; @@ -934,25 +946,26 @@ article.promo .explications > div p { background: rgba(0, 0, 0, 0.5); } - /* line 83, ../../sass/_responsive.scss */ + /* line 91, ../../sass/_responsive.scss */ .content { margin-top: 70px; + padding: 15px 3vw; } - /* line 86, ../../sass/_responsive.scss */ + /* line 95, ../../sass/_responsive.scss */ .article-wrapper { display: block; } - /* line 88, ../../sass/_responsive.scss */ + /* line 97, ../../sass/_responsive.scss */ .article-wrapper .toc-wrapper, .article-wrapper article { display: block; } - /* line 91, ../../sass/_responsive.scss */ + /* line 100, ../../sass/_responsive.scss */ .article-wrapper .toc-wrapper { max-width: unset; width: unset; } - /* line 95, ../../sass/_responsive.scss */ + /* line 104, ../../sass/_responsive.scss */ .article-wrapper .toc { display: none; position: relative; @@ -961,43 +974,58 @@ article.promo .explications > div p { padding: 4px; } - /* line 104, ../../sass/_responsive.scss */ + /* line 113, ../../sass/_responsive.scss */ article.stage h3 { margin-top: 10px; } - /* line 108, ../../sass/_responsive.scss */ + /* line 117, ../../sass/_responsive.scss */ article.stage section .avis-texte, article.stage section .chapo { padding: 10px; } - /* line 112, ../../sass/_responsive.scss */ + /* line 121, ../../sass/_responsive.scss */ article.stage section .plusmoins > div::before { width: 70px; } - /* line 117, ../../sass/_responsive.scss */ + /* line 126, ../../sass/_responsive.scss */ .homeh1 { display: block; } - /* line 119, ../../sass/_responsive.scss */ + /* line 128, ../../sass/_responsive.scss */ .homeh1 > * { display: block; } - /* line 124, ../../sass/_responsive.scss */ + /* line 133, ../../sass/_responsive.scss */ article.promo .explications { display: block; } - /* line 126, ../../sass/_responsive.scss */ + /* line 135, ../../sass/_responsive.scss */ article.promo .explications div { max-width: 100%; display: block; } - /* line 134, ../../sass/_responsive.scss */ + /* line 142, ../../sass/_responsive.scss */ + .stagelist { + display: block; + } + /* line 145, ../../sass/_responsive.scss */ + .stagelist li:before, .stagelist li, .stagelist a { + display: block; + width: auto; + max-width: auto; + } + /* line 151, ../../sass/_responsive.scss */ + .stagelist li.stage-ajout:before { + display: none; + } + + /* line 157, ../../sass/_responsive.scss */ form .field { display: block; } - /* line 137, ../../sass/_responsive.scss */ + /* line 160, ../../sass/_responsive.scss */ form .field label, form .field .label { display: block; text-align: left; @@ -1006,19 +1034,19 @@ article.promo .explications > div p { margin-top: 0; width: auto; } - /* line 146, ../../sass/_responsive.scss */ + /* line 169, ../../sass/_responsive.scss */ form .field .help_text { text-align: right; color: #395214; } - /* line 151, ../../sass/_responsive.scss */ + /* line 174, ../../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 { + /* line 180, ../../sass/_responsive.scss */ + form .field input, form .field textarea, form .field div.tinymce, form .field select { background: #f4faeb; } }