Harald will auch kommen

[debienna.git] / local.css

diff --git a/local.css b/local.css
index 1954a3cc9b7c61d9f9a9fa93e587e8182c4ba4bf..580857a553a6a191d969cc225019a71e61c9e519 100644 (file)
--- a/local.css
+++ b/local.css
@@ -4,67 +4,86 @@ body{
        font-size: 0.8em;
 }
 
-
-.contentwrapper{
-       width: 960px;
+.page{
+       max-width: 60em;
        margin: 0 auto;
+}
 
+.contentwrapper{
+       overflow: auto;
 }
 
 .column-left{
        float: left;
-       width: 450px;
+       width: 45%;
 }
 
 .column-right{
        float: right;
-       width: 450px;
+       width: 45%;
+}
+
+#footer{
+       width: 60em;
+       padding: 1em;
+       margin: 0 auto;
+       margin-top: 1.0em;
+}
+
+@media (max-width: 60em) {
+       .column-left { float: none; width: auto; }
+       .column-right { float: none; width: auto; }
+       #footer { width: auto; }
 }
 
-.columns{
-       border-radius: 10px;
+#content{
+       border-radius: 1em;
        background-color: white;
-       padding: 10px;
+       padding: 1em;
 }
 
 
 /*Adjustment of textAdjustment of text */  
 h1, h2, h3, .title{
-       color: #D70A53;
+       color: #C70036;
 }
 
 .pageheader {
-       border-radius: 10px;
-       background-color: white;
-       padding: 10px;
-       width: 960px;
-       margin: 20px auto;
-       height: 100px;
+       margin: 1.0em auto;
 }
 
 .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;
-       height: 95px;
+       padding-left: 7em;
+       margin-top: 0.6em;
+       height: 4em;
        display: block;
-       font-size: 2em;
-       padding-top: 30px;
+       font-size: 150%;
+       padding-top: 1.8em;
 }
 
-#footer{
-       width: 960px;
-       padding: 10px;
-       margin: 0 auto;
-       margin-top: 20px;
+.pageheader .header{
+       border-radius: 1em;
+       background-color: white;
+       padding: 1em;
+       height: 6.0em;
+}
+
+.pageheader .actions{
+       padding: 1em;
+       height: 1.5em;
+}
+
+.pagebody{
+       max-width: 60em;
 }
 
 a{
        text-decoration: none;
 }
 
-a:link, a:vistited {
+a:link, a:visited {
        color: #1888A4;
        text-decoration: none;
 }
@@ -73,3 +92,8 @@ a:active, a:hover{
        color: #23C7F0;
        text-decoration: none;
 }
+
+.parentlinks a:link, .parentlinks a:visited{
+       color: #C70036;
+       padding-right: 0.5em;
+}