From 5de7de4e64cb20183ebfe86e16578f4abd62a23e Mon Sep 17 00:00:00 2001 From: Alan Pearce Date: Sat, 14 Nov 2020 21:17:02 +0100 Subject: Port theme to zola template --- static/css/style.css | 75 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 static/css/style.css (limited to 'static/css') diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..e605297 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,75 @@ +body { + font-family: sans-serif; + line-height: 1.5em; + margin: auto; + max-width: 800px; + padding: 1em; +} + +/* header and footer areas */ +nav > ul { padding: 0; } +nav > ul > li { display: inline-block; } +article > header, nav > ul a { + background: #eee; + border-radius: 5px; + padding: 5px; + text-decoration: none; +} +.terms { font-size: .9em; } +nav > ul, article > header, footer { text-align: center; } +.title { font-size: 1.1em; } +footer a { text-decoration: none; } +hr { + border-style: dashed; + color: #ddd; +} +body > nav { + border-bottom: 1px solid #ddd; +} +body > footer { + border-top: 1px solid #ddd; +} + +/* code */ +pre { + border: 1px solid #ddd; + overflow-x: auto; + padding: 1em; +} +code { background: #f9f9f9; } +pre code { background: none; } + +/* misc elements */ +img, iframe, video { max-width: 100%; } +main { hyphens: auto; } +blockquote { + background: #f9f9f9; + border-left: 5px solid #ccc; + padding: 3px 1em 3px; +} + +table thead th { border-bottom: 1px solid #ddd; } +th, td { padding: 5px; } +thead, tfoot, tr:nth-child(even) { background: #eee; } +.hl { background-color: #ffc; } + +@media (prefers-color-scheme: dark) { + body { + background-color: #111; + color: white; + } + article > header, nav > ul a { + background: #222; + } + a { + color: #C4D4EE; + } + a:visited { + color: #CEDEE0; + } + code { background-color: #444; } + thead, tfoot, tr:nth-child(even) { background: #222; } + .hl { + background-color: #555; + } +} -- cgit 1.4.1