Liberapay est de nouveau utilisable

[website.git] / assets / home.css

diff --git a/assets/home.css b/assets/home.css
index 00957b8cd7b57b7f283255b08acf21f41260d695..72552681cdc9fe2bda5deac72d27d63d1c73f556 100644 (file)
--- 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: 20pt;
-       line-height: 20pt;
-       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 }}} */