Meilleur logo pour les écrans inférieurs à 390px

[website.git] / local.css

diff --git a/local.css b/local.css
index b33de8f61147aac61822b26594343a60ba5efe59..efe24e751f4734c9fbaa047cc6f37076237f367d 100644 (file)
--- a/local.css
+++ b/local.css
@@ -115,6 +115,13 @@ thead td {
        background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left;
   background-size: 100%;
 }
+@media screen and (max-width: 390px) {
+  #logo {
+    background-image: url(assets/logo-nos-oignons-blanc-small.png);
+    background-position: left center;
+    height: 100px;
+  }
+}
 
 #logo span {
        display: none;
@@ -357,22 +364,28 @@ main .header a {
 }
 
 main .feedlink a {
-       text-decoration: none;
+  text-decoration: none;
+  /*color: #ffa430;*/
 }
 
 main .feedlink {
-       text-align: right;
-       margin-top: -2.8em;
-       min-height: 2.8em;
+  float: right;
+       text-align: left;
+  margin-top: -3.5em;
+}
+@media screen and (max-width: 400px) {
+  main .feedlink {
+    float: none;
+    margin-top: -2em;
+    margin-bottom: 2em;
+  }
 }
 main .feedlink .feedbutton {
        font-size: 0.8em;
-       color: #57075f !important;
        background: transparent;
        border: none;
 }
 main .feedlink .feedbutton:hover {
-       color: #57075f !important;
        background: transparent;
        text-decoration: underline;
 }
@@ -452,7 +465,7 @@ main .footnotes {
     animation: progress-bar 1.5s;
   }
   .progress-bar-wrapper .progress-bar-promises {
-    background: grey url(assets/progress_bar.png) left bottom repeat-x;
+    background-position: left bottom;
     z-index: 1;
   }