]> nos-oignons.net Git - website.git/blobdiff - assets/home.css
Liberapay est de nouveau utilisable
[website.git] / assets / home.css
index a694deb84b84c06aeabe8c5a26d93dcfd0caa634..72552681cdc9fe2bda5deac72d27d63d1c73f556 100644 (file)
@@ -1,54 +1,41 @@
-.pageheader {
-       position: absolute;
-       top: 0;
-       height: 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;
-       padding-top: 31px; /* need to add 1px normaly used by the sidebar */
-}
+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;