X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/cfbbd27b3bd9813314385412e41cbdb7afd62c28..a62e1d8d021af6afc30267aa6cb8283e5480105a:/local.css diff --git a/local.css b/local.css index c5d7635..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 {} @@ -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;