work for smaller screens

[debienna.git] / local.css

diff --git a/local.css b/local.css
index b43f4538b0dc3b1e4f8b5ca62bdf4ecf3a195cfe..fc961c70ca6398ee9c69893972729c4cc6e4b3ab 100644 (file)
--- 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;
@@ -40,14 +53,14 @@ h1, h2, h3, .title{
 }
 
 .pageheader .title{
-       background-image: url('debian_swirl-75.png');
+       background-image: url('swirl_and_vienna.png');
        background-repeat: no-repeat;
-       padding-left: 100px;
-       margin: auto 10;
+       padding-left: 170px;
+       margin-top:10px;
        height: 95px;
        display: block;
        font-size: 2em;
-       padding-top: 30px;
+       padding-top: 47px;
 }
 
 .pageheader .header{
@@ -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;
 }