make sure to include Twitter links in recap
[Ultimately_Untrue_Thought.git] / theme / static / css / main.css
index 1d9fedd..c8fdbf8 100644 (file)
@@ -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 {
@@ -387,13 +387,17 @@ p.flower-break {
 
 /* Thanks to Said Achmiz for table-of-contents styling */
 .toc {
-       clear: right;
-        max-width: calc(50% - 1.5em);
+       max-width: 50%;
        font-size: 0.85em;
-       margin-left: 1.5em;
        padding: 0.5em;
+       margin: 1.5em 0;
        border: 2px dotted #d6d6d6;
 }
+.toctitle {
+       display: block;
+       margin: 0 0 0.5em 0.375em;
+       opacity: 0.5;
+}
 .toc ul {
        list-style-type: none;
        padding-left: 1.5em;
@@ -413,8 +417,36 @@ p.flower-break {
        text-indent: 0;
        right: calc(100% + 0.5em);
        text-align: right;
-       color: #bbb;    
+       color: #bbb;
 }
+
+/* remove link underlines for navigational links */
 .toc a {
-       border: none;
+    text-decoration: none;
+}
+.title {
+    text-decoration: none;
+}
+.pages a {
+    text-decoration: none;
+}
+.content h1 a {
+    text-decoration: 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;
 }