a few tweaks
[~bandali/bndl.org] / static / style.css
CommitLineData
cb742bb6 1body {
60d388df 2 /* background: #fffffa; */
ff620ce6
AB
3 font-family: sans-serif;
4 line-height: 1.6;
85314da0 5 padding: 2em;
ef72be3e
AB
6}
7
4927af92 8header, nav, main, footer {
9998ccd0 9 margin: auto;
ff620ce6 10 max-width: 38rem;
9998ccd0
AB
11}
12
4927af92
AB
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;
ef72be3e 30}
4927af92
AB
31nav li + li {
32 margin-left: 0.5em;
85314da0 33}
4927af92
AB
34nav a {
35 color: #333;
85314da0 36}
4927af92 37nav, main {
85314da0 38 margin-bottom: 1.5em;
ff620ce6 39}
60d388df
AB
40header >:not(h1) {
41 font-size: 0.875em;
42}
4927af92
AB
43header > h1 + p {
44 margin-top: -1em;
2527e234 45}
ff620ce6
AB
46footer {
47 border-top: 1px solid #bbb;
85314da0 48 font-size: 0.84em;
ff620ce6 49 padding-top: 1em;
ef72be3e 50}
ff620ce6
AB
51footer p {
52 margin: 0;
cb742bb6 53}
ff620ce6 54
ff620ce6
AB
55h1 {
56 font-size: 1.5em;
b7583bc7 57}
85314da0
AB
58h2 {
59 font-size: 1.25em;
60}
61h3 {
62 font-size: 1.125em;
cb742bb6 63}
ef72be3e
AB
64
65a {
4927af92 66 color: #036;
ff620ce6 67}
4927af92 68/*
ff620ce6 69a:hover, a:focus {
4927af92 70 color: #005a6a;
ff620ce6 71}
4927af92 72*/
ff620ce6 73a:active {
4927af92 74 outline-offset: 2px;
ff620ce6 75}
ff620ce6
AB
76
77h4 {
78 margin: 0.75em auto;
cb742bb6 79}
ef72be3e
AB
80
81article h3 {
82 font-weight: normal;
cb742bb6 83 color: #777;
ef72be3e
AB
84}
85
ff620ce6
AB
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
dd631811 104pre, code {
4927af92
AB
105 background: #f6f6f6;
106 font: 1.15em monospace;
dd631811
AB
107 padding: 1em;
108}
109pre > code {
110 padding: 0;
111 background: initial;
112}
ef72be3e 113code {
127617a6 114 text-transform: none;
dd631811 115 padding: .2em .3em;
ef72be3e 116}
85314da0
AB
117strong {
118 font-weight: bold;
119}
120em {
121 font-style: italic;
122}
ef72be3e
AB
123
124table td {
f9e7c277 125 padding: 0.125em 0.3em;
ef72be3e
AB
126}
127table td:first-child {
128 padding-left: 0;
129}
130table td:last-child {
131 padding-right: 0
132}
22cb271b
AB
133#notes {
134 margin-top: 0.9em;
135}
60d388df
AB
136.post-list {
137 width: 100%;
138}
e810d7d1 139.post-list tr:hover {
f9e7c277 140 background: #fafafa;
e810d7d1 141}
7c12f0da 142.post-list td {
f9e7c277 143 padding: 0.25em 0;
7c12f0da 144}
60d388df
AB
145.post-list td:nth-child(2) {
146 text-align: right;
147}
ef72be3e 148
4927af92 149small, dd {
60d388df 150 font-size: 0.875em;
e080516c 151}
90169139
AB
152.muted {
153 color: #666;
154}
155.inbox {
156 margin-top: 2em;
157}
ff620ce6 158
4927af92 159li, dd {
ff620ce6
AB
160 margin-bottom: 0.25em;
161}
162
08d93db6
AB
163.feed-icon {
164 margin-right: 3px
165}
166.feed-icon-h2 {
167 margin-left: 5px;
168 position: relative;
169 top: 2px
170}
4927af92 171.smly {
08d93db6 172 display: inline-block;
4927af92
AB
173 transform: rotate(90deg);
174 margin-left: 0.2em;
08d93db6 175}
4927af92
AB
176.warn {
177 color: #a10029;
08d93db6 178}