X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/9d4f318af64fca7e8d0c8b5a45c39a23d56ad66d..6159e9ec836e07499495a29feaaedeecac9894af:/local.css

diff --git a/local.css b/local.css
index c7c2ebc..ba0db98 100644
--- 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;
@@ -273,6 +280,9 @@ main a:hover {
 main p {
 	margin: 1em 0 1em 0;
 }
+main li p {
+  margin-top: 0;
+}
 
 main hr {
 	border: none;
@@ -405,8 +415,8 @@ main .footnotes {
   text-align: center;
 }
 
-#bandwidth {text-align: center;}
-#bandwidth svg {text-align: left;}
+#bandwidth, #weights {text-align: center;}
+#bandwidth svg, #weights svg {text-align: left;}
 
 /* Tor nodes table */
 .tor-nodes {}
@@ -441,9 +451,8 @@ main .footnotes {
 .progress-bar-wrapper {
   margin: 2em auto;
   height: 85px;
-  max-width: 600px;
-  background: lightGrey url(assets/progress_bar.png) top left repeat-x;
-  background-size: 16.666667% 300%;
+  width: 600px;
+  background: url(assets/progress_bar.png) top left repeat-x;
   border: 1px solid #ccc;
   border-bottom: 0;
   position: relative;
@@ -451,8 +460,7 @@ main .footnotes {
   .progress-bar-wrapper .progress-bar {
     position: absolute;
     height: 85px;
-    background: grey url(assets/progress_bar.png) left -85px repeat-x;
-    background-size: 16.666667% 300%;
+    background: url(assets/progress_bar.png) left -85px repeat-x;
     z-index: 2;
     /* animate progress bar */
     -webkit-animation: progress-bar 1.5s;