improve skills, add fox chapel back
[jkinsey.net.git] / res / style.css
CommitLineData
fc90a94a
JK
1body {
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
9header {
10 width: 700px;
11 margin: 0 auto;
4bbfb028
JK
12}
13
fc90a94a
JK
14header h1 {
15 font-size: 2em;
75da0d8d 16 margin: 0;
e29d9cc4
JK
17}
18
9d04f7fb 19header > div > a {
e29d9cc4
JK
20 color:inherit;
21 text-decoration:none;
d7edfd55
JK
22}
23
9d04f7fb 24header nav {
e29d9cc4
JK
25 display:flex;
26 flex-direction:column;
fc90a94a 27 width: 400px;
e29d9cc4
JK
28}
29
9d04f7fb 30header nav ul {
4bbfb028
JK
31 display:flex;
32 flex-direction:row;
75da0d8d
JK
33 padding: 0;
34 margin: 0;
4bbfb028
JK
35}
36
9d04f7fb 37header 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
47a {
48 color: #f771fc;
49}
50
51header nav ul li::before {
52 font-size: .75em;
53 line-height: .1em;
54 content: "#";
55}
56
9d04f7fb 57header nav ul li a:link, header nav ul li a:visited {
d7edfd55
JK
58 text-decoration:none;
59 color:inherit;
60}
61
9d04f7fb 62header nav ul li a:hover, header nav ul li a.selected {
d7edfd55 63 text-decoration:underline;
4bbfb028 64}
e29d9cc4 65
e29d9cc4 66article {
fc90a94a
JK
67 width: 700px;
68 margin: 0 auto;
69 /* padding: 16px 0px 16px 0px; */
e29d9cc4
JK
70}
71
fc90a94a
JK
72article h2 {
73 /* padding: 8px 0px 8px 0px; */
74 font-size: 1.2em;
e29d9cc4
JK
75}
76
fc90a94a
JK
77article h2::before {
78 font-size: 1em;
79 content: "\2014"; /* emdash */
9d04f7fb
JK
80}
81
9f0253f6
JK
82em {
83 font-style:italic;
84}
85
86em > em {
87 font-style:normal;
88 font-weight:bold;
89}
90
9d04f7fb 91
fc90a94a
JK
92article p {
93 line-height: 1.25em;
9d04f7fb
JK
94}
95
fc90a94a 96article div {
75da0d8d
JK
97 margin: 16px 0px 16px 0px;
98}
99
100article div ul li {
101 margin: 8px 0px 8px 0px;
9d04f7fb
JK
102}
103
2bcca5c6
JK
104article div ol li {
105 margin: 8px 0px 8px 0px;
106}
107
75da0d8d 108a, p, h1, h2, li, summary {
fc90a94a 109 background-color: #111111;
9d04f7fb 110}
75da0d8d
JK
111
112article details summary {
113 margin: 8px 0px 8px 0px;
114}