* Split the CSS.

Dependencies

• [2] 63KXN4QQ
• [3] ODNCGFQ5 * Improved the navigation bar: don't include all projects (since that
• [4] UVMFS73T * Some jQuery / CSS hackery.
• [5] JFZNAYJX * Showing releases.
• [6] K5BEBWKM
• [7] HCKFTNQ6
• [8] JRU2LRPZ
• [9] W6DC6K4I * Happy Javascript hacking.
• [10] S66BOMVU * Added authentication.
• [11] 4S4ZMFJK * Links on trs.
• [12] H7CNGK4O * Log evaluation errors etc. in the DB.
• [13] HJLYC753 * Adding input value alternatives.
• [14] DVNWJXWW * Generic declaration of build products.
• [15] IGNQFFV7 * Put the release sets in the navbar.
• [16] HK32XC42
• [17] BA46C5LN * Pretty-print the logs.
• [18] IK53RV4V
• [19] L7LFU6IQ * Make build steps clickable as well.
• [20] D5QIOJGP * Move everything up one directory.
• [21] US27ZTX5 * HydraFrontend -> Hydra.
• [22] NDL67SQT * XHTML validity.
• [23] DGVPFNCU * Grabbed a logo. TODO: check copyright status.
• [24] 2AUODJBT
• [25] CLJQCY2X * Store info about all the build actions and allow them to be
• [26] I35CIZI7
• [27] J5UVLXOK * Start of a basic Catalyst web interface.
• [28] TQKGQ5R3
• [29] YTZOC7C5 * Editing of jobset inputs.

Change contents

• edit in src/root/layout.tt at line 14
  [4.307]

  [4.307]
  + <link rel="stylesheet" href="/static/css/navbar.css" type="text/css" />

  + <link rel="stylesheet" href="/static/css/nix-common.css" type="text/css" />
• replacement in src/root/static/css/hydra.css at line 1
  [4.8691]→[4.3703:3710](∅→∅),[4.3710]→[4.8699:8897](∅→∅),[4.8699]→[4.8699:8897](∅→∅),[4.8897]→[4.406:427](∅→∅)
  − 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;
  [4.8691]

  [4.8897]
  + #logo img {

  + width: 11em;
• edit in src/root/static/css/hydra.css at line 5
  [4.8900]→[4.8900:8926](∅→∅),[4.1947]→[4.8926:9016](∅→∅),[4.8926]→[4.8926:9016](∅→∅),[4.9016]→[4.407:431](∅→∅),[4.431]→[4.194:197](∅→∅)
  − h3 {

  − font-size: 100%;

  − }

  −

  − table {

  − empty-cells: show;

  − border-collapse: collapse;

  − border-spacing: 0px;

  − margin-bottom: 1em;

  − }

  −
• edit in src/root/static/css/hydra.css at line 10
  [4.497]→[4.497:506](∅→∅),[4.506]→[2.0:25](∅→∅),[2.25]→[4.4914:4917](∅→∅),[4.255]→[4.4914:4917](∅→∅),[4.308]→[4.4914:4917](∅→∅),[4.531]→[4.4914:4917](∅→∅),[4.431]→[4.4914:4917](∅→∅)
  − tr.odd {

  − background: #f4f4ff;

  − }

  −
• edit in src/root/static/css/hydra.css at line 12
  [4.431]→[4.9016:9134](∅→∅),[4.4976]→[4.9016:9134](∅→∅),[4.9016]→[4.9016:9134](∅→∅),[4.9134]→[4.2566:2599](∅→∅)
  − }

  −

  − th {

  − text-align: center;

  − font-weight: bold;

  − }

  −

  − td, th {

  − padding: 2px 5px;

  − border: solid black 1px;

  − }

  −

  − td {

  − vertical-align: top;
• edit in src/root/static/css/hydra.css at line 14
  [4.8705]→[4.8705:8743](∅→∅),[4.2599]→[4.9134:9137](∅→∅),[4.8743]→[4.9134:9137](∅→∅),[4.9134]→[4.9134:9137](∅→∅)
  − td.centered {

  − text-align: center;

  − }

  −
• edit in src/root/static/css/hydra.css at line 16
  [4.8787]→[4.8787:8790](∅→∅),[4.8790]→[4.9137:9142](∅→∅),[4.9137]→[4.9137:9142](∅→∅),[4.5652]→[4.9142:9167](∅→∅),[4.8819]→[4.9142:9167](∅→∅),[4.9142]→[4.9142:9167](∅→∅)
  − }

  −

  − th {

  − background: #ffffc0;
• edit in src/root/static/css/hydra.css at line 18
  [4.9170]→[4.9170:9633](∅→∅),[4.9633]→[3.23334:23373](∅→∅),[3.23373]→[4.9633:9915](∅→∅),[4.9633]→[4.9633:9915](∅→∅),[4.10265]→[4.10265:10386](∅→∅),[4.10386]→[3.23374:23377](∅→∅)
  − 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;

  − }

  −
