From 78c968010311958e053c47617e915c37f68a7690 Mon Sep 17 00:00:00 2001 From: davyd Date: Thu, 12 May 2005 09:45:02 +0000 Subject: [PATCH] 2005-05-12 Davyd Madeley * planet.css: Upgrade to new layout --- Changelog | 4 + planet.css | 218 ++++++++++++++++++++++++++++++++++++++++------------- 2 files changed, 168 insertions(+), 54 deletions(-) diff --git a/Changelog b/Changelog index 33923da..5105611 100644 --- a/Changelog +++ b/Changelog @@ -1,3 +1,7 @@ +2005-05-12 Davyd Madeley + + * planet.css: Upgrade to new layout + 2005-05-12 Davyd Madeley * header.html: layout diff --git a/planet.css b/planet.css index 7b651b6..ed91a01 100644 --- a/planet.css +++ b/planet.css @@ -1,52 +1,146 @@ -.header p { +.header { position: absolute; - background-color: black; - color: black; - top: 0; - left: 0; - right: 0; - height: 75px; + background-image: url(dark_bg.gif); + background-repeat: repeat-x; + height: 119px; width: 100%; - margin: 0; + top: 0; + border-bottom-style: solid; + border-bottom-color: gray; + border-bottom-width: 1px; } - -.header img.title { +#pucc_logo { + width: 135px; + height: 119px; position: absolute; - top: 0; - left: 2em; + left: 0px; + top: 0px; + z-index: 1; } - -.header img.logo { +#pucc_banner1 { + width: 440px; + height: 119px; position: absolute; - top: 0; - right: 0; + left: 135px; + top: 0px; + z-index: 1; +} +#pucc_banner2 { + width: 83px; + height: 119px; + position: absolute; + left: 575px; + top: 0px; + z-index: 1; +} + +/* Imported from Beta.UCC */ +#globalnav-wrapper { + position: absolute; + top: 0; + right: 5px; + height: 120px; + left: 0; + z-index: 3; + padding: 0; + font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; +} + +#portal-globalnav { + position: absolute; + bottom: 0; + right: 0; + /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */ + background-color: transparent; + border-collapse: collapse; +/* padding: 0em 0em 0em 2em; */ + white-space: nowrap; + list-style: none; + margin: 0; + height: auto; + line-height: normal; + border-bottom-color: gray; + border-bottom-style: solid; + border-bottom-width: 1px; } +#portal-globalnav ul { + float: right; + height: 100%; +} + +#portal-globalnav li { + display: inline; +height: 100%; + -moz-border-radius-topleft: 40%; + -moz-border-radius-topright: 40%; +} + +#portal-globalnav li a { +width: 100%; +height: 100%; + /* The normal, unselected tabs. They are all links */ +/* background-color: #f9f9f9; */ +background: #f9f9f9 url(http://www.ucc.asn.au/images/grad.gif) bottom repeat-x; + border-color: gray; + border-width: 1px; + border-style: solid solid none solid; + color: black; + margin-right: 0.5em; + padding: 0em 2em; + text-decoration: none; + text-transform: lowercase; + -moz-border-radius-topleft: 40%; + -moz-border-radius-topright: 40%; +} +#portal-globalnav li.selected a { + /* The selected tab. There's only one of this */ + background-color: White; + background-image: none; + border: 1px solid gray; + border-bottom: White 1px solid; + color: black; +} +#portal-globalnav li a:hover { + background-color: White; + border-color: gray; + border-bottom-color: White; + color: #ffa500; +} + +/* Planet.UCC stylez */ + .sidebar { background-color: white; position: absolute; right: 0.5em; - width: 195px; - top: 130px; + width: 15em; + top: 120px; } .sidebar h2 { - background-color: black; - color: white; - font-size: 1em; + color: black; font-family: sans-serif; + font-weight: bold; + font-size: 100%; margin: 0; margin-top: 1ex; padding: 0.5ex; + background-color: #f9f9f9; + border-color: gray; + border-style: solid; + border-bottom-style: none; + border-width: 1px; } .sidebar p { - border-color: black; + border-color: gray; border-style: solid; + border-top-style: none; border-width: 1px; margin: 0; padding: 0.5ex; - background-color: #e0e0e0; + background-color: #f9f9f9; } .sidebar a { @@ -59,50 +153,58 @@ } .items { - padding-right: 200px; - padding-top: 70px; + padding-right: 15em; + padding-top: 130px; } body { margin-left: 0; + font-family: sans-serif; + background-color: white; } .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; + border-bottom-style: solid; + border-bottom-color: gray; + border-bottom-width: 1px; + padding-left: 1ex; + padding-right: 0; + margin-left: 0.5ex; + margin-right: 1em; + margin-top: 1ex; + margin-bottom: 0.5ex; + font-size: 150%; + clear: both; } .item { - margin-top: 1em; - margin-left: 0.5em; - padding: 0; - border-style: solid; - border-color: black; - border-width: 1px; - background-color: #E0E0E0; + clear: both; } .item h2 { - background-color: black; - color: white; - font-size: 1em; font-family: sans-serif; - padding: 0.5ex; + border-bottom-style: solid; + border-bottom-color: gray; + border-bottom-width: 1px; + font-size: 100%; + padding-left: 1ex; margin: 0; + margin-left: 1em; + margin-right: 2em; } .item h2 a { text-decoration: none; - color: white; + color: black; } .item h2 a:visited { text-decoration: none; - color: white; + color: black; +} + +.sidebar img { + border-style: none; } .item img { @@ -114,14 +216,16 @@ body { .item img.image { float: right; margin: 10px; - padding: 0em; + padding: 0; + clear: right; } .itembody { - margin: 0; - margin-top: -1em; - padding: 1.5em; text-align: justify; + padding: 0.5ex; + padding-left: 2em; + padding-right: 3em; + padding-bottom: 1ex; } .itembody pre { @@ -129,18 +233,23 @@ body { } .itembody h1 { - background-color: #E0E0E0; - color: black; } .itembody h2 { - background-color: #E0E0E0; - color: black; } .item p.time { color: #999999; margin: 0; - padding: 1ex; + padding: 0; + margin-left: 2em; + margin-top: 2px; +} + +.item p.comments { + margin: 0; + padding: 0; + margin-left: 2.5em; + margin-bottom: 1em; } .item a { @@ -153,7 +262,7 @@ body { } .item p.time a { color: #999999; - text-decoration: underline; + text-decoration: none; } .item p.time a:visited { color: #999999; @@ -161,6 +270,7 @@ body { } .footer { + clear: both; color: #999999; text-align: center; } -- 2.20.1