diff --git a/src/root/layout.tt b/src/root/layout.tt
index 43b33d9f..4a9beef8 100644
--- a/src/root/layout.tt
+++ b/src/root/layout.tt
@@ -11,6 +11,8 @@
Hydra - [% title %]
+
+
diff --git a/src/root/static/css/hydra.css b/src/root/static/css/hydra.css
index ab3acce9..1fff771e 100644
--- a/src/root/static/css/hydra.css
+++ b/src/root/static/css/hydra.css
@@ -1,32 +1,5 @@
-body {
- font-family: sans-serif;
- background: white;
- margin: 2em 1em 2em 1em;
-}
-
-h1, h2, h3 {
- font-weight: bold;
- color: #005aa0;
-}
-
-h1 {
- font-size: 220%;
-}
-
-h2 {
- font-size: 130%;
- margin-top: 1em;
-}
-
-h3 {
- font-size: 100%;
-}
-
-table {
- empty-cells: show;
- border-collapse: collapse;
- border-spacing: 0px;
- margin-bottom: 1em;
+#logo img {
+ width: 11em;
}
tr.clickable:hover {
@@ -34,117 +7,19 @@ tr.clickable:hover {
cursor: pointer;
}
-tr.odd {
- background: #f4f4ff;
-}
-
.layoutTable td, .layoutTable th {
border-style: none;
}
-th {
- text-align: center;
- font-weight: bold;
-}
-
-td, th {
- padding: 2px 5px;
- border: solid black 1px;
-}
-
-td {
- vertical-align: top;
-}
-
-td.centered {
- text-align: center;
-}
-
.layoutTable th {
vertical-align: top;
}
-th {
- background: #ffffc0;
-}
-
-td.pkgname {
- font-size: 140%;
- font-weight: bold;
- color: #005aa0;
- background: #ffffe0;
-}
-
-td.pkgname table {
- border: none;
- border-spacing: 0px;
-}
-
-td.pkgname table td {
- border: none;
-}
-
-td.pkgname td.pkgname {
- width: 100%;
-}
-
-td.reltype {
- font-weight: bold;
- color: #400000;
-}
-
-td.date, span.date, span.svnrev {
- color: #400000;
-}
-
-a:link { color: #0048b3; }
-a:visited { color: #002a6a; }
-a:hover { background: #ffffcd; }
-a.no-hover:hover { background: none; }
-
-span.relname {
- font-weight: bold;
-}
-
-span.filename, span.command {
- font-family: monospace;
-}
-
-span.md5 {
- font-family: monospace;
- color: #400000;
-}
-
-.failurewarning {
- font-weight: bold;
- color: red;
-}
-
-p.failurewarning {
- font-size: 120%;
-}
-
-span.system {
- font-style: italic;
-}
-
-a {
- text-decoration: none;
-}
-
-a:hover, a:visited:hover {
- text-decoration: underline;
-}
-
a.smallLink {
font-size: 60%;
vertical-align: top;
}
-img {
- border-style: none;
-}
-
.error-msg {
color: red;
white-space: pre-wrap;
@@ -251,186 +126,6 @@ th.releaseSetJobName {
}
-/* Navbar */
-
-#leftnavbar {
- position: absolute;
- left: 0px;
- width: 13em;
- border-right: 1px solid gray;
-}
-
-#logo {
- text-align: center;
-}
-
-#logo img {
- width: 11em;
- border: 1px;
-}
-
-#content {
- position: absolute;
- left: 13em;
- margin-left: 1em;
- margin-right: 1em;
-}
-
-h1 {
- margin-top: 0em;
-}
-
-#leftnavbar ul.menu {
- display: block;
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- margin-left: 1em;
- margin-right: 1em;
-}
-
-#leftnavbar ul.menu a {
- color: #005aa0;
-}
-
-#leftnavbar ul.menu > li {
- list-style: none;
- margin: 0 0 0 0;
- padding: 0 0 0 0;
- margin-bottom: 1.5em;
-}
-
-#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 {
- padding: 0 0 0 0;
- margin-left: 0em;
- margin-right: 0em;
-}
-
-#leftnavbar ul.collapsed {
- display: none;
-}
-
-#leftnavbar ul.submenu > li {
- font-size: 90%;
- list-style: none;
- border-width: 0px;
- border-bottom-width: 1px;
- border-style: solid;
- border-color: #c0c0c0;
- margin: 0 0 0 0;
- padding: 0 0 0 0;
-}
-
-#leftnavbar ul.submenu > li > div.title {
- padding-left: 1.3em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- background-image: url(/static/images/arrow-right.gif);
- background-repeat: no-repeat;
- background-position: 0.3em center;
-}
-
-#leftnavbar ul.submenu > li.active > div.title {
- background-image: url(/static/images/arrow-right-active.gif);
- background-color: #eef2ff;
- font-weight: bold;
- color: #606060;
-}
-
-#leftnavbar ul.subsubmenu {
- padding-left: 0;
-}
-
-#leftnavbar ul.subsubmenu > li {
- font-size: 90%;
- list-style: none;
- margin: 0 0 0 0;
- padding: 0 0 0 0;
- border-width: 0px;
- border-top-width: 1px;
- border-style: solid;
- border-color: #c0c0c0;
-}
-
-#leftnavbar ul.subsubmenu > li > div.title {
- padding-left: 3.3em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- background-image: url(/static/images/arrow-right.gif);
- background-repeat: no-repeat;
- background-position: 2.3em center;
-}
-
-#leftnavbar ul.subsubmenu > li.active > div.title {
- background-image: url(/static/images/arrow-right-active.gif);
- background-color: #eef2ff;
- font-weight: bold;
- color: #606060;
-}
-
-#leftnavbar ul.subsubsubmenu {
- padding-left: 0;
-}
-
-#leftnavbar ul.subsubsubmenu > li {
- font-size: 90%;
- list-style: none;
- margin: 0 0 0 0;
- padding: 0 0 0 0;
- border-width: 0px;
- border-top-width: 1px;
- border-style: solid;
- border-color: #c0c0c0;
-}
-
-#leftnavbar ul.subsubsubmenu > li > div.title {
- padding-left: 5.3em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- background-image: url(/static/images/arrow-right.gif);
- background-repeat: no-repeat;
- background-position: 4.3em center;
-}
-
-#leftnavbar ul.subsubsubmenu > li.active > div.title {
- background-image: url(/static/images/arrow-right-active.gif);
- background-color: #eef2ff;
- font-weight: bold;
- color: #606060;
-}
-
-.hidden {
- display: none;
-}
-
-#footer {
- font-size: 80%;
-}
-
-
/* Editing */
input.string {
diff --git a/src/root/static/css/navbar.css b/src/root/static/css/navbar.css
new file mode 100644
index 00000000..0a3648f3
--- /dev/null
+++ b/src/root/static/css/navbar.css
@@ -0,0 +1,175 @@
+#leftnavbar {
+ position: absolute;
+ left: 0px;
+ width: 13em;
+ border-right: 1px solid gray;
+}
+
+#logo {
+ text-align: center;
+}
+
+#logo img {
+ border: 1px;
+}
+
+#content {
+ position: absolute;
+ left: 13em;
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+h1 {
+ margin-top: 0em;
+}
+
+#leftnavbar ul.menu {
+ display: block;
+ padding: 0 0 0 0;
+ margin: 0 0 0 0;
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+#leftnavbar ul.menu a {
+ color: #005aa0;
+}
+
+#leftnavbar ul.menu > li {
+ list-style: none;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ margin-bottom: 1.5em;
+}
+
+#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(../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 {
+ padding: 0 0 0 0;
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+#leftnavbar ul.collapsed {
+ display: none;
+}
+
+#leftnavbar ul.submenu > li {
+ font-size: 90%;
+ list-style: none;
+ border-width: 0px;
+ border-bottom-width: 1px;
+ border-style: solid;
+ border-color: #c0c0c0;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+}
+
+#leftnavbar ul.submenu > li > div.title {
+ padding-left: 1.3em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ background-image: url(../images/arrow-right.gif);
+ background-repeat: no-repeat;
+ background-position: 0.3em center;
+}
+
+#leftnavbar ul.submenu > li.active > div.title {
+ background-image: url(../images/arrow-right-active.gif);
+ background-color: #eef2ff;
+ font-weight: bold;
+ color: #606060;
+}
+
+#leftnavbar ul.subsubmenu {
+ padding-left: 0;
+}
+
+#leftnavbar ul.subsubmenu > li {
+ font-size: 90%;
+ list-style: none;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ border-width: 0px;
+ border-top-width: 1px;
+ border-style: solid;
+ border-color: #c0c0c0;
+}
+
+#leftnavbar ul.subsubmenu > li > div.title {
+ padding-left: 3.3em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ background-image: url(../images/arrow-right.gif);
+ background-repeat: no-repeat;
+ background-position: 2.3em center;
+}
+
+#leftnavbar ul.subsubmenu > li.active > div.title {
+ background-image: url(../images/arrow-right-active.gif);
+ background-color: #eef2ff;
+ font-weight: bold;
+ color: #606060;
+}
+
+#leftnavbar ul.subsubsubmenu {
+ padding-left: 0;
+}
+
+#leftnavbar ul.subsubsubmenu > li {
+ font-size: 90%;
+ list-style: none;
+ margin: 0 0 0 0;
+ padding: 0 0 0 0;
+ border-width: 0px;
+ border-top-width: 1px;
+ border-style: solid;
+ border-color: #c0c0c0;
+}
+
+#leftnavbar ul.subsubsubmenu > li > div.title {
+ padding-left: 5.3em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ background-image: url(../images/arrow-right.gif);
+ background-repeat: no-repeat;
+ background-position: 4.3em center;
+}
+
+#leftnavbar ul.subsubsubmenu > li.active > div.title {
+ background-image: url(../images/arrow-right-active.gif);
+ background-color: #eef2ff;
+ font-weight: bold;
+ color: #606060;
+}
+
+.hidden {
+ display: none;
+}
+
+#footer {
+ font-size: 80%;
+}
diff --git a/src/root/static/css/nix-common.css b/src/root/static/css/nix-common.css
new file mode 100644
index 00000000..74e9c8e6
--- /dev/null
+++ b/src/root/static/css/nix-common.css
@@ -0,0 +1,70 @@
+body {
+ font-family: sans-serif;
+ background: white;
+ margin: 2em 1em 2em 1em;
+}
+
+h1, h2, h3 {
+ font-weight: bold;
+ color: #005aa0;
+}
+
+h1 {
+ font-size: 220%;
+}
+
+h2 {
+ font-size: 130%;
+ margin-top: 1em;
+}
+
+h3 {
+ font-size: 100%;
+}
+
+table {
+ empty-cells: show;
+ border-collapse: collapse;
+ border-spacing: 0px;
+ margin-bottom: 1em;
+}
+
+tr.odd {
+ background: #f4f4ff;
+}
+
+th {
+ text-align: center;
+ font-weight: bold;
+ background: #ffffc0;
+}
+
+td, th {
+ padding: 2px 5px;
+ border: solid black 1px;
+}
+
+td {
+ vertical-align: top;
+}
+
+td.centered {
+ text-align: center;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:hover, a:visited:hover {
+ text-decoration: underline;
+}
+
+a:link { color: #0048b3; }
+a:visited { color: #002a6a; }
+a:hover { background: #ffffcd; }
+a.no-hover:hover { background: none; }
+
+img {
+ border-style: none;
+}