X-Git-Url: https://git.deb.at/?p=debienna.git;a=blobdiff_plain;f=local.css;h=c5486d96ab3d8ef9fd128ea983c4c4d18e3aaa7e;hp=413d2a4659f73f948108d190b663037ea94e827b;hb=fcd546fb7d1dfc6ede14872e2d24bb84c876cebf;hpb=ab67a387a49d59603c2d752000f288cb26788a28 diff --git a/local.css b/local.css index 413d2a4..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%; } -.columns{ - 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; } +} + +.columns, #content{ + 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('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: 5em; + margin-top: 0em; + height: 4em; display: block; - font-size: 2em; - padding-top: 30px; + 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{