add static se212-f19 page
[~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}
ff620ce6
AB
28footer {
29 border-top: 1px solid #bbb;
85314da0 30 font-size: 0.84em;
ff620ce6 31 padding-top: 1em;
ef72be3e 32}
ff620ce6
AB
33footer p {
34 margin: 0;
cb742bb6 35}
ff620ce6 36
ff620ce6
AB
37h1 {
38 font-size: 1.5em;
b7583bc7 39}
85314da0
AB
40h1 + address {
41 margin-top: 0.75em;
42}
43address + p {
44 margin: 0;
45}
46
47h2 {
48 font-size: 1.25em;
49}
50h3 {
51 font-size: 1.125em;
cb742bb6 52}
ef72be3e
AB
53
54a {
60d388df
AB
55 color: #006cdc;
56 padding: 0.3em 0;
ef72be3e 57 text-decoration: none;
ff620ce6
AB
58}
59a:hover, a:focus {
60 transition-property: background;
61 transition-duration: 0.1s;
62 background: #f2f8fa;
60d388df 63 color: #0054c0; /* #003ea4 */
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}
60d388df
AB
122.post-list {
123 width: 100%;
124}
e810d7d1
AB
125.post-list tr:hover {
126 background: #f2f8fa; /* #f6f6f6; */
127}
7c12f0da
AB
128.post-list td {
129 padding: 0.3em;
130}
60d388df
AB
131.post-list td:nth-child(2) {
132 text-align: right;
133}
ef72be3e 134
e080516c 135dt {
ff620ce6 136 margin-bottom: 0.15em;
e080516c 137}
b7583bc7 138dd {
60d388df 139 font-size: 0.875em;
b7583bc7 140 margin-left: 1.5em;
ff620ce6 141 margin-bottom: 0.75em;
b7583bc7 142}
85314da0
AB
143dd:last-child {
144 margin-bottom: 1em;
145}
90169139 146small {
60d388df 147 font-size: 0.875em;
e080516c 148}
90169139
AB
149.muted {
150 color: #666;
151}
152.inbox {
153 margin-top: 2em;
154}
ff620ce6
AB
155
156ul, ol {
157 list-style: none;
158 padding-left: 1.5em;
159 position: relative;
160}
161
162li {
163 margin-bottom: 0.25em;
164}
165
166ul > li::before {
167 content: '•';
168 position: absolute;
169 left: 0.5em;
170}
171
cd68557a 172h2 + ul, h2 + dl, h2 + table, h1 + table {
85314da0 173 margin-top: 1em;
60d1cae9 174}
cd68557a 175h2 + .post-list, table + h2, h2 + h3, ul + h3 {
60d388df
AB
176 margin-top: 0.7em;
177}
7c12f0da
AB
178p + table {
179 margin-top: -0.3em;
180}
85314da0
AB
181
182sup, sub { font-size: 0.85em; }
183sup { vertical-align: super; }
184sub { vertical-align: sub; }