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); | |
75da0d8d | 8 | background-color: #111; |
fc90a94a JK |
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; | |
75da0d8d | 21 | margin: 0; |
e29d9cc4 JK |
22 | } |
23 | ||
9d04f7fb | 24 | header > div > a { |
e29d9cc4 JK |
25 | color:inherit; |
26 | text-decoration:none; | |
d7edfd55 JK |
27 | } |
28 | ||
9d04f7fb | 29 | header nav { |
e29d9cc4 JK |
30 | display:flex; |
31 | flex-direction:column; | |
fc90a94a | 32 | width: 400px; |
e29d9cc4 JK |
33 | } |
34 | ||
9d04f7fb | 35 | header nav ul { |
4bbfb028 JK |
36 | display:flex; |
37 | flex-direction:row; | |
75da0d8d JK |
38 | padding: 0; |
39 | margin: 0; | |
4bbfb028 JK |
40 | } |
41 | ||
9d04f7fb | 42 | header nav ul li { |
4bbfb028 JK |
43 | display:inline-block; |
44 | text-align:center; | |
d7edfd55 | 45 | height:50px; |
75da0d8d | 46 | margin-right: 24px; |
4bbfb028 | 47 | font-size:1.25em; |
d7edfd55 | 48 | line-height:50px; |
75da0d8d | 49 | background-color: inherit; |
d7edfd55 JK |
50 | } |
51 | ||
fc90a94a JK |
52 | a { |
53 | color: #f771fc; | |
54 | } | |
55 | ||
56 | header nav ul li::before { | |
57 | font-size: .75em; | |
58 | line-height: .1em; | |
59 | content: "#"; | |
60 | } | |
61 | ||
9d04f7fb | 62 | header nav ul li a:link, header nav ul li a:visited { |
d7edfd55 JK |
63 | text-decoration:none; |
64 | color:inherit; | |
65 | } | |
66 | ||
9d04f7fb | 67 | header nav ul li a:hover, header nav ul li a.selected { |
d7edfd55 | 68 | text-decoration:underline; |
4bbfb028 | 69 | } |
e29d9cc4 | 70 | |
e29d9cc4 | 71 | article { |
fc90a94a JK |
72 | width: 700px; |
73 | margin: 0 auto; | |
74 | /* padding: 16px 0px 16px 0px; */ | |
e29d9cc4 JK |
75 | } |
76 | ||
fc90a94a JK |
77 | article h2 { |
78 | /* padding: 8px 0px 8px 0px; */ | |
79 | font-size: 1.2em; | |
e29d9cc4 JK |
80 | } |
81 | ||
fc90a94a JK |
82 | article h2::before { |
83 | font-size: 1em; | |
84 | content: "\2014"; /* emdash */ | |
9d04f7fb JK |
85 | } |
86 | ||
9f0253f6 JK |
87 | em { |
88 | font-style:italic; | |
89 | } | |
90 | ||
91 | em > em { | |
92 | font-style:normal; | |
93 | font-weight:bold; | |
94 | } | |
95 | ||
9d04f7fb | 96 | |
fc90a94a JK |
97 | article p { |
98 | line-height: 1.25em; | |
9d04f7fb JK |
99 | } |
100 | ||
fc90a94a | 101 | article div { |
75da0d8d JK |
102 | margin: 16px 0px 16px 0px; |
103 | } | |
104 | ||
105 | article div ul li { | |
106 | margin: 8px 0px 8px 0px; | |
9d04f7fb JK |
107 | } |
108 | ||
75da0d8d | 109 | a, p, h1, h2, li, summary { |
fc90a94a | 110 | background-color: #111111; |
9d04f7fb | 111 | } |
75da0d8d JK |
112 | |
113 | article details summary { | |
114 | margin: 8px 0px 8px 0px; | |
115 | } |