Started work on giving Gitalist a distinct look.

[catagits/Gitalist.git] / root / static / css / site.css

diff --git a/root/static/css/site.css b/root/static/css/site.css
index 8922c7f..629c8be 100644 (file)
--- a/root/static/css/site.css
+++ b/root/static/css/site.css
@@ -1,5 +1,6 @@
 /* XXX Colours. Lots of colours. */
-#body {
+
+body {
   margin: 1em;
 }
 
@@ -10,9 +11,17 @@
 }
 
 thead, tfoot {
-  color: #ddd;
+  color: navy;
   font-size: small;
-  font-weight: bold;
+  font-weight: bold !important;
+  background-color: #C3D9FF;
+}
+
+table.shortlog tr {
+  padding: 1px 0px;
+}
+table.shortlog td {
+  padding: 0 1px;
 }
 
 /* /commit page */
@@ -51,7 +60,7 @@ div.commit-message {
   text-decoration: underline;
 }
 table.heads {
-       width: 50%;
+  width: 50%;
 }
 
 /* /blob */
@@ -63,3 +72,89 @@ pre.blob {
   padding-left: 15px;
   margin: 10px 15px;
 }
+
+/* /blobdiff etc */
+
+.diff-head, .diff-index {
+  font-family: monospace;
+}
+.diff-head {
+  border-top: solid 1px red;
+}
+.diff-index {
+  border-bottom: solid 1px green;
+}
+
+/* /log */
+#log .entry {
+  border: solid 1px grey;
+  margin: 5px 0;
+  padding: 5px;
+}
+#log .meta {
+  border-top: dotted 1px #ddd;
+  color: #755;
+}
+#log table.summary {
+  width: 33%;
+  font-size: 0.9em;
+}
+#log .message {
+  font-family: monospace;
+  font-size: 1.15em;
+}
+#log .age {
+  float: right;
+  font-size: 0.85em;
+  font-style: italic;
+}
+.chroma-hash {
+  float: right;
+  font-family: monospace;
+  font-size:   1em;
+}
+
+/**
+ * from gitweb.css
+ * XXX These can be rejigged once gitweb.css has gone away.
+ */
+#page-header {
+       height: 25px;
+       padding: 8px;
+       font-size: 150%;
+       font-weight: bold;
+       background-color: #d9d8d1;
+}
+img.logo {
+       float: right;
+       border-width: 0px;
+}
+
+span.refs span {
+       padding: 0px 4px;
+       font-size: 80%;
+        /* XXX needs more families */
+        font-family: Verdana;
+        letter-spacing: -1px;
+       border: 1px solid;
+       background-color: #ffaaff;
+       border-color: #ffccff #ff00ee #ff00ee #ffccff;
+}
+
+span.refs span.ref {
+       background-color: #aaaaff;
+       border-color: #ccccff #0033cc #0033cc #ccccff;
+}
+
+span.refs span.tag {
+       background-color: #ffffaa;
+       border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
+}
+
+span.refs span.head {
+       background-color: #aaffaa;
+       border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
+}
+span.refs a {
+  text-decoration: none;
+}