X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/e78364e0ca0cf673f81aac88212200a802cf8101..1306f54b012224310a49f78b4b7ea253f9a9f7b3:/local.css?ds=sidebyside diff --git a/local.css b/local.css index b33de8f..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; @@ -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; } @@ -436,7 +449,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; @@ -444,7 +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: url(assets/progress_bar.png) left -85px repeat-x; z-index: 2; /* animate progress bar */ -webkit-animation: progress-bar 1.5s; @@ -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; }