}
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 {
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;
+}
+.toc a {
+ 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;
+}