c891f0e1ef0a4f5d5626c25e637e7b571e4ccc05
[~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 footer {
29 border-top: 1px solid #bbb;
30 font-size: 0.84em;
31 padding-top: 1em;
32 }
33 footer p {
34 margin: 0;
35 }
36
37 h1 {
38 font-size: 1.5em;
39 }
40 h1 + address {
41 margin-top: 0.75em;
42 }
43 address + p {
44 margin: 0;
45 }
46
47 h2 {
48 font-size: 1.25em;
49 }
50 h3 {
51 font-size: 1.125em;
52 }
53
54 a {
55 color: #006cdc;
56 padding: 0.3em 0;
57 text-decoration: none;
58 }
59 a:hover, a:focus {
60 transition-property: background;
61 transition-duration: 0.1s;
62 background: #f2f8fa;
63 color: #0054c0; /* #003ea4 */
64 }
65 a:active {
66 color: #a10029;
67 }
68 /*
69 a:active {
70 color: #06d;
71 box-shadow: 0 1px 1px #ddd;
72 }
73 */
74
75 h4 {
76 margin: 0.75em auto;
77 }
78
79 article h3 {
80 font-weight: normal;
81 color: #777;
82 }
83
84 .notice {
85 background-color: #efefef;
86 text-align: center;
87 position: relative;
88 }
89 .notice::before {
90 content: "↪";
91 position: absolute;
92 left: 0.5em;
93 bottom: 0.05em;
94 }
95 .notice::after {
96 content: "↩";
97 position: absolute;
98 right: 0.5em;
99 bottom: 0.05em;
100 }
101
102 code {
103 font: 1.15em monospace;
104 text-transform: none;
105 }
106 strong {
107 font-weight: bold;
108 }
109 em {
110 font-style: italic;
111 }
112
113 table td {
114 padding: 0.2em 0.3em;
115 }
116 table td:first-child {
117 padding-left: 0;
118 }
119 table td:last-child {
120 padding-right: 0
121 }
122 #notes {
123 margin-top: 0.9em;
124 }
125 .post-list {
126 width: 100%;
127 }
128 .post-list tr:hover {
129 background: #f2f8fa; /* #f6f6f6; */
130 }
131 .post-list td {
132 padding: 0.3em;
133 }
134 .post-list td:nth-child(2) {
135 text-align: right;
136 }
137
138 dt {
139 margin-bottom: 0.15em;
140 }
141 dd {
142 font-size: 0.875em;
143 margin-left: 1.5em;
144 margin-bottom: 0.75em;
145 }
146 dd:last-child {
147 margin-bottom: 1em;
148 }
149 small {
150 font-size: 0.875em;
151 }
152 .muted {
153 color: #666;
154 }
155 .inbox {
156 margin-top: 2em;
157 }
158
159 ul, ol {
160 list-style: none;
161 padding-left: 1.5em;
162 position: relative;
163 }
164
165 li {
166 margin-bottom: 0.25em;
167 }
168
169 ul > li::before {
170 content: '•';
171 position: absolute;
172 left: 0.5em;
173 }
174
175 h2 + ul, h2 + dl, h2 + table, h1 + table {
176 margin-top: 1em;
177 }
178 table + h2, h2 + h3, ul + h3 {
179 margin-top: 0.7em;
180 }
181 p + table {
182 margin-top: -0.3em;
183 }
184
185 sup, sub { font-size: 0.85em; }
186 sup { vertical-align: super; }
187 sub { vertical-align: sub; }