X-Git-Url: https://git.deb.at/?a=blobdiff_plain;f=local.css;h=c5486d96ab3d8ef9fd128ea983c4c4d18e3aaa7e;hb=35645560fe4765bb848cc03f514619f730e77274;hp=77f49e320675c980e41edbd95c7f183fc924a1a0;hpb=036f7043c2812d128e966f5a7a9654b947fbb8ed;p=debienna.git diff --git a/local.css b/local.css index 77f49e3..c5486d9 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%; } +#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, #content{ - border-radius: 10px; + border-radius: 1em; background-color: white; - padding: 10px; + padding: 1em; } @@ -36,41 +49,34 @@ 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: 5em; + margin-top: 0em; + height: 4em; display: block; - font-size: 2em; - padding-top: 47px; + font-size: 200%; + padding-top: 1em; } .pageheader .header{ - border-radius: 10px; + border-radius: 1em; background-color: white; - padding: 10px; - height: 100px; + padding: 1em; + height: 5.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{