]> nos-oignons.net Git - website.git/blobdiff - local.css
Traduction don Framasoft en anglais
[website.git] / local.css
index c5d76358d6151819abe89eca5102d390da2b77c1..ba0db98c77bfb0d435b5ecb0dff18eae1fcf2797 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;
@@ -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 {}
@@ -442,7 +452,7 @@ main .footnotes {
   margin: 2em auto;
   height: 85px;
   width: 600px;
-  background: lightGrey url(assets/progress_bar.png) top left repeat-x;
+  background: url(assets/progress_bar.png) top left repeat-x;
   border: 1px solid #ccc;
   border-bottom: 0;
   position: relative;
@@ -450,7 +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: url(assets/progress_bar.png) left -85px repeat-x;
     z-index: 2;
     /* animate progress bar */
     -webkit-animation: progress-bar 1.5s;