X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/e5a3e3c0f4bffc546616d01ec86127462fad31f5..b7335be81736a3c54911d2fe7fa5744d707c51b0:/assets/home.css?ds=sidebyside diff --git a/assets/home.css b/assets/home.css index ab2d712..7255268 100644 --- a/assets/home.css +++ b/assets/home.css @@ -1,52 +1,41 @@ -.pageheader { - position: absolute; - top: 0; - background: none; - box-shadow: none; +@media screen and (min-width: 45em) { + #logo { + width: auto; + height: 200px; + background: url(home-logo.png) no-repeat -490px center; + } + .body-wrapper > header {background: none;} } - -.pageheader .title { - display: none; -} - -#pagebody { - padding: 0.1em 2em; +@media screen and (min-width: 45em) and (max-width: 900px) { + #logo { + background-position: right center; + } } -.sidebar { - border-top: none; -} +h1.title {display: none;} -#content { - margin-top: 188px; /* same as #logo-home:height */ - padding-top: 0; -} - -/* {{{ #logo-home */ -#logo-container { - position: absolute; - top: 0; - left: -11.44em; /* same as .sidebar: width */ - width: 54em; -} - -#logo-home { - background: url(home-logo.png) no-repeat 100% 0; - height: 188px; -} - -#logo-home-subtext-fr, #logo-home-subtext-en { +#logo-home-subtext-fr, +#logo-home-subtext-en { font-size: 160%; line-height: 1em; text-align: right; margin-top: 1em; } +@media screen and (max-width: 45em) { + #logo-home-subtext-fr, + #logo-home-subtext-en { + font-size: 1.3em; + text-align: center; + } +} + #logo-home-subtext-fr { } #logo-home-subtext-en { } -#logo-home-subtext-fr a , #logo-home-subtext-en a { +#logo-home-subtext-fr a , +#logo-home-subtext-en a { display: block; font-weight: bold; text-decoration: none;