From 9d99bb3342558cde94ed1d0e217421a69131c31d Mon Sep 17 00:00:00 2001 From: Eelco Dolstra Date: Fri, 2 Oct 2009 14:00:37 +0000 Subject: [PATCH] * Split the CSS. --- src/root/layout.tt | 2 + src/root/static/css/hydra.css | 309 +---------------------------- src/root/static/css/navbar.css | 175 ++++++++++++++++ src/root/static/css/nix-common.css | 70 +++++++ 4 files changed, 249 insertions(+), 307 deletions(-) create mode 100644 src/root/static/css/navbar.css create mode 100644 src/root/static/css/nix-common.css 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; +}