Commit | Line | Data |
---|---|---|
fc90a94a JK |
1 | @font-face { |
2 | font-family: "Cutive Mono"; | |
3 | src: url("./CutiveMono-Regular.woff2"); | |
b0fbfd4f JK |
4 | } |
5 | ||
fc90a94a JK |
6 | body { |
7 | background: url(blackstars.png); | |
8 | background-color: #111111; | |
9 | color: #fefefe; | |
10 | font-family: monospace; | |
11 | padding: 16px; | |
b0fbfd4f JK |
12 | } |
13 | ||
fc90a94a JK |
14 | header { |
15 | width: 700px; | |
16 | margin: 0 auto; | |
4bbfb028 JK |
17 | } |
18 | ||
fc90a94a JK |
19 | header h1 { |
20 | font-size: 2em; | |
e29d9cc4 JK |
21 | } |
22 | ||
9d04f7fb | 23 | header > div > a { |
e29d9cc4 JK |
24 | color:inherit; |
25 | text-decoration:none; | |
d7edfd55 JK |
26 | } |
27 | ||
9d04f7fb | 28 | header nav { |
e29d9cc4 JK |
29 | display:flex; |
30 | flex-direction:column; | |
fc90a94a | 31 | width: 400px; |
e29d9cc4 JK |
32 | } |
33 | ||
9d04f7fb | 34 | header nav ul { |
4bbfb028 JK |
35 | display:flex; |
36 | flex-direction:row; | |
4bbfb028 JK |
37 | } |
38 | ||
9d04f7fb | 39 | header nav ul li { |
4bbfb028 JK |
40 | display:inline-block; |
41 | text-align:center; | |
d7edfd55 | 42 | height:50px; |
fc90a94a | 43 | padding-right: 24px; |
4bbfb028 | 44 | font-size:1.25em; |
d7edfd55 JK |
45 | line-height:50px; |
46 | } | |
47 | ||
fc90a94a JK |
48 | a { |
49 | color: #f771fc; | |
50 | } | |
51 | ||
52 | header nav ul li::before { | |
53 | font-size: .75em; | |
54 | line-height: .1em; | |
55 | content: "#"; | |
56 | } | |
57 | ||
9d04f7fb | 58 | header nav ul li a:link, header nav ul li a:visited { |
d7edfd55 JK |
59 | text-decoration:none; |
60 | color:inherit; | |
61 | } | |
62 | ||
9d04f7fb | 63 | header nav ul li a:hover, header nav ul li a.selected { |
d7edfd55 | 64 | text-decoration:underline; |
4bbfb028 | 65 | } |
e29d9cc4 | 66 | |
e29d9cc4 | 67 | article { |
fc90a94a JK |
68 | width: 700px; |
69 | margin: 0 auto; | |
70 | /* padding: 16px 0px 16px 0px; */ | |
e29d9cc4 JK |
71 | } |
72 | ||
fc90a94a JK |
73 | article h2 { |
74 | /* padding: 8px 0px 8px 0px; */ | |
75 | font-size: 1.2em; | |
e29d9cc4 JK |
76 | } |
77 | ||
fc90a94a JK |
78 | article h2::before { |
79 | font-size: 1em; | |
80 | content: "\2014"; /* emdash */ | |
9d04f7fb JK |
81 | } |
82 | ||
9f0253f6 JK |
83 | em { |
84 | font-style:italic; | |
85 | } | |
86 | ||
87 | em > em { | |
88 | font-style:normal; | |
89 | font-weight:bold; | |
90 | } | |
91 | ||
9d04f7fb | 92 | |
fc90a94a JK |
93 | article p { |
94 | line-height: 1.25em; | |
9d04f7fb JK |
95 | } |
96 | ||
fc90a94a JK |
97 | article div { |
98 | padding: 16px 0px 16px 0px; | |
9d04f7fb JK |
99 | } |
100 | ||
fc90a94a JK |
101 | a, p, h1, h2 { |
102 | background-color: #111111; | |
9d04f7fb | 103 | } |