diff options
Diffstat (limited to 'public/style.css')
-rw-r--r-- | public/style.css | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..a0ffafb --- /dev/null +++ b/public/style.css @@ -0,0 +1,114 @@ +* { + box-sizing: border-box; +} + +body { + background: white; + line-height: 1.55; + margin: 0 auto; + padding: 10px; +} + +:link { + color: #23238E; +} +:visited { + color: #008088; +} + +.title { + font-family: "Times New Roman", Times, serif; +} + +.title i { + color: #0000FF; +} +.title b { + color: #000084; +} + +header { + padding: 0 0 10px; +} + +img { + margin: 0 auto; + max-width: 120px; +} + +h1 { + margin: 0; + padding: 0.5rem 0 0; +} + +blockquote { + background: rgba(0,0,0,0.04); + border-left: 4px solid; + margin: 2rem 0; + padding: 6px 10px; +} +blockquote p { + font-style: italic; + margin: 0; +} + +pre { + background: whitesmoke; + border: 1px solid; + overflow: scroll; + padding: 10px; + max-width:100%; +} + +code { + background: whitesmoke; +} + +p code, li code, dl code { + border: 1px solid; + padding: 1px 2px; +} + +h2 code { + font-size: 24px; +} + +footer p { + font-size: 90%; +} + +@media (min-width: 800px) { + body { + max-width: 85%; + } +} + +@media(max-width:420px) { + h1 { + text-align: center; + } +} + +@media(prefers-color-scheme: dark) { + body { + background: #1E1F21; + } + :link { + color: #BAD7FF; + } + :visited { + color: #F6BAFF; + } + .title { + text-shadow: 2px 2px black; + } + .title i { + color: #F2CA30; + } + .title b { + color: #CF4229; + } + pre, code { + background: black; + } +}
\ No newline at end of file |