X-Git-Url: https://git.deb.at/?p=debienna.git;a=blobdiff_plain;f=local.css;h=580857a553a6a191d969cc225019a71e61c9e519;hp=77f49e320675c980e41edbd95c7f183fc924a1a0;hb=5f245e2f0e79b7e544b1e080eba5c2ba426f9c4c;hpb=036f7043c2812d128e966f5a7a9654b947fbb8ed diff --git a/local.css b/local.css index 77f49e3..580857a 100644 --- 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,41 @@ h1, h2, h3, .title{ } .pageheader { - margin: 20px auto; + margin: 1.0em auto; } .pageheader .title{ background-image: url('swirl_and_vienna.png'); background-repeat: no-repeat; - padding-left: 170px; - margin-top:10px; - height: 95px; + padding-left: 7em; + margin-top: 0.6em; + height: 4em; display: block; - font-size: 2em; - padding-top: 47px; + font-size: 150%; + padding-top: 1.8em; } .pageheader .header{ - border-radius: 10px; + border-radius: 1em; background-color: white; - padding: 10px; - height: 100px; + padding: 1em; + height: 6.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 +92,8 @@ a:active, a:hover{ color: #23C7F0; text-decoration: none; } + +.parentlinks a:link, .parentlinks a:visited{ + color: #C70036; + padding-right: 0.5em; +}