• edit in src/root/static/css/hydra.css at line 23
  [4.10389]→[4.10389:10419](∅→∅),[4.10573]→[4.10573:10576](∅→∅)
  − img {

  − border-style: none;

  − }

  −
• edit in src/root/static/css/hydra.css at line 126
  [4.8918]→[4.8918:8922](∅→∅),[4.8922]→[4.1978:2096](∅→∅),[4.1978]→[4.1978:2096](∅→∅)
  − }

  −

  −

  − /* Navbar */

  −

  − #leftnavbar {

  − position: absolute;

  − left: 0px;

  − width: 13em;

  − border-right: 1px solid gray;
• edit in src/root/static/css/hydra.css at line 128
  [4.2099]→[4.78:112](∅→∅)
  − #logo {

  − text-align: center;

  − }
• edit in src/root/static/css/hydra.css at line 129
  [4.113]→[4.113:162](∅→∅),[4.162]→[4.2099:2227](∅→∅),[4.2099]→[4.2099:2227](∅→∅),[4.2227]→[4.0:22](∅→∅),[4.22]→[4.2244:2355](∅→∅),[4.2244]→[4.2244:2355](∅→∅),[4.2355]→[4.23:47](∅→∅),[4.47]→[4.2374:2394](∅→∅),[4.2374]→[4.2374:2394](∅→∅),[4.2394]→[4.2038:2040](∅→∅),[4.787]→[4.2038:2040](∅→∅),[4.2040]→[4.2395:2396](∅→∅),[4.2396]→[4.48:75](∅→∅),[4.75]→[4.2421:2515](∅→∅),[4.2421]→[4.2421:2515](∅→∅),[4.2515]→[4.76:115](∅→∅),[4.115]→[4.2552:2599](∅→∅),[4.2552]→[4.2552:2599](∅→∅),[4.2599]→[3.23437:23455](∅→∅),[3.23455]→[4.2599:2731](∅→∅),[4.2599]→[4.2599:2731](∅→∅),[4.2731]→[3.23456:23693](∅→∅),[3.23693]→[4.2731:2734](∅→∅),[4.2731]→[4.2731:2734](∅→∅),[4.2734]→[3.23694:23765](∅→∅),[3.23765]→[4.116:141](∅→∅),[4.2734]→[4.116:141](∅→∅),[4.141]→[4.2762:2832](∅→∅),[4.2762]→[4.2762:2832](∅→∅),[4.2832]→[3.23766:23815](∅→∅),[3.23815]→[4.142:172](∅→∅),[4.2832]→[4.142:172](∅→∅),[4.172]→[4.2863:2905](∅→∅),[4.2863]→[4.2863:2905](∅→∅),[4.3037]→[4.3037:3185](∅→∅),[4.3185]→[4.173:243](∅→∅),[4.243]→[4.3185:3236](∅→∅),[4.3185]→[4.3185:3236](∅→∅),[4.3236]→[4.244:376](∅→∅),[4.376]→[4.3236:3239](∅→∅),[4.3236]→[4.3236:3239](∅→∅),[4.3239]→[4.377:426](∅→∅),[4.426]→[4.3277:3420](∅→∅),[4.3277]→[4.3277:3420](∅→∅),[4.3420]→[4.427:1150](∅→∅),[4.1150]→[4.941:1035](∅→∅),[4.1035]→[4.2859:2879](∅→∅),[4.2879]→[4.1055:1222](∅→∅),[4.1055]→[4.1055:1222](∅→∅),[4.1150]→[4.3487:3490](∅→∅),[4.1222]→[4.3487:3490](∅→∅),[4.3487]→[4.3487:3490](∅→∅),[4.3490]→[4.1223:1680](∅→∅),[4.1680]→[3.23816:23848](∅→∅),[4.1680]→[4.3490:3522](∅→∅),[3.23848]→[4.3490:3522](∅→∅),[4.3490]→[4.3490:3522](∅→∅),[4.3522]→[4.2623:2625](∅→∅)
  − #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%;

  − }

  −

  −
• file addition: navbar.css (----------)
  [4.2111]
  + #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%;

  + }
• file addition: nix-common.css (----------)
  [4.2111]
  + 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;

  + }