body { margin: 0 auto; width: 90%; min-height: 100%; } /* TODO: media query, use entire width on small viewports */ h1 { text-align: center; padding: 0; padding-top: 0.8em; padding-bottom: 0.5em; border-bottom: 0.1em solid black; margin: 0; margin-bottom: 0.8em; } p, pre, ul { padding: 0; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0.9em; width: 80%; max-width: 720px; list-style-position: inside; list-style-type: disclosure-closed; } li ul { margin-left: 2em; width: 100%; } p { text-align: justify; } p.light { /* TODO: include a font that supports different weights */ font-weight: lighter; font-style: italic; } p.strong { font-weight: bold; } p.heavy { /* TODO: include a font that supports different weights */ font-weight: bolder; } p.copyright { position: relative; margin-bottom: 0; text-align: center; font-size: 0.8em; color: gray; bottom: 2px; } pre { width: 80ch; font-size: 1em; } pre.terminal { color: #B5E550; background-color: #3F3F3F; border: 1px solid black; padding: 1em; } pre.paper { /* TODO: typewriter-look? */ /* TODO: tractor feed ribbons? */ background-color: #F0E6CE; border: 1px solid black; padding: 1em; padding-bottom: 0em; } span.paper.green { background-color: #D0DBA6; } span.quote.speech { color: #303030; } span.quote.speech::before { color: black; content: "\25b8"; font-size: 0.75em; position: relative; bottom: 0.15em; } span.quote.speech::after { color: black; content: "\25c2"; font-size: 0.75em; position: relative; bottom: 0.15em; } span.quote.non-speech { color: #303030; } span.quote.thought::before { color: black; content: "\25b9"; font-size: 0.75em; position: relative; bottom: 0.15em; } span.quote.thought::after { color: black; content: "\25c3"; font-size: 0.75em; position: relative; bottom: 0.15em; } /*TODO: Remove and replace with speech/non-speech where appropriate*/ span.quote.thought { color: red; /*color: #303030;*/ } span.quote.thought::before { color: red; content: "\25b9"; font-size: 0.75em; position: relative; bottom: 0.15em; } span.quote.thought::after { color: red; content: "\25c3"; font-size: 0.75em; position: relative; bottom: 0.15em; } button.back { font-size: 2.8em; width: 1.3em; height: 1.3em; position: fixed; top: 0.4em; } .comment { font-style: italic; color: gray; }