experiment with a fully <pre>-based look
[~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
573bd43b 104.center {
eb1aab37
AB
105 text-align: center;
106}
573bd43b
AB
107.justify {
108 text-align: justify;
109}
110
111details {
112 margin: 1em 0;
113 padding: 0.5em;
114}
115details summary {
116 cursor: pointer;
117}
eb1aab37 118
ea39cfbe
AB
119sup, sub {
120 position: relative;
121 top: -0.4em;
122 vertical-align: baseline;
123}
124sub {
125 top: 0.4em;
126}
127
fcc5b13a
AB
128/* TeX logos */
129.t-logo {
130 font-family: "Tex Gyre Termes", serif;
131 /* letter-spacing: 1px; */
132 white-space: nowrap;
133}
134.t-logo sup {
135 font-size: 0.85em;
136 letter-spacing: 1px;
137 margin-left: -0.36em;
138 margin-right: -0.15em;
139 text-transform: uppercase;
140 vertical-align: 0.15em;
141 top: 0;
142}
143.t-logo sub {
144 font-size: 1em;
145 margin-left: -0.1667em;
146 margin-right: -0.125em;
147 text-transform: uppercase;
148 vertical-align: -0.5ex;
149 top: 0;
150}
151
eb1aab37
AB
152blockquote#abstract {
153 font-size: 0.95em;
154 text-align: justify;
155}
156
842b89b2
AB
157pre {
158 display: inline-block;
159 margin: 0.5em 0;
160 min-width: 100%;
dd631811
AB
161 padding: 1em;
162}
842b89b2
AB
163pre:first-of-type {
164 margin-top: 0;
165}
dd631811
AB
166pre > code {
167 padding: 0;
168 background: initial;
169}
ef72be3e 170code {
127617a6 171 text-transform: none;
dd631811 172 padding: .2em .3em;
ef72be3e 173}
573bd43b
AB
174
175/* box effect */
c867ac90 176.box, details, pre, code {
573bd43b
AB
177 background-color: #f8f8f8;
178 border: 1px solid #e6e6e6;
179 border-radius: 4px;
180 box-sizing: border-box;
85314da0 181}
573bd43b
AB
182details pre {
183 border: none;
85314da0 184}
c867ac90
AB
185p.box {
186 font-size: 0.95em;
187 padding: 0.3em 0.6em;
188}
ef72be3e
AB
189
190table td {
f9e7c277 191 padding: 0.125em 0.3em;
ef72be3e 192}
842b89b2 193#publications td {
8c1ba2f2
AB
194 padding-top: 0.4em;
195 padding-bottom: 0.4em;
196}
ef72be3e
AB
197table td:first-child {
198 padding-left: 0;
199}
200table td:last-child {
201 padding-right: 0
202}
22cb271b
AB
203#notes {
204 margin-top: 0.9em;
205}
60d388df
AB
206.post-list {
207 width: 100%;
208}
e810d7d1 209.post-list tr:hover {
f9e7c277 210 background: #fafafa;
e810d7d1 211}
7c12f0da 212.post-list td {
f9e7c277 213 padding: 0.25em 0;
7c12f0da 214}
60d388df
AB
215.post-list td:nth-child(2) {
216 text-align: right;
217}
ef72be3e 218
8c1ba2f2 219small, dd, .small, .bibtexnumber, .bibtexitem, .bibtex2html {
60d388df 220 font-size: 0.875em;
e080516c 221}
90169139
AB
222.muted {
223 color: #666;
224}
8c1ba2f2 225.inbox, .bibtex2html {
90169139
AB
226 margin-top: 2em;
227}
ff620ce6 228
4927af92 229li, dd {
ff620ce6
AB
230 margin-bottom: 0.25em;
231}
232
08d93db6
AB
233.feed-icon {
234 margin-right: 3px
235}
236.feed-icon-h2 {
237 margin-left: 5px;
238 position: relative;
239 top: 2px
240}
4927af92 241.smly {
08d93db6 242 display: inline-block;
4927af92
AB
243 transform: rotate(90deg);
244 margin-left: 0.2em;
08d93db6 245}
4927af92
AB
246.warn {
247 color: #a10029;
08d93db6 248}
2ff75a66
AB
249
250#bandali-bib > a {
251 display: block
252}