aboutsummaryrefslogtreecommitdiffstats
path: root/cgit.css
diff options
context:
space:
mode:
authorLars Hjemli <hjemli@gmail.com>2007-10-30 10:47:38 +0100
committerLars Hjemli <hjemli@gmail.com>2007-10-30 13:38:34 +0100
commit0c8e184e9cbf4d3a1e907de9125f6d8210c169d6 (patch)
tree2e82baf582b7ba0b34f498e1e7494800070067f9 /cgit.css
parent10ac7ad1f30f914dc5ff36ba3651ef6dca11aaf7 (diff)
downloadcgit-0c8e184e9cbf4d3a1e907de9125f6d8210c169d6.tar.gz
cgit-0c8e184e9cbf4d3a1e907de9125f6d8210c169d6.tar.xz
Change the cgit layout
This modifies and hopefully improves the layout of all cgit pages: * Remove the header from all pages and replace it with a sidebar; most pages have sufficient width but many needs more height. * Add a dropdown-box to switch between branches, using a one-liner javascript to reload the current page in context of the selected branch. * Include refs found below refs/archives in the sidebar, appearing as a set of menuitems below a 'download' heading. * Include the brand new cgit logo Signed-off-by: Lars Hjemli <hjemli@gmail.com>
Diffstat (limited to 'cgit.css')
-rw-r--r--cgit.css149
1 files changed, 63 insertions, 86 deletions
diff --git a/cgit.css b/cgit.css
index 5d47099..6cf4517 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,15 +1,16 @@
-body {
- font-family: arial, sans-serif;
- font-size: 11pt;
- color: black;
- background: white;
-}
-
body, table {
padding: 0em;
margin: 0em;
}
+body {
+ font-family: sans;
+ font-size: 10pt;
+ color: #333;
+ background: white;
+ padding-left: 4px;
+}
+
table {
border-collapse: collapse;
}
@@ -35,12 +36,13 @@ h4 {
}
a {
- color: blue;
+ color: #600;
text-decoration: none;
}
a:hover {
- text-decoration: underline;
+ background-color: #ddd;
+ text-decoration: none;
}
table.list {
@@ -53,7 +55,7 @@ table.list tr {
}
table.list tr:hover {
- background: #eee;
+ background: #f8f8f8;
}
table.list tr.nohover:hover {
@@ -76,98 +78,78 @@ img {
border: none;
}
-table#layout {
- width: 100%;
- border-collapse: collapse;
- margin: 0px;
-}
-
-td#header, td#logo {
- color: #666;
- background-color: #ddd;
- border-bottom: solid 1px #000;
-}
-
-td#header {
- font-size: 150%;
- font-weight: bold;
- padding: 0.2em 0.5em;
- vertical-align: text-bottom;
-}
-
-td#header a {
- color: #666;
-}
-
-td#header a:hover {
- text-decoration: underline;
+div#sidebar {
+ vertical-align: top;
+ width: 162px;
+ padding: 0px 0px 0px 0px;
+ margin: 4px;
+ float: left;
}
-td#logo {
- text-align: right;
- vertical-align: middle;
- padding-right: 0.5em;
+div#logo {
+ margin: 0px;
+ padding: 4px 0px 4px 0px;
+ text-align: center;
+ background-color: #ccc;
+ border-top: solid 1px #eee;
+ border-left: solid 1px #eee;
+ border-right: solid 1px #aaa;
+ border-bottom: solid 1px #aaa;
}
-td#crumb, td#search {
- color: #ccc;
- border-top: solid 3px #555;
- background-color: #666;
- border-bottom: solid 1px #333;
- padding: 2px 1em;
+div#sidebar div.infobox {
+ margin: 0px 0px 0pax 0px;
+ padding: 0.5em;
+ text-align: left;
+ background-color: #ccc;
+ border-top: solid 1px #eee;
+ border-left: solid 1px #eee;
+ border-right: solid 1px #aaa;
+ border-bottom: solid 1px #aaa;
}
-td#crumb {
+div#sidebar div.infobox h1 {
+ font-size: 11pt;
font-weight: bold;
+ margin: 0px;
}
-td#crumb a {
- color: #ccc;
- background-color: #666;
- padding: 0em 0.5em 0em 0.5em;
-}
-
-td#crumb a:hover {
- color: #666;
+div#sidebar div.infobox a.menu {
+ display: block;
background-color: #ccc;
+ padding: 0.1em 0.5em;
text-decoration: none;
}
-td#search {
- text-align: right;
- vertical-align: middle;
- padding-right: 0.5em;
-}
-
-td#search form {
- margin: 0px;
- padding: 0px;
+div#sidebar div.infobox a.menu:hover {
+ background-color: #bbb;
+ text-decoration: none;
}
-td#search select {
- font-size: 9pt;
+div#sidebar div.infobox select {
+ width: 100%;
+ border: solid 1px #aaa;
+ background-color: #bbb;
+ margin: 2px 0px 0px 0px;
padding: 0px;
- border: solid 1px #333;
- color: #333;
- background-color: #fff;
}
-td#search input {
- font-size: 9pt;
- padding: 0px;
+div#sidebar div.infobox input.txt {
+ width: 100%;
+ border: solid 1px #aaa;
+ background-color: #bbb;
+ margin: 2px 0px 0px 0px;
+ padding: 0;
}
-td#search input.txt {
- width: 8em;
- border: solid 1px #333;
- color: #333;
- background-color: #fff;
+table#grid {
+ margin: 0px;
}
-td#search input.btn {
- border: solid 1px #333;
- color: #333;
- background-color: #ccc;
+td#content {
+ vertical-align: top;
+ padding: 1em 2em 1em 1em;
+ border: none;
}
div#summary {
@@ -187,10 +169,6 @@ table#downloads th {
background-color: #ccc;
}
-td#content {
- padding: 1em 0.5em;
-}
-
div#blob {
border: solid 1px black;
}
@@ -284,7 +262,6 @@ div.diffstat-header {
table.diffstat {
border-collapse: collapse;
- width: 100%;
border: solid 1px #aaa;
background-color: #eee;
}
@@ -325,7 +302,7 @@ table.diffstat td.upd a {
}
table.diffstat td.graph {
- width: 75%;
+ width: 500px;
vertical-align: middle;
}