X-Git-Url: https://git.ucc.asn.au/?p=planet-ucc.git;a=blobdiff_plain;f=planet.css;h=ed91a0114ea945f16faff7be373afae8afaa052d;hp=502776226cf2d085cbf777bb158fd54bc3f01898;hb=f0467c2059744a83e5e3198f388786ce1dbe8de8;hpb=630416f7a6ff9d6bdb6649a1d53afe544150a0fe

diff --git a/planet.css b/planet.css
index 5027762..ed91a01 100644
--- a/planet.css
+++ b/planet.css
@@ -1,50 +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-width: 1pt;
+	border-top-style: none;
+	border-width: 1px;
 	margin: 0;
 	padding: 0.5ex;
+	background-color: #f9f9f9;
 }
 
 .sidebar a {
@@ -57,29 +153,58 @@
 }
 
 .items {
-	padding-right: 200px;
-	padding-top: 5em;
+	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;
-	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 {
-	padding: 0.5em;
+	clear: both;
 }
 
 .item h2 {
-	background-color: #dddddd;
-	color: black;
-	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: black;
+}
+.item h2 a:visited {
+	text-decoration: none;
+	color: black;
+}
+
+.sidebar img {
+	border-style: none;
 }
 
 .item img {
@@ -90,24 +215,48 @@
 
 .item img.image {
 	float: right;
-	margin: 10pt;
-	padding: 0em;
+	margin: 10px;
+	padding: 0;
+	clear: right;
 }
 
-.item p.body {
-	padding: 0.5em;
+.itembody {
 	text-align: justify;
+	padding: 0.5ex;
+	padding-left: 2em;
+	padding-right: 3em;
+	padding-bottom: 1ex;
+}
+
+.itembody pre {
+	overflow: auto;
+}
+
+.itembody h1 {
+}
+.itembody h2 {
 }
 
 .item p.time {
 	color: #999999;
+	margin: 0;
+	padding: 0;
+	margin-left: 2em;
+	margin-top: 2px;
 }
 
-.item p.body a {
+.item p.comments {
+	margin: 0;
+	padding: 0;
+	margin-left: 2.5em;
+	margin-bottom: 1em;
+}
+
+.item a {
 	color: blue;
 	text-decoration: underline;
 }
-.item p.body a:visited {
+.item a:visited {
 	color: blue;
 	text-decoration: underline;
 }
@@ -117,18 +266,19 @@
 }
 .item p.time a:visited {
 	color: #999999;
-	text-decoration: none;
+	text-decoration: underline;
 }
 
 .footer {
+	clear: both;
 	color: #999999;
 	text-align: center;
 }
 .footer a {
-	color: #5555AA;
+	color: #9999ff;
 	text-decoration: underline;
 }
 .footer a:visited {
-	color: #5555AA;
+	color: #9999ff;
 	text-decoration: underline;
 }