d380c6a7f3fa848fbf8adee71933ae98990bbafe
[~bandali/bndl.org] / static / style.css
1 body {
2 /* background: #fffffa; */
3 font-family: sans-serif;
4 line-height: 1.6;
5 padding: 2em;
6 }
7
8 nav, main, footer {
9 margin: auto;
10 max-width: 38rem;
11 }
12
13 nav {
14 font-size: 0.84em;
15 }
16 main {
17 margin-bottom: 2em;
18 }
19 p {
20 margin: 1em 0;
21 }
22 header {
23 margin-bottom: 1.5em;
24 }
25 header >:not(h1) {
26 font-size: 0.875em;
27 }
28 header > p {
29 margin: 0;
30 }
31 footer {
32 border-top: 1px solid #bbb;
33 font-size: 0.84em;
34 padding-top: 1em;
35 }
36 footer p {
37 margin: 0;
38 }
39
40 h1 {
41 font-size: 1.5em;
42 }
43 h1 + address {
44 margin-top: 0.75em;
45 }
46
47 h2 {
48 font-size: 1.25em;
49 }
50 h3 {
51 font-size: 1.125em;
52 }
53
54 a {
55 color: #204a87;
56 padding: 0.3em 0;
57 text-decoration: underline #ccc;
58 }
59 a:hover, a:focus {
60 text-decoration: underline #666;
61 }
62 a:active {
63 color: #a10029;
64 outline: 0;
65 }
66
67 h4 {
68 margin: 0.75em auto;
69 }
70
71 article 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
94 code {
95 font: 1.15em monospace;
96 text-transform: none;
97 }
98 strong {
99 font-weight: bold;
100 }
101 em {
102 font-style: italic;
103 }
104
105 table td {
106 padding: 0.2em 0.3em;
107 }
108 table td:first-child {
109 padding-left: 0;
110 }
111 table td:last-child {
112 padding-right: 0
113 }
114 #notes {
115 margin-top: 0.9em;
116 }
117 .post-list {
118 width: 100%;
119 }
120 .post-list tr:hover {
121 background: #f8f8f8;
122 }
123 .post-list td {
124 padding: 0.3em;
125 }
126 .post-list td:nth-child(2) {
127 text-align: right;
128 }
129
130 dt {
131 margin-bottom: 0.15em;
132 }
133 dd {
134 font-size: 0.875em;
135 margin-left: 1.5em;
136 margin-bottom: 0.75em;
137 }
138 dd:last-child {
139 margin-bottom: 1em;
140 }
141 small {
142 font-size: 0.875em;
143 }
144 .muted {
145 color: #666;
146 }
147 .inbox {
148 margin-top: 2em;
149 }
150
151 ul, ol {
152 list-style: none;
153 padding-left: 1.5em;
154 position: relative;
155 }
156
157 li {
158 margin-bottom: 0.25em;
159 }
160
161 ul > li::before {
162 content: '•';
163 position: absolute;
164 left: 0.5em;
165 }
166
167 h2 + ul, h2 + dl, h2 + table, h1 + table {
168 margin-top: 1em;
169 }
170 table + h2, h2 + h3, ul + h3 {
171 margin-top: 0.7em;
172 }
173 p + table {
174 margin-top: -0.3em;
175 }
176
177 sup, sub { font-size: 0.85em; }
178 sup { vertical-align: super; }
179 sub { vertical-align: sub; }