Making some nicer menu headers.

folders.php

@@ -159,6 +159,10 @@ class folder {
 		);
 		array_unshift ($this->tree, $root_folder);
 
+		# The top folder shows up too much on the top. Draw
+		# a little space there.
+		echo '<div class="foldertop"></div>' . "\n";
+
 		foreach ($this->tree as $key => $value) {
 			# this is the begining of the line that shows a folder
 			# with the symbol (plus, minus or neutral)

style.css

@@ -58,7 +58,8 @@ h2.nav {
 	font-size: 10pt;
 	margin: 0;
 	padding: 3px;
-	background-color:#bbb;
+	/* background-color:#bbb; */
+	background: url(images/grad.png) repeat-x;
 }
 ul.nav {
 	border: 1px solid #bbb;
@@ -83,7 +84,8 @@ ul.nav a:visited {
 }
 ul.nav a:hover {
 	text-decoration: none;
-	color: #AE1A1A;
+	/* color: #AE1A1A; */
+	color: #555555;
 	background-color: #ddd;
 }
 ul.nav a:active {
@@ -120,6 +122,9 @@ span.active {
 	border:1px #316AC5 solid;
 	padding:1px;
 }
+div.foldertop {
+	height: 5px;
+}
 
 /* Bookmarks section */
 div.bookmarks {
@@ -134,7 +139,8 @@ div.bookmark {
 }
 div.bookmarkcaption {
 	padding: 2px 2px 2px 4px;
-	background-color: #bbb;
+	/* background-color: #bbb; */
+	background: url(images/grad.png) repeat-x;
 }
 div.bookmark:hover {
 	background-color: #eee;
@@ -189,4 +195,5 @@ p#footer {
 	padding: 2px;
 	text-align: center;
 	border: 1px solid #bbb;
+	background-color:#bbb;
 }