X-Git-Url: http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=057c4d0b99b3b25ba431e4aca16a05223500bb60;hp=8531a766942641e62e60e8c21aa509f441fe776e;hb=HEAD;hpb=3eb6f065d4005a2e7cd42cfa455bcdec23c2ab79 diff --git a/theme/static/css/main.css b/theme/static/css/main.css index 8531a76..c8fdbf8 100644 --- 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 { @@ -368,3 +372,81 @@ p.flower-break { .footnote { font-size: 85%; } + +.comments-link-container { + font-weight: bold; + font-size: 85%; +} + +/* 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; +}