2019-09-19 Termin

[debienna.git] / local.css

diff --git a/local.css b/local.css
index b43f4538b0dc3b1e4f8b5ca62bdf4ecf3a195cfe..f2a049d2d5ec059455824056c8134ba2cf78ce66 100644 (file)
--- a/local.css
+++ b/local.css
@@ -5,7 +5,7 @@ body{
 }
 
 .page{
-       max-width: 960px;
+       max-width: 60em;
        margin: 0 auto;
 }
 
@@ -15,7 +15,7 @@ body{
 
 .column-left{
        float: left;
-       width: 50%;
+       width: 45%;
 }
 
 .column-right{
@@ -23,10 +23,23 @@ body{
        width: 45%;
 }
 
-.columns, #content{
-       border-radius: 10px;
+#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; }
+}
+
+#content{
+       border-radius: 1em;
        background-color: white;
-       padding: 10px;
+       padding: 1em;
 }
 
 
@@ -36,48 +49,46 @@ h1, h2, h3, .title{
 }
 
 .pageheader {
-       margin: 20px auto;
+       margin: 1.0em auto;
+}
+
+.pageheader .parentlinks{
+    height: 1em;
+    display: block;
 }
 
 .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;
        display: block;
-       font-size: 2em;
-       padding-top: 30px;
+       font-size: 150%;
+       padding-top: 0.9em;
+    line-height: 1em;
 }
 
 .pageheader .header{
-       border-radius: 10px;
+       border-radius: 1em;
        background-color: white;
-       padding: 10px;
-       height: 100px;
+       padding: 1em;
+       height: 4.0em;
 }
 
 .pageheader .actions{
-       padding: 10px;
-       height: 30px;
+       padding: 1em;
+       height: 1.5em;
 }
 
 .pagebody{
-       max-width: 960px;
-}
-
-#footer{
-       width: 960px;
-       padding: 10px;
-       margin: 0 auto;
-       margin-top: 20px;
+       max-width: 60em;
 }
 
 a{
        text-decoration: none;
 }
 
-a:link, a:vistited {
+a:link, a:visited {
        color: #1888A4;
        text-decoration: none;
 }
@@ -86,3 +97,13 @@ a:active, a:hover{
        color: #23C7F0;
        text-decoration: none;
 }
+
+.parentlinks a:link, .parentlinks a:visited{
+       color: #C70036;
+       padding-right: 0.5em;
+}
+
+.imgcenter {
+    display: block;
+    margin: 0px auto;
+}