major design changes - almost there
[catagits/Gitalist.git] / root / static / css / site.css
old mode 100644 (file)
new mode 100755 (executable)
index 629c8be..7449ebd
@@ -1,45 +1,58 @@
-/* XXX Colours. Lots of colours. */
-
+/*
+14d2f2ca3732551d1585e7590e60b82492f3
+^^ A rather nice chroma hash
+*/
 body {
-  margin: 1em;
+  /* From http://jasonsantamaria.com/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
+  font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
+}
+#the-container {
 }
 
-#commit-nav {
-  padding-bottom: 4px;
-  border-bottom: solid 1px #ccc;
-  font-style: italic;
+a {
+  color: mediumblue;
 }
 
 thead, tfoot {
-  color: navy;
+  /* FTR all table columns should be sortable hence the colour to indicate clickableness.
+  color: mediumblue; XXX uncomment this when sorting is implemented*/
+  color: slategray;
   font-size: small;
   font-weight: bold !important;
-  background-color: #C3D9FF;
+}
+thead th {
+  border-bottom: solid 1px lightsteelblue;
+}
+tfoot td {
+  border-top: solid 1px lightsteelblue
 }
 
-table.shortlog tr {
-  padding: 1px 0px;
+.listing tbody tr:nth-child(even) {
+  background-color: whitesmoke;
 }
-table.shortlog td {
-  padding: 0 1px;
+.listing tbody tr:hover {
+  background-color: #fefeaa;
 }
 
-/* /commit page */
-.commit-message {
+.chroma-hash {
   font-family: monospace;
+  font-size:   1em;
+  font-style: normal;
 }
-div.commit-message {
-  background-color: #ddd;
-  padding: 5px;
+.actions span.chroma-hash {
+  float: right;
 }
-.commit-info dt {
-  font-weight: bold;
+
+.time-since {
+  font-style: italic;
 }
-.commit-info dd {
-  font-family: monospace;
+.author, .head {
+  font-weight: bold;
+  /* From http://designr.it/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
+  font-family: Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
 }
 
-.filename {
+.file-name, .file-mode {
   font-family: monospace;
 }
 .action-list {
@@ -52,6 +65,78 @@ div.commit-message {
   font-weight: bold;
 }
 
+
+/* header */
+#page-header {
+  height: 25px;
+  font-size: 1.5em;
+  font-weight: bold;
+  border-bottom: solid 3px limegreen;
+  text-align: justify;
+  padding: 8px 0;
+}
+
+img.logo {
+  border-width: 0px;
+  margin-top: 6px;
+  float: right;
+  padding-left: 15px;
+}
+
+/* footer */
+#page-footer {
+  height: 20px;
+  margin-top: 10px;
+  font-style: italic;
+  border-top: solid 3px crimson;
+}
+
+/* actions include */
+.actions {
+  font-style: italic;
+  border-bottom: solid 1px limegreen;
+  height: 25px;
+}
+
+/* pager include */
+.pager {
+  text-align: center;
+}
+
+/* search include */
+#page-search {
+  text-align: right;
+  font-size: 0.7em;
+}
+
+/* shortlog include */
+table.shortlog tbody tr {
+  padding: 1px 0px;
+}
+table.shortlog tbody td {
+  padding: 0 1px;
+}
+
+/* /commit page */
+.commit-message {
+  font-family: monospace;
+  font-size: 1.2em;
+}
+div.commit-message {
+  margin-bottom: 10px;
+}
+pre.commit-message {
+  border-top:  solid 2px red;
+  border-bottom:  solid 2px green;
+  padding: 5px;
+}
+.commit-info dt {
+  font-weight: bold;
+}
+.commit-info dd {
+  font-family: monospace;
+}
+
 /* /heads */
 .heads .head {
   font-weight: bold;
@@ -60,7 +145,44 @@ div.commit-message {
   text-decoration: underline;
 }
 table.heads {
-  width: 50%;
+  width: 75%;
+}
+
+/* /blame */
+#blame pre, #blame tt {
+  margin: 0;
+  font-size: 0.9em;
+}
+#blame .commit-info {
+}
+#blame .lineno {
+  text-align: right;
+  padding: 0 8px;
+}
+#blame a {
+  text-decoration: none;
+}
+#blame {
+    overflow-x: scroll;
+}
+#blame tr.alt {
+  background-color: #f7f7f7;
+}
+#blame tbody tr:hover {
+  background-color: #fefeaa;
+}
+#blame td {
+  padding: 0 0.2em;
+}
+#blame td.lineno {
+  background-color: #eee;
+}
+#blame td.date, #blame td.author, #blame td.commit-info {
+}
+#blame tbody td.data {
+  padding-left: 5px;
+  background-color: #333;
+  color: #ddd;
 }
 
 /* /blob */
@@ -85,6 +207,11 @@ pre.blob {
   border-bottom: solid 1px green;
 }
 
+/* /commitdiff */
+.diff-patch {
+  font-size: 0.8em;
+}
+
 /* /log */
 #log .entry {
   border: solid 1px grey;
@@ -93,7 +220,7 @@ pre.blob {
 }
 #log .meta {
   border-top: dotted 1px #ddd;
-  color: #755;
+  color: #311;
 }
 #log table.summary {
   width: 33%;
@@ -102,59 +229,73 @@ pre.blob {
 #log .message {
   font-family: monospace;
   font-size: 1.15em;
+  /* XXX Need to enforce find the CSS switch to force the chroma-hash below the message box */
 }
 #log .age {
   float: right;
   font-size: 0.85em;
   font-style: italic;
 }
-.chroma-hash {
+
+/* /summary */
+#stats {
   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;
+/* /tree */
+table.tree {
+  width: 65%;
 }
 
+/* Formerly of gitweb.css */
+
 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;
+  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;
+  background-color: #aaaaff;
+  border-color: #ccccff #0033cc #0033cc #ccccff;
 }
 
 span.refs span.tag {
-       background-color: #ffffaa;
-       border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
+  background-color: #ffffaa;
+  border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
 }
 
 span.refs span.head {
-       background-color: #aaffaa;
-       border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
+  background-color: #aaffaa;
+  border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 }
 span.refs a {
   text-decoration: none;
 }
+
+a.rss_logo {
+  float: right;
+  padding: 3px 0px;
+  width: 35px;
+  line-height: 10px;
+  border: 1px solid;
+  border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
+  color: #ffffff;
+  background-color: #ff6600;
+  font-weight: bold;
+  font-family: sans-serif;
+  font-size: 70%;
+  font-style: normal;
+  text-align: center;
+  text-decoration: none;
+  margin: 3px 0;
+}
+
+a.rss_logo:hover {
+  background-color: #ee5500;
+}