Simplify style and make output more legible

- Combines and removes some redundancy.
- Makes <hr> softer by using dashed lines.
- Removes <a> underlines since the file/log view
  have tons of links and reading them is a bit
  distracting. Underlines are added on hover.
- Makes diff headers darkcyan to match the default
  command line colors and not conflict with new
  <a> style.

diff --git a/style.css b/style.css
index 43e936cfe31be79da0ac9fc9db0b9178234c6558..d7de757318e3379f610cff5cf3276d9bf7c1d0d4 100644 (file)
--- a/style.css
+++ b/style.css
@@ -5,6 +5,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
+       font-size: 1em;
        margin: 0;
 }
 
@@ -12,6 +13,14 @@ img, h1, h2 {
        vertical-align: middle;
 }
 
+a {
+       text-decoration: none;
+}
+
+a:hover {
+       text-decoration: underline;
+}
+
 table thead td {
        font-weight: bold;
 }
@@ -24,39 +33,35 @@ table td {
        background-color: #eee;
 }
 
-h1, h2, h3, h4, h5, h6 {
-       font-size: 1em;
-}
-
 .desc {
-       font-size: 100%;
        color: #777;
 }
 
 hr {
-       color: #777;
-       background-color: #777;
        border: 0;
-       border-top: 1px solid #777;
+       border-top: 1px dashed #777;
 }
 
 pre {
        font-family: monospace;
 }
 
-pre span.h {
-       color: blue;
+pre .h {
+       color: darkcyan;
 }
 
-pre span.i {
+pre .i {
        color: green;
 }
 
-pre span.d {
+pre .d {
        color: red;
 }
 
 pre span a {
-       text-decoration: none;
        color: inherit;
 }
+
+pre span a:hover {
+       text-decoration: none;
+}