commit b485486365b4285b20a28e81be61e1591e82cc37 from: Omar Polo date: Wed Sep 14 20:29:33 2022 UTC add a stylesheet, will probably be used by default commit - b0d81cea2ea9400952e2b0883ecb4efa3c5ba2e4 commit + b485486365b4285b20a28e81be61e1591e82cc37 blob - /dev/null blob + 1c462ac8bd0360cf720d71e4f39294c0a46a9f9c (mode 644) --- /dev/null +++ galileo.css @@ -0,0 +1,89 @@ +body { + color: #222; + background-color: #fefefe; + + max-width: 870px; + margin: 0 auto; + border: 0; + padding: 1rem; +} + +h1, h2, h3 { + margin: 2rem 0 1rem; +} + +h1 { font-size: 200%; } +h2 { font-size: 160%; } +h3 { font-size: 120%; } + +nav ul { + list-style: disclosure-closed; +} + +blockquote { + font-style: italic; + margin: 1rem; + margin-left: 1.5rem; + position: relative; +} + +blockquote::before { + content: "“"; + font-size: 2rem; + position: absolute; + top: -0.5rem; + left: -1rem; +} + +p { + text-align: justify; + hyphens: auto; + white-space: pre-wrap; +} + +img { + max-width: 90%; + height: auto; +} + +figure { + text-align: center; +} + +figcaption { + padding: 0.5rem; +} + +footer { + margin-top: 2rem; + text-align: center; +} + +footer hr { + width: 100%; + height: 1px; + background-color: #222; + border: 0; + margin-bottom: 1rem; +} + +footer dl * { + display: inline; +} + + +/* dark theme */ +@media (prefers-color-scheme: dark) { + body { + color: #ffffea; + background-color: #383838; + } + + a { + color: #8e8eff; + } + + footer hr { + background-color: #ffffea; + } +}