simplify link styles and use text-decoration

diff --git a/static/style.css b/static/style.css
index a13d2b0..d380c6a 100644 (file)
--- a/static/style.css
+++ b/static/style.css
@@ -52,25 +52,17 @@ h3 {
 }
 
 a {
-  color: #0063dc;
-  padding: 0.2em 0;
-  text-decoration: none;
-  transition: all .2s ease-out;
+  color: #204a87;
+  padding: 0.3em 0;
+  text-decoration: underline #ccc;
 }
 a:hover, a:focus {
-  transition: all .2s ease-out;
-  background: #f2f8fa;
-  color: #0054c0; /* #003ea4 / #0036a4 */
+  text-decoration: underline #666;
 }
 a:active {
   color: #a10029;
+  outline: 0;
 }
-/*
-a:active {
-  color: #06d;
-  box-shadow: 0 1px 1px #ddd;
-}
-*/
 
 h4 {
   margin: 0.75em auto;
@@ -126,7 +118,7 @@ table td:last-child {
   width: 100%;
 }
 .post-list tr:hover {
-  background: #f2f8fa; /* #f6f6f6; */
+  background: #f8f8f8;
 }
 .post-list td {
   padding: 0.3em;