30caa64ac20033216bdf400cd54e832f88a8328d
[~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.3em 0;
115 }
116 table td:first-child {
117 padding-left: 0;
118 }
119 table td:last-child {
120 padding-right: 0
121 }
122 tbody tr:hover {
123 background: #f2f8fa; /* #f6f6f6; */
124 }
125 .post-list {
126 width: 100%;
127 }
128 .post-list td:nth-child(2) {
129 text-align: right;
130 }
131
132 dt {
133 margin-bottom: 0.15em;
134 }
135 dd {
136 font-size: 0.875em;
137 margin-left: 1.5em;
138 margin-bottom: 0.75em;
139 }
140 dd:last-child {
141 margin-bottom: 1em;
142 }
143 small {
144 font-size: 0.875em;
145 }
146 .muted {
147 color: #666;
148 }
149 .inbox {
150 margin-top: 2em;
151 }
152
153 ul, ol {
154 list-style: none;
155 padding-left: 1.5em;
156 position: relative;
157 }
158
159 li {
160 margin-bottom: 0.25em;
161 }
162
163 ul > li::before {
164 content: '•';
165 position: absolute;
166 left: 0.5em;
167 }
168
169 h2 + ul, h2 + dl, h2 + table {
170 margin-top: 1em;
171 }
172 h2 + .post-list {
173 margin-top: 0.7em;
174 }
175
176 sup, sub { font-size: 0.85em; }
177 sup { vertical-align: super; }
178 sub { vertical-align: sub; }