X-Git-Url: https://git.ucc.asn.au/?p=planet-ucc.git;a=blobdiff_plain;f=planet.css;h=69da088aa7e27517bcbdc7334d93a1e43b91de65;hp=2ac8cba2d81c87e33cad7e7d8d16faff50dc587b;hb=38e3a5e3bc3dfae433af9bbf96d93d74d0641795;hpb=a7ca2c33a85efa236ccfcbb64a5ffac0f712b3fd diff --git a/planet.css b/planet.css index 2ac8cba..69da088 100644 --- a/planet.css +++ b/planet.css @@ -1,10 +1,35 @@ -DIV#sidebar { +.header p { + position: absolute; + background-color: black; + color: black; + top: 0; + left: 0; + right: 0; + height: 75px; + width: 100%; + margin: 0; +} + +.header img.title { + position: absolute; + top: 0; + left: 2em; +} + +.header img.logo { + position: absolute; + top: 0; + right: 0; +} + +.sidebar { position: absolute; right: 0.5em; - width: 13.5em; + width: 195px; + top: 130px; } -DIV#sidebar h2 { +.sidebar h2 { background-color: black; color: white; font-size: 1em; @@ -14,7 +39,7 @@ DIV#sidebar h2 { padding: 0.5ex; } -DIV#sidebar p { +.sidebar p { border-color: black; border-style: solid; border-width: 1pt; @@ -22,32 +47,34 @@ DIV#sidebar p { padding: 0.5ex; } -DIV#sidebar a { +.sidebar a { color: blue; text-decoration: underline; } -DIV#sidebar a:visited { +.sidebar a:visited { color: blue; text-decoration: underline; } -DIV#items { - padding-right: 14em; +.items { + padding-right: 200px; + padding-top: 5em; } -DIV#items h1 { +.items h1 { background-color: black; color: white; font-size: 1.5em; font-family: sans-serif; padding: 0.5ex; + margin-bottom: 0; } -DIV#item { +.item { padding: 0.5em; } -DIV#item h2 { +.item h2 { background-color: #dddddd; color: black; font-size: 1em; @@ -55,52 +82,53 @@ DIV#item h2 { padding: 0.5ex; } -DIV#item a > img { +.item img { border-style: none; - padding-left: 0.5ex; + padding-left: 1ex; padding-right: 0.5ex; } -DIV#item img.image { +.item img.image { float: right; margin: 10pt; padding: 0em; } -DIV#item p.body { +.item p.body { padding: 0.5em; + text-align: justify; } -DIV#item p.time { +.item p.time { color: #999999; } -DIV#item p.body a { +.item a { color: blue; text-decoration: underline; } -DIV#item p.body a:visited { +.item a:visited { color: blue; text-decoration: underline; } -DIV#item p.time a { +.item p.time a { color: #999999; - text-decoration: none; + text-decoration: underline; } -DIV#item p.time a:visited { +.item p.time a:visited { color: #999999; - text-decoration: none; + text-decoration: underline; } -DIV#footer { +.footer { color: #999999; text-align: center; } -DIV#footer a { +.footer a { color: #5555AA; text-decoration: underline; } -DIV#footer a:visited { +.footer a:visited { color: #5555AA; text-decoration: underline; }