X-Git-Url: https://git.ucc.asn.au/?p=planet-ucc.git;a=blobdiff_plain;f=planet.css;h=ed91a0114ea945f16faff7be373afae8afaa052d;hp=9d7f5195c699675f44a8a9c59e8b11b7be9e87ef;hb=f0467c2059744a83e5e3198f388786ce1dbe8de8;hpb=7f7b5dc483c963fd7e24dce548d06acc68c0fe95

diff --git a/planet.css b/planet.css
index 9d7f519..ed91a01 100644
--- a/planet.css
+++ b/planet.css
@@ -1,129 +1,284 @@
-DIV#header {
+.header {
 	position: absolute;
+	background-image: url(dark_bg.gif);
+	background-repeat: repeat-x;
+	height: 119px;
+	width: 100%;
 	top: 0;
-	left: 0;
-	right: 0;
-	height: 75px;
-	background-color: black;
+	border-bottom-style: solid;
+	border-bottom-color: gray;
+	border-bottom-width: 1px;
 }
-
-DIV#header img.title {
+#pucc_logo {
+	width: 135px;
+	height: 119px;
 	position: absolute;
-	top: 0;
-	left: 2em;
+	left: 0px;
+	top: 0px;
+	z-index: 1;
 }
-
-DIV#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%;
 }
 
-DIV#sidebar {
+#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;
 }
 
-DIV#sidebar h2 {
-	background-color: black;
-	color: white;
-	font-size: 1em;
+.sidebar h2 {
+	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;
 }
 
-DIV#sidebar p {
-	border-color: black;
+.sidebar p {
+	border-color: gray;
 	border-style: solid;
-	border-width: 1pt;
+	border-top-style: none;
+	border-width: 1px;
 	margin: 0;
 	padding: 0.5ex;
+	background-color: #f9f9f9;
 }
 
-DIV#sidebar a {
+.sidebar a {
 	color: blue;
 	text-decoration: underline;
 }
-DIV#sidebar a:visited {
+.sidebar a:visited {
 	color: blue;
 	text-decoration: underline;
 }
 
-DIV#items {
-	padding-right: 200px;
-	padding-top: 0.5ex;
+.items {
+	padding-right: 15em;
+	padding-top: 130px;
 }
 
-DIV#items h1 {
-	background-color: black;
-	color: white;
-	font-size: 1.5em;
+body {
+	margin-left: 0;
 	font-family: sans-serif;
-	padding: 0.5ex;
+	background-color: white;
 }
 
-DIV#item {
-	padding: 0.5em;
+.items h1 {
+	font-family: sans-serif;
+	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;
 }
 
-DIV#item h2 {
-	background-color: #dddddd;
-	color: black;
-	font-size: 1em;
+.item {
+	clear: both;
+}
+
+.item h2 {
 	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;
 }
 
-DIV#item a > img {
+.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;
-	padding: 0em;
+	margin: 10px;
+	padding: 0;
+	clear: right;
 }
 
-DIV#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 {
 }
 
-DIV#item p.time {
+.item p.time {
 	color: #999999;
+	margin: 0;
+	padding: 0;
+	margin-left: 2em;
+	margin-top: 2px;
+}
+
+.item p.comments {
+	margin: 0;
+	padding: 0;
+	margin-left: 2.5em;
+	margin-bottom: 1em;
 }
 
-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;
 }
-DIV#item p.time a:visited {
+.item p.time a:visited {
 	color: #999999;
-	text-decoration: none;
+	text-decoration: underline;
 }
 
-DIV#footer {
+.footer {
+	clear: both;
 	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;
 }