tweak link style
[~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
ff620ce6 8nav, main, footer {
9998ccd0 9 margin: auto;
ff620ce6 10 max-width: 38rem;
9998ccd0
AB
11}
12
ff620ce6
AB
13nav {
14 font-size: 0.84em;
ef72be3e 15}
ff620ce6 16main {
85314da0
AB
17 margin-bottom: 2em;
18}
19p {
20 margin: 1em 0;
21}
22header {
85314da0 23 margin-bottom: 1.5em;
ff620ce6 24}
60d388df
AB
25header >:not(h1) {
26 font-size: 0.875em;
27}
2527e234
AB
28header > p {
29 margin: 0;
30}
ff620ce6
AB
31footer {
32 border-top: 1px solid #bbb;
85314da0 33 font-size: 0.84em;
ff620ce6 34 padding-top: 1em;
ef72be3e 35}
ff620ce6
AB
36footer p {
37 margin: 0;
cb742bb6 38}
ff620ce6 39
ff620ce6
AB
40h1 {
41 font-size: 1.5em;
b7583bc7 42}
85314da0
AB
43h1 + address {
44 margin-top: 0.75em;
45}
85314da0
AB
46
47h2 {
48 font-size: 1.25em;
49}
50h3 {
51 font-size: 1.125em;
cb742bb6 52}
ef72be3e
AB
53
54a {
6a44c94e
AB
55 color: #0063dc;
56 padding: 0.2em 0;
ef72be3e 57 text-decoration: none;
6a44c94e 58 transition: all .2s ease-out;
ff620ce6
AB
59}
60a:hover, a:focus {
6a44c94e 61 transition: all .2s ease-out;
ff620ce6 62 background: #f2f8fa;
6a44c94e 63 color: #0054c0; /* #003ea4 / #0036a4 */
ff620ce6
AB
64}
65a:active {
66 color: #a10029;
67}
68/*
69a:active {
70 color: #06d;
71 box-shadow: 0 1px 1px #ddd;
72}
73*/
74
75h4 {
76 margin: 0.75em auto;
cb742bb6 77}
ef72be3e
AB
78
79article h3 {
80 font-weight: normal;
cb742bb6 81 color: #777;
ef72be3e
AB
82}
83
ff620ce6
AB
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
ef72be3e 102code {
85314da0 103 font: 1.15em monospace;
127617a6 104 text-transform: none;
ef72be3e 105}
85314da0
AB
106strong {
107 font-weight: bold;
108}
109em {
110 font-style: italic;
111}
ef72be3e
AB
112
113table td {
7c12f0da 114 padding: 0.2em 0.3em;
ef72be3e
AB
115}
116table td:first-child {
117 padding-left: 0;
118}
119table td:last-child {
120 padding-right: 0
121}
22cb271b
AB
122#notes {
123 margin-top: 0.9em;
124}
60d388df
AB
125.post-list {
126 width: 100%;
127}
e810d7d1
AB
128.post-list tr:hover {
129 background: #f2f8fa; /* #f6f6f6; */
130}
7c12f0da
AB
131.post-list td {
132 padding: 0.3em;
133}
60d388df
AB
134.post-list td:nth-child(2) {
135 text-align: right;
136}
ef72be3e 137
e080516c 138dt {
ff620ce6 139 margin-bottom: 0.15em;
e080516c 140}
b7583bc7 141dd {
60d388df 142 font-size: 0.875em;
b7583bc7 143 margin-left: 1.5em;
ff620ce6 144 margin-bottom: 0.75em;
b7583bc7 145}
85314da0
AB
146dd:last-child {
147 margin-bottom: 1em;
148}
90169139 149small {
60d388df 150 font-size: 0.875em;
e080516c 151}
90169139
AB
152.muted {
153 color: #666;
154}
155.inbox {
156 margin-top: 2em;
157}
ff620ce6
AB
158
159ul, ol {
160 list-style: none;
161 padding-left: 1.5em;
162 position: relative;
163}
164
165li {
166 margin-bottom: 0.25em;
167}
168
169ul > li::before {
170 content: '•';
171 position: absolute;
172 left: 0.5em;
173}
174
cd68557a 175h2 + ul, h2 + dl, h2 + table, h1 + table {
85314da0 176 margin-top: 1em;
60d1cae9 177}
22cb271b 178table + h2, h2 + h3, ul + h3 {
60d388df
AB
179 margin-top: 0.7em;
180}
7c12f0da
AB
181p + table {
182 margin-top: -0.3em;
183}
85314da0
AB
184
185sup, sub { font-size: 0.85em; }
186sup { vertical-align: super; }
187sub { vertical-align: sub; }