Fix responsive + plus de contraste

mainsite/static/css/screen.css

@@ -76,7 +76,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
 
 /* line 17, ../sass/screen.scss */
 body, html {
-  background: #fff9a4;
+  background: #f8ef78;
   padding: 0;
   margin: 0;
   height: 100%;
@@ -226,8 +226,9 @@ header {
   flex-grow: 1;
   padding: 20px;
   width: 100%;
+  border: 1px solid rgba(140, 14, 0, 0.5);
 }
-/* line 154, ../sass/screen.scss */
+/* line 155, ../sass/screen.scss */
 .main .last-publication a {
   display: block;
   max-width: 350px;
@@ -243,35 +244,35 @@ header {
   box-shadow: 0 0 0 rgba(140, 14, 0, 0);
   transition: box-shadow 1s ease-out;
 }
-/* line 169, ../sass/screen.scss */
+/* line 170, ../sass/screen.scss */
 .main .last-publication a:hover {
   box-shadow: 0 0 5px #8c0e00;
 }
 
-/* line 175, ../sass/screen.scss */
+/* line 176, ../sass/screen.scss */
 .publication-list {
   margin: 10px 5px;
   margin-left: 30px;
   padding: 0 30px;
   max-width: 700px;
 }
-/* line 181, ../sass/screen.scss */
+/* line 182, ../sass/screen.scss */
 .publication-list .publication-entry {
   display: flex;
   align-items: center;
   position: relative;
   border-bottom: 1px solid #86abcb;
 }
-/* line 187, ../sass/screen.scss */
+/* line 188, ../sass/screen.scss */
 .publication-list .publication-entry:first-child {
   border-top: 1px solid #86abcb;
 }
-/* line 191, ../sass/screen.scss */
+/* line 192, ../sass/screen.scss */
 .publication-list .publication-entry > span {
   padding: 7px 5px;
   display: inline-block;
 }
-/* line 195, ../sass/screen.scss */
+/* line 196, ../sass/screen.scss */
 .publication-list .publication-entry .publication-date {
   text-align: right;
   font-weight: light;
@@ -279,16 +280,16 @@ header {
   font-style: italic;
   width: 100px;
 }
-/* line 202, ../sass/screen.scss */
+/* line 203, ../sass/screen.scss */
 .publication-list .publication-entry .publication-descr {
   font-size: 0.9em;
   opacity: 0.9;
 }
-/* line 205, ../sass/screen.scss */
+/* line 206, ../sass/screen.scss */
 .publication-list .publication-entry .publication-descr:before {
   content: "– ";
 }
-/* line 209, ../sass/screen.scss */
+/* line 210, ../sass/screen.scss */
 .publication-list .publication-entry a.overlay {
   position: absolute;
   z-index: 1;
@@ -298,13 +299,13 @@ header {
   left: 0;
 }
 
-@media screen and (max-width: 600px) {
-  /* line 221, ../sass/screen.scss */
-  .container {
-    margin-top: 60px;
+@media screen and (max-width: 599px) {
+  /* line 222, ../sass/screen.scss */
+  body {
+    padding-top: 75px;
   }
 
-  /* line 224, ../sass/screen.scss */
+  /* line 225, ../sass/screen.scss */
   header, .sidebar {
     position: fixed;
     top: 0;
@@ -312,39 +313,39 @@ header {
     width: 100%;
   }
 
-  /* line 230, ../sass/screen.scss */
+  /* line 231, ../sass/screen.scss */
   header {
     z-index: 15;
     right: 60px;
     height: 60px;
   }
-  /* line 234, ../sass/screen.scss */
+  /* line 235, ../sass/screen.scss */
   header img {
     height: 55px;
   }
 
-  /* line 238, ../sass/screen.scss */
+  /* line 239, ../sass/screen.scss */
   .sidebar {
     z-index: 14;
-    background: #fff9a4;
+    background: #f8ef78;
     border-bottom: 3px solid #8c0e00;
     padding: 4px;
     padding-top: 55px;
     max-height: 100vh;
     overflow-y: auto;
   }
-  /* line 247, ../sass/screen.scss */
+  /* line 248, ../sass/screen.scss */
   .sidebar .minimenu {
     position: absolute;
     right: 5px;
     top: 5px;
     display: block;
   }
-  /* line 252, ../sass/screen.scss */
+  /* line 253, ../sass/screen.scss */
   .sidebar .minimenu img {
     height: 50px;
   }
-  /* line 256, ../sass/screen.scss */
+  /* line 257, ../sass/screen.scss */
   .sidebar ul.nav {
     display: flex;
     width: 100%;
@@ -353,17 +354,17 @@ header {
     font-size: 0.95em;
     margin-bottom: 10px;
   }
-  /* line 264, ../sass/screen.scss */
+  /* line 265, ../sass/screen.scss */
   .sidebar ul.nav li {
     display: inline-block;
     min-width: 150px;
     margin: 5px;
   }
-  /* line 268, ../sass/screen.scss */
+  /* line 269, ../sass/screen.scss */
   .sidebar ul.nav li a {
     padding: 10px;
   }
-  /* line 275, ../sass/screen.scss */
+  /* line 276, ../sass/screen.scss */
   .sidebar.collapse ul {
     display: none;
   }

mainsite/static/sass/screen.scss

@@ -15,7 +15,7 @@ $switchwidth: 600px;
 }
 
 body, html {
-    background: $cadreclair;
+    background: desaturate(darken($cadreclair, 10%), 10%);
     padding: 0;
     margin: 0;
     height: 100%;
@@ -150,6 +150,7 @@ header {
     flex-grow: 1;
     padding: 20px;
     width: 100%;
+    border: 1px solid rgba($rouge, 0.5);
 
     .last-publication a {
         display: block;
@@ -217,9 +218,9 @@ header {
     }
 }
 
-@media screen and (max-width:$switchwidth) {
-    .container {
-        margin-top: 60px;
+@media screen and (max-width:$switchwidth - 1px) {
+    body {
+        padding-top: 75px;
     }
     header, .sidebar {
         position:fixed;
@@ -237,7 +238,7 @@ header {
     }
     .sidebar {
         z-index: 14;
-        background: $cadreclair;
+        background: desaturate(darken($cadreclair, 10%), 10%);
         border-bottom: 3px solid $rouge;
         padding: 4px;
         padding-top: 55px;