Starting to move away from the gitweb stylistic roots.
[catagits/Gitalist.git] / root / static / css / site.css
index a968bc5..7449ebd 100644 (file)
@@ -1,38 +1,34 @@
-#the-container {
-  margin: 1em 100px;
-  text-align: center;
-  background-color: white;
-}
-#body {
-  text-align: justify;
-}
-div.content {
-  padding: 0 7px;
-}
-
 /*
 14d2f2ca3732551d1585e7590e60b82492f3
 ^^ A rather nice chroma hash
 */
 body {
-  background-color: #555;
+  /* 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 {
+}
+
+a {
+  color: mediumblue;
 }
 
 thead, tfoot {
-  /* FTR all table columns should be sortable hence the colour to indicate clickableness. */
-  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;
 }
 thead th {
-  border-bottom: solid 1px #777;
+  border-bottom: solid 1px lightsteelblue;
 }
 tfoot td {
-  border-top: solid 1px #777;
+  border-top: solid 1px lightsteelblue
 }
 
 .listing tbody tr:nth-child(even) {
-  background-color: #f7f7f7;
+  background-color: whitesmoke;
 }
 .listing tbody tr:hover {
   background-color: #fefeaa;
@@ -43,7 +39,7 @@ tfoot td {
   font-size:   1em;
   font-style: normal;
 }
-div.chroma-hash {
+.actions span.chroma-hash {
   float: right;
 }
 
@@ -52,7 +48,8 @@ div.chroma-hash {
 }
 .author, .head {
   font-weight: bold;
-  font-family: "Trebuchet MS", "Lucida Grande", serif;
+  /* 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;
 }
 
 .file-name, .file-mode {
@@ -72,36 +69,33 @@ div.chroma-hash {
 /* header */
 #page-header {
   height: 25px;
-  padding: 8px;
   font-size: 1.5em;
   font-weight: bold;
-  border-bottom: solid 1px #777;
+  border-bottom: solid 3px limegreen;
   text-align: justify;
+  padding: 8px 0;
 }
 
 img.logo {
-  float: right;
   border-width: 0px;
-  margin-top: 4px;
+  margin-top: 6px;
+  float: right;
+  padding-left: 15px;
 }
 
 /* footer */
 #page-footer {
   height: 20px;
-  padding: 8px;
   margin-top: 10px;
   font-style: italic;
-  background-color: #d9d8d1;
-  border-top: solid 1px #777;
+  border-top: solid 3px crimson;
 }
 
 /* actions include */
 .actions {
-  padding-bottom: 4px 0;
   font-style: italic;
-  border-bottom: solid 1px #777;
-  margin-bottom: 10px;
-  padding: 5px 7px;
+  border-bottom: solid 1px limegreen;
+  height: 25px;
 }
 
 /* pager include */
@@ -112,9 +106,7 @@ img.logo {
 /* search include */
 #page-search {
   text-align: right;
-  float: right;
   font-size: 0.7em;
-  padding-right: 20px;
 }
 
 /* shortlog include */
@@ -187,8 +179,10 @@ table.heads {
 }
 #blame td.date, #blame td.author, #blame td.commit-info {
 }
-#blame .data {
+#blame tbody td.data {
   padding-left: 5px;
+  background-color: #333;
+  color: #ddd;
 }
 
 /* /blob */
@@ -299,6 +293,7 @@ a.rss_logo {
   font-style: normal;
   text-align: center;
   text-decoration: none;
+  margin: 3px 0;
 }
 
 a.rss_logo:hover {