X-Git-Url: http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=057c4d0b99b3b25ba431e4aca16a05223500bb60;hp=4dadf327f3134ba07c7300f1b82405583088bb4a;hb=HEAD;hpb=808ee3b5842ca30c4286ba43fced4d3984b57bcb diff --git a/theme/static/css/main.css b/theme/static/css/main.css index 4dadf32..c8fdbf8 100644 --- a/theme/static/css/main.css +++ b/theme/static/css/main.css @@ -16,11 +16,6 @@ time { display: block; } -html { - font-size: 100%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} body { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; @@ -58,7 +53,7 @@ header { footer { border-top: 1px dotted #D6D6D6; - line-height: 30px; + line-height: 15px; padding: 0 1em; font-size: 0.8em; } @@ -120,6 +115,10 @@ h1 { font-size: 2em; } +h3 { + font-size: 1.35em; +} + h1 a { color: inherit; border-bottom: none; @@ -133,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 { @@ -232,6 +231,7 @@ ol.archive li .tags } + /* Social */ .social { @@ -307,3 +307,146 @@ li.tag-4 { font-size: 110%; margin: 0 1em; } margin: 0 4%; } } + + +/* tag cloud */ + +span.tag-1 { + font-size: 160%; +} +span.tag-2 { + font-size: 140%; +} +span.tag-3 { + font-size: 125%; +} +span.tag-4 { + font-size: 110%; +} +span.tag-5 { + font-size: 95%; +} +span.tag-6 { + font-size: 75%; +} + + +/* footnotes */ +p#notes-header { + font-weight: bold; +} + +ol.simple-footnotes { + font-size: 85%; +} + + +/* sidebar-aside */ +aside.boxout { + width: 80%; + font-size: 85%; + background-color: #E5E5E5; + outline-style: solid; + outline-color: black; + outline-width: 1px; + padding: 6px; +} + +span.photo-credit { + font-size: 85%; +} + +.dialogue > p { + margin: 0.25em 0 0.25em; +} + +.dialogue-character-label { + font-weight: bold; + font-variant: small-caps; +} + +p.flower-break { + text-align: center; +} + +.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; +}