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