X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/9d4f318af64fca7e8d0c8b5a45c39a23d56ad66d..41ff813606122a311a5cb422294547e30f52407e:/local.css diff --git a/local.css b/local.css index c7c2ebc..c1e2a8e 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; @@ -441,9 +448,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 +457,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;