X-Git-Url: https://git.ucc.asn.au/?p=planet-ucc.git;a=blobdiff_plain;f=planet.css;h=7b651b6def3d173e5d253eb9231fc2a047a3e2c9;hp=817a661a3fd3e42e9f81d700fabb724a85990e46;hb=1053c3e285585dfa0116c185525448ae1e07d0c0;hpb=102dcf13df9a87fb89661c931951714913ff431c diff --git a/planet.css b/planet.css index 817a661..7b651b6 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,96 +40,135 @@ 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: 5em; + 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; +} + +.item h2 a { + text-decoration: none; + color: white; +} +.item h2 a:visited { + text-decoration: none; + color: white; } -DIV#item img { +.item img { border-style: none; 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 { +.itembody pre { + overflow: auto; +} + +.itembody h1 { + background-color: #E0E0E0; + color: black; +} +.itembody h2 { + background-color: #E0E0E0; + color: black; +} + +.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; }