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