X-Git-Url: https://git.deb.at/?p=debienna.git;a=blobdiff_plain;f=local.css;h=f2a049d2d5ec059455824056c8134ba2cf78ce66;hp=1954a3cc9b7c61d9f9a9fa93e587e8182c4ba4bf;hb=5fd9411f382b79d44a098a066d27901c3dffad36;hpb=36a2ae5aa469c830a68bff19a3ca6da5a8bcf113 diff --git a/local.css b/local.css index 1954a3c..f2a049d 100644 --- a/local.css +++ b/local.css @@ -4,67 +4,91 @@ 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 .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; } -#footer{ - width: 960px; - padding: 10px; - margin: 0 auto; - margin-top: 20px; +.pageheader .header{ + border-radius: 1em; + background-color: white; + padding: 1em; + height: 4.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 +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; +}