2005-05-12 Davyd Madeley <[email protected]>

        * planet.css: Upgrade to new layout

diff --git a/Changelog b/Changelog
index 33923da..5105611 100644 (file)
--- a/Changelog
+++ b/Changelog
@@ -1,3 +1,7 @@
+2005-05-12  Davyd Madeley  <[email protected]>
+
+       * planet.css: Upgrade to new layout
+
 2005-05-12  Davyd Madeley  <[email protected]>
 
        * header.html: layout

diff --git a/planet.css b/planet.css
index 7b651b6..ed91a01 100644 (file)
--- 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;
 }