diff options
Diffstat (limited to 'assets/stylesheets')
| -rw-r--r-- | assets/stylesheets/style.css | 67 |
1 files changed, 65 insertions, 2 deletions
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css index 278bac3..4b5e403 100644 --- a/assets/stylesheets/style.css +++ b/assets/stylesheets/style.css @@ -7,6 +7,7 @@ body { font-family: "Noto Serif", serif; text-underline-offset: 2.25px; overflow-x: hidden; + line-height: 1.35; } /* header */ @@ -67,12 +68,12 @@ main, footer{ #publishing a { color: #555 } #publishing a:not(:last-child)::after { content: "," } +footer span, #copyright, #theme-copyright { text-align: center; display: block; - opacity: .2; - color: #fff; margin: .25em; + color: #6a6a6a; } /* elements */ @@ -94,6 +95,43 @@ a:hover { text-decoration: underline; } +/* essays */ +.essay { + font-size: 1.15em; + margin-inline: auto; + max-width: 80ch; + line-height: 1.6; +} + +.essay p { + text-indent: 4ch; +} + +.essay blockquote { + font-style: italic; +} + +.essay blockquote p::before { + content: "“"; + font-size: 1.5em; +} + +.essay sup { + font-size: .6em; +} + +.essay sup a::before { content: "[" } +.essay sup a::after { content: "]" } + +/*.footnotes ol { + columns: 2 auto; + column-gap: 3em; +} + +.footnotes ol li { + break-inside: avoid; +}*/ + /* images */ img, figcaption { margin: auto; @@ -169,6 +207,16 @@ ol, ul, pre code { max-width: 100%; } +/* youtube iframe shortcode */ +div.yt-4x3 iframe { + display: block; + aspect-ratio: 4/3; + max-width: 600px; + width: 100%; + margin: 2em auto; + border: 0; +} + /* utility classes */ .monodate, .monospace { font-family: monospace } .bold { font-weight: bold } @@ -197,4 +245,19 @@ ol, ul, pre code { img, figcaption { max-width: 95%; } + .essay { + font-size: inherit; + } +} + +@media print { + body, a { + line-height: 1.25; + font-size-adjust: .38; + } + + header, + .footnote-backref { + display: none; + } } |