X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=planet.css;h=3a6a7bd9a3234f954f017ca87095dd5459cb6da9;hb=02c5a35a10ecd941123537e4334da5870e400a47;hp=9d7f5195c699675f44a8a9c59e8b11b7be9e87ef;hpb=7f7b5dc483c963fd7e24dce548d06acc68c0fe95;p=planet-ucc.git diff --git a/planet.css b/planet.css index 9d7f519..3a6a7bd 100644 --- a/planet.css +++ b/planet.css @@ -1,32 +1,36 @@ -DIV#header { +.header p { position: absolute; + background-color: black; + color: black; top: 0; left: 0; right: 0; height: 75px; - background-color: black; + width: 100%; + margin: 0; } -DIV#header img.title { +.header img.title { position: absolute; top: 0; left: 2em; } -DIV#header img.logo { +.header img.logo { position: absolute; top: 0; right: 0; } -DIV#sidebar { +.sidebar { + background-color: white; position: absolute; right: 0.5em; width: 195px; top: 130px; } -DIV#sidebar h2 { +.sidebar h2 { background-color: black; color: white; font-size: 1em; @@ -36,94 +40,122 @@ DIV#sidebar h2 { padding: 0.5ex; } -DIV#sidebar p { +.sidebar p { border-color: black; border-style: solid; - border-width: 1pt; + border-width: 1px; margin: 0; padding: 0.5ex; + background-color: #e0e0e0; } -DIV#sidebar a { +.sidebar a { color: blue; text-decoration: underline; } -DIV#sidebar a:visited { +.sidebar a:visited { color: blue; text-decoration: underline; } -DIV#items { +.items { padding-right: 200px; - padding-top: 0.5ex; + padding-top: 70px; } -DIV#items h1 { +body { + margin-left: 0; +} + +.items h1 { background-color: black; color: white; font-size: 1.5em; font-family: sans-serif; padding: 0.5ex; + padding-left: 0.5em; + margin-bottom: 0; } -DIV#item { - padding: 0.5em; +.item { + margin-top: 1em; + margin-left: 0.5em; + padding: 0; + border-style: solid; + border-color: black; + border-width: 1px; + background-color: #E0E0E0; } -DIV#item h2 { - background-color: #dddddd; - color: black; +.item h2 { + background-color: black; + color: white; font-size: 1em; font-family: sans-serif; padding: 0.5ex; + margin: 0; } -DIV#item a > img { +.item h2 a { + text-decoration: none; + color: white; +} +.item h2 a:visited { + text-decoration: none; + color: white; +} + +.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; + margin: 10px; padding: 0em; } -DIV#item p.body { - padding: 0.5em; +.itembody { + margin: 0; + margin-top: -1em; + padding: 1.5em; + text-align: justify; } -DIV#item p.time { +.item p.time { color: #999999; + margin: 0; + padding: 1ex; } -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 { - color: #5555AA; +.footer a { + color: #9999ff; text-decoration: underline; } -DIV#footer a:visited { - color: #5555AA; +.footer a:visited { + color: #9999ff; text-decoration: underline; }