X-Git-Url: https://git.deb.at/?p=debienna.git;a=blobdiff_plain;f=local.css;h=f2a049d2d5ec059455824056c8134ba2cf78ce66;hp=0785753199bf3e1a5550045251136b4f500dfd72;hb=f75ab628610e8716ed9df42f4cd6e4043317552d;hpb=8d24c6889bfde33eebfdba55529b9a81837e6250 diff --git a/local.css b/local.css index 0785753..f2a049d 100644 --- a/local.css +++ b/local.css @@ -1,28 +1,109 @@ -.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 .parentlinks{ + height: 1em; + display: block; +} + +.pageheader .title{ + background-image: url('swirl_and_vienna.png'); + background-repeat: no-repeat; + padding-left: 7em; + margin-top: 0.6em; + display: block; + font-size: 150%; + padding-top: 0.9em; + line-height: 1em; +} + +.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:visited { + color: #1888A4; + text-decoration: none; +} + +a:active, a:hover{ + color: #23C7F0; + text-decoration: none; +} + +.parentlinks a:link, .parentlinks a:visited{ + color: #C70036; + padding-right: 0.5em; } -.title { +.imgcenter { + display: block; + margin: 0px auto; }