X-Git-Url: http://unremediatedgender.space/source?a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=1d9fedd258a8712e65e7c83f542cdc3ee333d079;hb=52b4531eb1824493f20873d11495e84e65ce408b;hp=8ca121f9ec5ab1bf41d80b88b0433f32c3eb62a1;hpb=1d61d743b4be30dd92024d9056df552929161d2a;p=Ultimately_Untrue_Thought.git diff --git a/theme/static/css/main.css b/theme/static/css/main.css index 8ca121f..1d9fedd 100644 --- a/theme/static/css/main.css +++ b/theme/static/css/main.css @@ -3,7 +3,7 @@ @import url("pygment.css"); -/* Latout */ +/* Layout */ article, figcaption, @@ -16,15 +16,9 @@ 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: 16px; - line-height: 150%; + font-size: 14px; text-align: left; color: #1D1D1D; padding: 0; @@ -59,7 +53,7 @@ header { footer { border-top: 1px dotted #D6D6D6; - line-height: 30px; + line-height: 15px; padding: 0 1em; font-size: 0.8em; } @@ -121,6 +115,10 @@ h1 { font-size: 2em; } +h3 { + font-size: 1.35em; +} + h1 a { color: inherit; border-bottom: none; @@ -233,6 +231,7 @@ ol.archive li .tags } + /* Social */ .social { @@ -308,3 +307,114 @@ 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 { + clear: right; + max-width: calc(50% - 1.5em); + font-size: 0.85em; + margin-left: 1.5em; + padding: 0.5em; + border: 2px dotted #d6d6d6; +} +.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; +}