about summary refs log tree commit diff stats
path: root/static
diff options
context:
space:
mode:
authorAlan Pearce2020-11-14 21:17:02 +0100
committerAlan Pearce2020-11-14 21:52:50 +0100
commit5de7de4e64cb20183ebfe86e16578f4abd62a23e (patch)
treed3e24ee322d24c03a5e6563ace11c1c588881368 /static
parentd996657be5efda94f4a934d5d78c407ba47bf76c (diff)
downloadwebsite-5de7de4e64cb20183ebfe86e16578f4abd62a23e.tar.xz
website-5de7de4e64cb20183ebfe86e16578f4abd62a23e.zip
Port theme to zola template
Diffstat (limited to 'static')
-rw-r--r--static/css/style.css75
1 files changed, 75 insertions, 0 deletions
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 @@
1body {
2 font-family: sans-serif;
3 line-height: 1.5em;
4 margin: auto;
5 max-width: 800px;
6 padding: 1em;
7}
8
9/* header and footer areas */
10nav > ul { padding: 0; }
11nav > ul > li { display: inline-block; }
12article > header, nav > ul a {
13 background: #eee;
14 border-radius: 5px;
15 padding: 5px;
16 text-decoration: none;
17}
18.terms { font-size: .9em; }
19nav > ul, article > header, footer { text-align: center; }
20.title { font-size: 1.1em; }
21footer a { text-decoration: none; }
22hr {
23 border-style: dashed;
24 color: #ddd;
25}
26body > nav {
27 border-bottom: 1px solid #ddd;
28}
29body > footer {
30 border-top: 1px solid #ddd;
31}
32
33/* code */
34pre {
35 border: 1px solid #ddd;
36 overflow-x: auto;
37 padding: 1em;
38}
39code { background: #f9f9f9; }
40pre code { background: none; }
41
42/* misc elements */
43img, iframe, video { max-width: 100%; }
44main { hyphens: auto; }
45blockquote {
46 background: #f9f9f9;
47 border-left: 5px solid #ccc;
48 padding: 3px 1em 3px;
49}
50
51table thead th { border-bottom: 1px solid #ddd; }
52th, td { padding: 5px; }
53thead, tfoot, tr:nth-child(even) { background: #eee; }
54.hl { background-color: #ffc; }
55
56@media (prefers-color-scheme: dark) {
57 body {
58 background-color: #111;
59 color: white;
60 }
61 article > header, nav > ul a {
62 background: #222;
63 }
64 a {
65 color: #C4D4EE;
66 }
67 a:visited {
68 color: #CEDEE0;
69 }
70 code { background-color: #444; }
71 thead, tfoot, tr:nth-child(even) { background: #222; }
72 .hl {
73 background-color: #555;
74 }
75}