break haunt.scm down into smaller (bandali *) modules
[~bandali/bndl.org] / static / style.css
CommitLineData
cb742bb6 1body {
60d388df 2 /* background: #fffffa; */
ff620ce6
AB
3 font-family: sans-serif;
4 line-height: 1.6;
85314da0 5 padding: 2em;
ef72be3e
AB
6}
7
ff620ce6 8nav, main, footer {
9998ccd0 9 margin: auto;
ff620ce6 10 max-width: 38rem;
9998ccd0
AB
11}
12
ff620ce6
AB
13nav {
14 font-size: 0.84em;
ef72be3e 15}
ff620ce6 16main {
85314da0
AB
17 margin-bottom: 2em;
18}
19p {
20 margin: 1em 0;
21}
22header {
85314da0 23 margin-bottom: 1.5em;
ff620ce6 24}
60d388df
AB
25header >:not(h1) {
26 font-size: 0.875em;
27}
2527e234
AB
28header > p {
29 margin: 0;
30}
ff620ce6
AB
31footer {
32 border-top: 1px solid #bbb;
85314da0 33 font-size: 0.84em;
ff620ce6 34 padding-top: 1em;
ef72be3e 35}
ff620ce6
AB
36footer p {
37 margin: 0;
cb742bb6 38}
ff620ce6 39
ff620ce6
AB
40h1 {
41 font-size: 1.5em;
b7583bc7 42}
85314da0
AB
43h1 + address {
44 margin-top: 0.75em;
45}
85314da0
AB
46
47h2 {
48 font-size: 1.25em;
49}
50h3 {
51 font-size: 1.125em;
cb742bb6 52}
ef72be3e
AB
53
54a {
f9e7c277 55 color: #004caa;
7a1f56a9
AB
56 padding: 0.3em 0;
57 text-decoration: underline #ccc;
ff620ce6
AB
58}
59a:hover, a:focus {
7a1f56a9 60 text-decoration: underline #666;
ff620ce6
AB
61}
62a:active {
63 color: #a10029;
7a1f56a9 64 outline: 0;
ff620ce6 65}
ff620ce6
AB
66
67h4 {
68 margin: 0.75em auto;
cb742bb6 69}
ef72be3e
AB
70
71article h3 {
72 font-weight: normal;
cb742bb6 73 color: #777;
ef72be3e
AB
74}
75
ff620ce6
AB
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
dd631811
AB
94pre, code {
95 background: #f3f3f3;
96 padding: 1em;
97}
98pre > code {
99 padding: 0;
100 background: initial;
101}
ef72be3e 102code {
85314da0 103 font: 1.15em monospace;
127617a6 104 text-transform: none;
dd631811 105 padding: .2em .3em;
ef72be3e 106}
85314da0
AB
107strong {
108 font-weight: bold;
109}
110em {
111 font-style: italic;
112}
ef72be3e
AB
113
114table td {
f9e7c277 115 padding: 0.125em 0.3em;
ef72be3e
AB
116}
117table td:first-child {
118 padding-left: 0;
119}
120table td:last-child {
121 padding-right: 0
122}
22cb271b
AB
123#notes {
124 margin-top: 0.9em;
125}
60d388df
AB
126.post-list {
127 width: 100%;
128}
e810d7d1 129.post-list tr:hover {
f9e7c277 130 background: #fafafa;
e810d7d1 131}
7c12f0da 132.post-list td {
f9e7c277 133 padding: 0.25em 0;
7c12f0da 134}
60d388df
AB
135.post-list td:nth-child(2) {
136 text-align: right;
137}
ef72be3e 138
e080516c 139dt {
ff620ce6 140 margin-bottom: 0.15em;
e080516c 141}
b7583bc7 142dd {
60d388df 143 font-size: 0.875em;
b7583bc7 144 margin-left: 1.5em;
ff620ce6 145 margin-bottom: 0.75em;
b7583bc7 146}
85314da0
AB
147dd:last-child {
148 margin-bottom: 1em;
149}
90169139 150small {
60d388df 151 font-size: 0.875em;
e080516c 152}
90169139
AB
153.muted {
154 color: #666;
155}
156.inbox {
157 margin-top: 2em;
158}
ff620ce6
AB
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
dd631811 176h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 {
85314da0 177 margin-top: 1em;
60d1cae9 178}
22cb271b 179table + h2, h2 + h3, ul + h3 {
60d388df
AB
180 margin-top: 0.7em;
181}
7c12f0da
AB
182p + table {
183 margin-top: -0.3em;
184}
85314da0 185
08d93db6
AB
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
85314da0
AB
207sup, sub { font-size: 0.85em; }
208sup { vertical-align: super; }
209sub { vertical-align: sub; }