adding tip
[debienna.git] / local.css
index 0785753..580857a 100644 (file)
--- a/local.css
+++ b/local.css
@@ -1,28 +1,99 @@
-.contentwrapper{
-       width: 960px;
+body{
+       background-color: #DDDDDD;
+       font-family: Sans;
+       font-size: 0.8em;
+}
+
+.page{
+       max-width: 60em;
        margin: 0 auto;
+}
 
+.contentwrapper{
+       overflow: auto;
 }
 
 .column-left{
        float: left;
-       width: 500px;
-       background-color: #DDDDDD;
-       padding: 10px;
+       width: 45%;
 }
 
 .column-right{
        float: right;
-       width: 400px;
-       background-color: #DDDDDD;
-       padding: 10px;
+       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; }
+}
+
+#content{
+       border-radius: 1em;
+       background-color: white;
+       padding: 1em;
 }
 
 
 /*Adjustment of textAdjustment of text */  
 h1, h2, h3, .title{
-       color: #D70A53;
+       color: #C70036;
+}
+
+.pageheader {
+       margin: 1.0em auto;
+}
+
+.pageheader .title{
+       background-image: url('swirl_and_vienna.png');
+       background-repeat: no-repeat;
+       padding-left: 7em;
+       margin-top: 0.6em;
+       height: 4em;
+       display: block;
+       font-size: 150%;
+       padding-top: 1.8em;
+}
+
+.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:visited {
+       color: #1888A4;
+       text-decoration: none;
+}
+
+a:active, a:hover{
+       color: #23C7F0;
+       text-decoration: none;
 }
 
-.title {
+.parentlinks a:link, .parentlinks a:visited{
+       color: #C70036;
+       padding-right: 0.5em;
 }