From: chrysn <chrysn@fsfe.org>
Date: Sat, 4 May 2013 11:24:02 +0000 (+0200)
Subject: work for smaller screens
X-Git-Url: https://git.deb.at/?a=commitdiff_plain;h=c7adeff3f5a6302c2ba5674c5daac57ed59cc12f;p=debienna.git

work for smaller screens
---

diff --git a/local.css b/local.css
index 77f49e3..fc961c7 100644
--- a/local.css
+++ b/local.css
@@ -23,6 +23,19 @@ body{
 	width: 45%;
 }
 
+#footer{
+	width: 960px;
+	padding: 10px;
+	margin: 0 auto;
+	margin-top: 20px;
+}
+
+@media (max-width: 960px) {
+	.column-left { float: none; width: auto; }
+	.column-right { float: none; width: auto; }
+	#footer { width: auto; }
+}
+
 .columns, #content{
 	border-radius: 10px;
 	background-color: white;
@@ -66,13 +79,6 @@ h1, h2, h3, .title{
 	max-width: 960px;
 }
 
-#footer{
-	width: 960px;
-	padding: 10px;
-	margin: 0 auto;
-	margin-top: 20px;
-}
-
 a{
 	text-decoration: none;
 }