Simple is beautiful: declutter table views

1 files changed, 67 insertions, 9 deletions

diff --git a/cgit.css b/cgit.css
index 658bc81..3611918 100644
--- a/cgit.css
+++ b/cgit.css
@@ -31,6 +31,7 @@ body {
 #cgit {
     color: #333;
     font-family: "Source Sans Pro";
+    font-size: 16px;
 }
 
 #cgit a {
@@ -70,7 +71,7 @@ body {
 }
 
 #cgit .age-days {
-    color: #040;
+    color: #080;
 }
 
 #cgit #header {
@@ -94,6 +95,10 @@ body {
     font-weight: bold;
 }
 
+#cgit #header .sub {
+    color: #444;
+}
+
 #cgit #header .sub.right {
     color: #666;
 }
@@ -121,11 +126,12 @@ body {
     text-align: left;
 }
 
-
+/*
 #cgit .list {
     border-collapse: collapse;
     width: 100%;
     white-space: nowrap;
+    font-size: 95%;
 }
 
 #cgit .list a {
@@ -178,6 +184,10 @@ body {
     background-color: #F7FBFC;
 }
 
+#cgit .list[summary="repository list"] td {
+    padding: 0 0.5em;
+}
+
 #cgit .list[summary="repository list"] .reposection {
     font-weight: bold;
     border-bottom: 1px solid #C5D5DD;
@@ -210,6 +220,55 @@ body {
 #cgit .list .commitgraph {
     font-family: "Source Code Pro";
 }
+*/
+
+#cgit .list {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+#cgit .list[summary="repository list"] {
+    font-size: 95%;
+}
+
+#cgit .list[summary="tree listing"] {
+    font-size: 95%;
+}
+
+#cgit .list td,
+#cgit .list th {
+    padding: 0.1em 0.2em;
+}
+
+#cgit .list tr:hover {
+    background-color: #FCFCcc;
+}
+
+#cgit .list .nohover:hover {
+    background-color: transparent;
+}
+
+#cgit .list .logmsg {
+    white-space: pre-line;
+}
+
+#cgit .list .sublevel-repo {
+    padding-left: 1em;
+}
+
+#cgit .list .toplevel-repo + td > a {
+    color: #333;
+}
+
+#cgit .list .sublevel-repo + td > a {
+    color: #333;
+}
+
+#cgit .list .reposection {
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    font-weight: bold;
+}
 
 #cgit .cgit-panel {
     float: right
@@ -491,15 +550,14 @@ body {
     border: none;
 }
 
-#cgit .list[summary~=tree] {
-    font-size: 95%;
-}
-
-#cgit .list[summary~=tree] td:first-child,
-#cgit .list[summary~=tree] td:last-child {
+#cgit .list[summary="tree listing"] td:first-child,
+#cgit .list[summary="tree listing"] td:last-child {
     width: 1%;
 }
 
+#cgit .list .ls-mode + td > a {
+    color: inherit;
+}
 #cgit .list .button {
     margin-right: 0.5em;
 }
@@ -510,7 +568,7 @@ body {
 
 #cgit .list .ls-dir {
     font-weight: bold;
-    color: #4183C4;
+    color: #4183C4 !important;
 }
 
 #cgit .blob {