a few tweaks
[~bandali/bndl.org] / static / style.css
... / ...
CommitLineData
1body {
2 /* background: #fffffa; */
3 font-family: sans-serif;
4 line-height: 1.6;
5 padding: 2em;
6}
7
8header, nav, main, footer {
9 margin: auto;
10 max-width: 38rem;
11}
12
13body > header {
14 margin-bottom: 0.25em;
15}
16body > header h1 {
17 margin: 0;
18 font-size: 100%;
19}
20header a {
21 color: inherit;
22}
23nav ul {
24 margin: 0;
25 padding: 0;
26}
27nav li {
28 display: inline;
29 text-transform: lowercase;
30}
31nav li + li {
32 margin-left: 0.5em;
33}
34nav a {
35 color: #333;
36}
37nav, main {
38 margin-bottom: 1.5em;
39}
40header >:not(h1) {
41 font-size: 0.875em;
42}
43header > h1 + p {
44 margin-top: -1em;
45}
46footer {
47 border-top: 1px solid #bbb;
48 font-size: 0.84em;
49 padding-top: 1em;
50}
51footer p {
52 margin: 0;
53}
54
55h1 {
56 font-size: 1.5em;
57}
58h2 {
59 font-size: 1.25em;
60}
61h3 {
62 font-size: 1.125em;
63}
64
65a {
66 color: #036;
67}
68/*
69a:hover, a:focus {
70 color: #005a6a;
71}
72*/
73a:active {
74 outline-offset: 2px;
75}
76
77h4 {
78 margin: 0.75em auto;
79}
80
81article h3 {
82 font-weight: normal;
83 color: #777;
84}
85
86.notice {
87 background-color: #efefef;
88 text-align: center;
89 position: relative;
90}
91.notice::before {
92 content: "↪";
93 position: absolute;
94 left: 0.5em;
95 bottom: 0.05em;
96}
97.notice::after {
98 content: "↩";
99 position: absolute;
100 right: 0.5em;
101 bottom: 0.05em;
102}
103
104pre, code {
105 background: #f6f6f6;
106 font: 1.15em monospace;
107 padding: 1em;
108}
109pre > code {
110 padding: 0;
111 background: initial;
112}
113code {
114 text-transform: none;
115 padding: .2em .3em;
116}
117strong {
118 font-weight: bold;
119}
120em {
121 font-style: italic;
122}
123
124table td {
125 padding: 0.125em 0.3em;
126}
127table td:first-child {
128 padding-left: 0;
129}
130table td:last-child {
131 padding-right: 0
132}
133#notes {
134 margin-top: 0.9em;
135}
136.post-list {
137 width: 100%;
138}
139.post-list tr:hover {
140 background: #fafafa;
141}
142.post-list td {
143 padding: 0.25em 0;
144}
145.post-list td:nth-child(2) {
146 text-align: right;
147}
148
149small, dd {
150 font-size: 0.875em;
151}
152.muted {
153 color: #666;
154}
155.inbox {
156 margin-top: 2em;
157}
158
159li, dd {
160 margin-bottom: 0.25em;
161}
162
163.feed-icon {
164 margin-right: 3px
165}
166.feed-icon-h2 {
167 margin-left: 5px;
168 position: relative;
169 top: 2px
170}
171.smly {
172 display: inline-block;
173 transform: rotate(90deg);
174 margin-left: 0.2em;
175}
176.warn {
177 color: #a10029;
178}