* Improved the navigation bar: don't include all projects (since that

doesn't scale), and include links for jobset/job specific pages.
  The main page now lists the projects.
* Overview pages for jobsets and jobs.
* Links to the channels.
* Jobsets are now defined and edited in a separate action.

src/root/static/css/hydra.css

@@ -65,7 +65,6 @@ td.centered {
 }
 
 th {
-    vertical-align: center;
     background: #ffffc0;
 }
 
@@ -101,6 +100,7 @@ td.date, span.date, span.svnrev {
 a:link { color: #0048b3; }
 a:visited { color: #002a6a; }
 a:hover { background: #ffffcd; }
+a.no-hover:hover { background: none; }
 
 span.relname {
     font-weight: bold;
@@ -136,6 +136,11 @@ a:hover, a:visited:hover {
     text-decoration: underline;
 }
 
+a.smallLink {
+    font-size: 60%;
+    vertical-align: top;
+}
+
 img {
     border-style: none;
 }
@@ -196,23 +201,6 @@ ul.productList li {
     display: none;
 }
 
-div.jobset {
-    border: solid black 1px;
-    -moz-border-radius: 1em;
-    border-radius: 1em;
-    padding-left: 1em;
-    padding-right: 1em;
-    margin-bottom: 1em;
-}
-
-div.jobset-edit {
-    background-color: #f8f8f8;
-}
-
-div.jobset-edit h3, div.jobset h3 {
-    margin-top: 0.5em;
-}
-
 div.help {
     border: solid black 1px;
     padding-left: 1em;
@@ -314,11 +302,25 @@ h1 {
 #leftnavbar ul.menu > li > div.title {
     text-align: center;
     font-weight: bold;
+    color: black;
     border-width: 0px;
     border-bottom-width: 1px;
     border-style: solid;
     border-color: #c0c0c0;
     padding-bottom: 0.5em;
+    background-image: url(/static/images/arrow-down.gif);
+    background-repeat: no-repeat;
+    background-position: 0.3em center;
+}
+
+#leftnavbar ul.menu > li > div.title > a {
+    display: block;
+    background: none;
+    color: black;
+}
+
+#leftnavbar ul.menu > li > div.title > a:focus {
+    outline: none;
 }
 
 #leftnavbar ul.submenu {
@@ -327,6 +329,10 @@ h1 {
     margin-right: 0em;
 }
 
+#leftnavbar ul.collapsed {
+    display: none;
+}
+
 #leftnavbar ul.submenu > li {
     font-size: 90%;
     list-style: none;
@@ -416,6 +422,10 @@ h1 {
     color: #606060;
 }
 
+.hidden {
+    display: none;
+}
+
 #footer {
     font-size: 80%;
 }