diff options
author | Alan Pearce | 2020-11-14 21:17:02 +0100 |
---|---|---|
committer | Alan Pearce | 2020-11-14 21:52:50 +0100 |
commit | 5de7de4e64cb20183ebfe86e16578f4abd62a23e (patch) | |
tree | d3e24ee322d24c03a5e6563ace11c1c588881368 /static | |
parent | d996657be5efda94f4a934d5d78c407ba47bf76c (diff) | |
download | website-5de7de4e64cb20183ebfe86e16578f4abd62a23e.tar.xz website-5de7de4e64cb20183ebfe86e16578f4abd62a23e.zip |
Port theme to zola template
Diffstat (limited to 'static')
-rw-r--r-- | static/css/style.css | 75 |
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 @@ | |||
1 | body { | ||
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 */ | ||
10 | nav > ul { padding: 0; } | ||
11 | nav > ul > li { display: inline-block; } | ||
12 | article > header, nav > ul a { | ||
13 | background: #eee; | ||
14 | border-radius: 5px; | ||
15 | padding: 5px; | ||
16 | text-decoration: none; | ||
17 | } | ||
18 | .terms { font-size: .9em; } | ||
19 | nav > ul, article > header, footer { text-align: center; } | ||
20 | .title { font-size: 1.1em; } | ||
21 | footer a { text-decoration: none; } | ||
22 | hr { | ||
23 | border-style: dashed; | ||
24 | color: #ddd; | ||
25 | } | ||
26 | body > nav { | ||
27 | border-bottom: 1px solid #ddd; | ||
28 | } | ||
29 | body > footer { | ||
30 | border-top: 1px solid #ddd; | ||
31 | } | ||
32 | |||
33 | /* code */ | ||
34 | pre { | ||
35 | border: 1px solid #ddd; | ||
36 | overflow-x: auto; | ||
37 | padding: 1em; | ||
38 | } | ||
39 | code { background: #f9f9f9; } | ||
40 | pre code { background: none; } | ||
41 | |||
42 | /* misc elements */ | ||
43 | img, iframe, video { max-width: 100%; } | ||
44 | main { hyphens: auto; } | ||
45 | blockquote { | ||
46 | background: #f9f9f9; | ||
47 | border-left: 5px solid #ccc; | ||
48 | padding: 3px 1em 3px; | ||
49 | } | ||
50 | |||
51 | table thead th { border-bottom: 1px solid #ddd; } | ||
52 | th, td { padding: 5px; } | ||
53 | thead, 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 | } | ||