X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/5c6caa0cb0e6c125d2c48594b5971d1cbb634b32..049ab70b66244f2b900695edcb581a2dca25eac3:/assets/home.css diff --git a/assets/home.css b/assets/home.css index fcfd467..7255268 100644 --- a/assets/home.css +++ b/assets/home.css @@ -1,46 +1,48 @@ -.pageheader { - position: absolute; - top: 0; - background: 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;} } - - -#content { - padding-top: 0; +@media screen and (min-width: 45em) and (max-width: 900px) { + #logo { + background-position: right center; + } } -/* {{{ #logo-home */ -#logo-container { -} +h1.title {display: none;} -#logo-home { - width: 750px; - margin: auto; - background: white url(home-logo.png) no-repeat 0 0; - padding-top: 188px; +#logo-home-subtext-fr, +#logo-home-subtext-en { + font-size: 160%; + line-height: 1em; + text-align: right; + margin-top: 1em; } - -#logo-home-subtext-fr, #logo-home-subtext-en { - width: 40%; - margin-left: 10%; - text-align: center; - font-size: 18pt; - line-height: 18pt; - float: left; +@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; } -#logo-home-bottom { - clear: both; +#logo-subtexts { + margin-bottom: 2em; } /* #logo-home }}} */