break haunt.scm down into smaller (bandali *) modules
[~bandali/bndl.org] / static / style.css
... / ...
CommitLineData
1body {
2 /* background: #fffffa; */
3 font-family: sans-serif;
4 line-height: 1.6;
5 padding: 2em;
6}
7
8nav, main, footer {
9 margin: auto;
10 max-width: 38rem;
11}
12
13nav {
14 font-size: 0.84em;
15}
16main {
17 margin-bottom: 2em;
18}
19p {
20 margin: 1em 0;
21}
22header {
23 margin-bottom: 1.5em;
24}
25header >:not(h1) {
26 font-size: 0.875em;
27}
28header > p {
29 margin: 0;
30}
31footer {
32 border-top: 1px solid #bbb;
33 font-size: 0.84em;
34 padding-top: 1em;
35}
36footer p {
37 margin: 0;
38}
39
40h1 {
41 font-size: 1.5em;
42}
43h1 + address {
44 margin-top: 0.75em;
45}
46
47h2 {
48 font-size: 1.25em;
49}
50h3 {
51 font-size: 1.125em;
52}
53
54a {
55 color: #004caa;
56 padding: 0.3em 0;
57 text-decoration: underline #ccc;
58}
59a:hover, a:focus {
60 text-decoration: underline #666;
61}
62a:active {
63 color: #a10029;
64 outline: 0;
65}
66
67h4 {
68 margin: 0.75em auto;
69}
70
71article h3 {
72 font-weight: normal;
73 color: #777;
74}
75
76.notice {
77 background-color: #efefef;
78 text-align: center;
79 position: relative;
80}
81.notice::before {
82 content: "↪";
83 position: absolute;
84 left: 0.5em;
85 bottom: 0.05em;
86}
87.notice::after {
88 content: "↩";
89 position: absolute;
90 right: 0.5em;
91 bottom: 0.05em;
92}
93
94pre, code {
95 background: #f3f3f3;
96 padding: 1em;
97}
98pre > code {
99 padding: 0;
100 background: initial;
101}
102code {
103 font: 1.15em monospace;
104 text-transform: none;
105 padding: .2em .3em;
106}
107strong {
108 font-weight: bold;
109}
110em {
111 font-style: italic;
112}
113
114table td {
115 padding: 0.125em 0.3em;
116}
117table td:first-child {
118 padding-left: 0;
119}
120table td:last-child {
121 padding-right: 0
122}
123#notes {
124 margin-top: 0.9em;
125}
126.post-list {
127 width: 100%;
128}
129.post-list tr:hover {
130 background: #fafafa;
131}
132.post-list td {
133 padding: 0.25em 0;
134}
135.post-list td:nth-child(2) {
136 text-align: right;
137}
138
139dt {
140 margin-bottom: 0.15em;
141}
142dd {
143 font-size: 0.875em;
144 margin-left: 1.5em;
145 margin-bottom: 0.75em;
146}
147dd:last-child {
148 margin-bottom: 1em;
149}
150small {
151 font-size: 0.875em;
152}
153.muted {
154 color: #666;
155}
156.inbox {
157 margin-top: 2em;
158}
159
160ul, ol {
161 list-style: none;
162 padding-left: 1.5em;
163 position: relative;
164}
165
166li {
167 margin-bottom: 0.25em;
168}
169
170ul > li::before {
171 content: '•';
172 position: absolute;
173 left: 0.5em;
174}
175
176h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 {
177 margin-top: 1em;
178}
179table + h2, h2 + h3, ul + h3 {
180 margin-top: 0.7em;
181}
182p + table {
183 margin-top: -0.3em;
184}
185
186.feed-icon {
187 margin-right: 3px
188}
189.feed-icon-h2 {
190 margin-left: 5px;
191 position: relative;
192 top: 2px
193}
194
195.tag-list {
196 padding-left: 0;
197}
198.tag-list li {
199 margin-right: 0.75em;
200 white-space: nowrap;
201 display: inline-block;
202}
203.tag-list > li::before {
204 content: '';
205}
206
207sup, sub { font-size: 0.85em; }
208sup { vertical-align: super; }
209sub { vertical-align: sub; }