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

[Ultimately_Untrue_Thought.git] / theme / static / css / main.css

diff --git a/theme/static/css/main.css b/theme/static/css/main.css
index 3e69077..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 {
@@ -423,3 +423,18 @@ p.flower-break {
        border: none;
 }
 
+/* And thanks again to Said Achmiz for making superscripts not mess up line spacing. */
+sup, sub {
+       position: relative;
+       vertical-align: baseline;
+       font-size: 0.8em;
+}
+sup {
+       bottom: 0.4em;
+}
+sup a {
+       padding: 0 0.1em;
+}
+sub {
+       top: 0.25em;
+}