less goofy, more standard CSS link underlines (thx again to Said Achmiz)

diff --git a/theme/static/css/main.css b/theme/static/css/main.css
index a043294..db4740d 100644 (file)
--- a/theme/static/css/main.css
+++ b/theme/static/css/main.css
@@ -132,15 +132,15 @@ p {
 }
 
 a {
-  text-decoration: none;
-  border-bottom: 1px dotted #4D4D4C;
-  color: #2D2D2C;
+    color: inherit;
+    text-decoration: dotted underline #4D4D4C from-font;
+    text-underline-position: from-font;
+    text-underline-offset: 0.1em;
 }
 
 a:hover, a:active {
-  text-decoration: none;
-  border-bottom: 1px dotted #C07095;
-  color: #C07095;
+    color: #C07095;
+    text-decoration-color: currentcolor;
 }
 
 .literal {