X-Git-Url: https://git.ucc.asn.au/?p=planet-ucc.git;a=blobdiff_plain;f=planet.css;h=ea0c89d7e60065a5ad227f1bbe2d8da263e30c6c;hp=2ac8cba2d81c87e33cad7e7d8d16faff50dc587b;hb=39cbf12e7c891c3ac0d7e57edfe19cfd4edbff42;hpb=a7ca2c33a85efa236ccfcbb64a5ffac0f712b3fd diff --git a/planet.css b/planet.css index 2ac8cba..ea0c89d 100644 --- a/planet.css +++ b/planet.css @@ -1,10 +1,36 @@ -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 { + background-color: white; 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 +40,7 @@ DIV#sidebar h2 { padding: 0.5ex; } -DIV#sidebar p { +.sidebar p { border-color: black; border-style: solid; border-width: 1pt; @@ -22,32 +48,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: 70px; } -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 +83,62 @@ DIV#item h2 { padding: 0.5ex; } -DIV#item a > img { +.item h2 a { + text-decoration: none; + color: black; +} +.item h2 a:visited { + text-decoration: none; + color: black; +} + +.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; }