X-Git-Url: https://nos-oignons.net/gitweb/website.git/blobdiff_plain/e4b7c30154106f2981973151fc83ba7a6d10c558..05b7d41cbbb7af73fd07438f773b3ec2955f8cd0:/assets/home.css

diff --git a/assets/home.css b/assets/home.css
index 1840264..7255268 100644
--- a/assets/home.css
+++ b/assets/home.css
@@ -1,53 +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;
-}
+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;