make sure to include Twitter links in recap

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

diff --git a/theme/static/css/main.css b/theme/static/css/main.css
index d63eb71..c8fdbf8 100644 (file)
--- a/theme/static/css/main.css
+++ b/theme/static/css/main.css
@@ -115,6 +115,10 @@ h1 {
   font-size: 2em;
 }
 
+h3 {
+  font-size: 1.35em;
+}
+
 h1 a {
   color: inherit;
   border-bottom: none;
@@ -128,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 {
@@ -374,9 +378,75 @@ p.flower-break {
     font-size: 85%;
 }
 
-// XXX—why isn't this working?!
-// https://stackoverflow.com/questions/15643614/double-underline-tag
+/* XXX—why isn't this working?! https://stackoverflow.com/questions/15643614/double-underline-tag */
 .extra-underline {
     text-decoration: underline;
     border-bottom: 3px double solid #000;
 }
+
+
+/* Thanks to Said Achmiz for table-of-contents styling */
+.toc {
+       max-width: 50%;
+       font-size: 0.85em;
+       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;
+       margin: 0;
+       line-height: 1.2;
+}
+.toc li {
+       text-indent: -1.5em;
+       margin-bottom: 0.25em;
+       padding-left: 1.5em;
+       position: relative;
+}
+.toc li::before {
+       content: counter(list-item);
+       position: absolute;
+       width: 1em;
+       text-indent: 0;
+       right: calc(100% + 0.5em);
+       text-align: right;
+       color: #bbb;
+}
+
+/* remove link underlines for navigational links */
+.toc a {
+    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;
+}