f685e41e8a181c7e57e07ef557ce17faa7258ed7
[redakcja.git] / src / redakcja / static / css / book.css
1 body {
2     font-size: 16px;
3     font-family: Georgia, "Times New Roman", serif;
4     line-height: 1.5em;
5     margin: 0;
6 }
7
8 a {
9     color: blue;
10     text-decoration: none;
11 }
12
13 #book-text {
14     margin: 3em;
15     max-width: 48em;
16 }
17
18 table {
19     border-collapse: collapse;
20     width: 100%;
21 }
22
23 table.border, table.border td, table.border th {
24     border: 1px solid black;
25 }
26
27 td, th {
28     vertical-align: top;
29 }
30
31 /* ================================== */
32 /* = Header with logo and menu      = */
33 /* ================================== */
34 #header {
35     margin: 3.4em 0 0 1.4em;
36 }
37
38 img {
39     border: none;
40     max-width: 48em;
41     margin-top: 1em;
42 }
43
44 #logo {
45     font-size: 1.5em;
46 }
47 #logo a {
48     color: black;
49 }
50
51 #menu {
52     position: fixed;
53     left: 0;
54     top: 0;
55     width: 100%;
56     height: 1.5em;
57     background: #333;
58     color: #FFF;
59     opacity: 0.9;
60     z-index: 99;
61 }
62
63 #menu ul {
64     list-style: none;
65     padding: 0;
66     margin: 0;
67 }
68
69 #menu li a {
70     display: block;
71     float: left;
72     height: 1.5em;
73     margin-left: 0.5em;
74     text-align: center;
75     color: #FFF;
76     padding: 0 1em;
77 }
78 #menu li a.menu {
79     padding-right: 1.5em;
80 }
81
82 #menu li a.menu:hover, #menu li a.menu:active {
83     color: #000;
84     background: #FFF;
85 }
86
87 #menu li a.menu.selected {
88     color: #000;
89     background: #FFF;
90 }
91 #menu a.menu-link {
92     display: block;
93     float: left;
94     height: 1.5em;
95     margin-left: 0.5em;
96     text-align: center;
97     color: #FFF;
98 }
99 #menu span {
100     color: #888;
101     font-style: italic;
102     font-size: .75em;
103     margin-right: 0.5em;
104 }
105
106
107 #toc, #themes, #nota_red, #info {
108     position: fixed;
109     left: 0;
110     top: 1.5em;
111     width: 37em;
112     padding: 1.5em;
113     background: #FFF;
114     border-bottom: 0.25em solid #DDD;
115     border-right: 0.25em solid #DDD;
116     display: none;
117     height: 16em;
118     overflow-x: hidden;
119     overflow-y: auto;
120     opacity: 0.9;
121     z-index: 99;
122 }
123 #download {
124     position: fixed;
125     left: 0;
126     top: 1.5em;
127     width: 37em;
128     padding: 1.5em;
129     background: #FFF;
130     border-bottom: 0.25em solid #DDD;
131     border-right: 0.25em solid #DDD;
132     display: none;
133     height: 10em;
134     overflow-x: hidden;
135     overflow-y: auto;
136     opacity: 0.9;
137     z-index: 99;
138 }
139
140 #toc ol, #themes ol {
141     list-style: none;
142     padding: 0;
143     margin: 0;
144 }
145
146 #toc ol li {
147     font-weight: bold;
148 }
149
150 #toc ol ol {
151     padding: 0 0 1.5em 1.5em;
152     margin: 0;
153 }
154
155 #toc ol ol li {
156     font-weight: normal;
157 }
158
159 #toc h2 {
160     display: none;
161 }
162
163 #toc .anchor {
164     float: none;
165     margin: 0;
166     color: blue;
167     font-size: 16px;
168     position: inherit;
169 }
170
171 #info p {
172     text-align: justify;
173     margin: 1.5em 0 0;
174 }
175
176 /* =================================================== */
177 /* = Common elements: headings, paragraphs and lines = */
178 /* =================================================== */
179 h1 {
180     font-size: 3em;
181     margin: 1.5em 0;
182     text-align: center;
183     line-height: 1.5em;
184     font-weight: bold;
185 }
186
187 h2 {
188     font-size: 2em;
189     margin: 1.5em 0 0;
190     font-weight: bold;
191     line-height: 1.5em;
192 }
193
194 h3 {
195     font-size: 1.5em;
196     margin: 1.5em 0 0;
197     font-weight: normal;
198     line-height: 1.5em;
199 }
200
201 h4 {
202     font-size: 1em;
203     margin: 1.5em 0 0;
204     line-height: 1.5em;
205 }
206
207 p {
208     margin: 0;
209 }
210
211 /* ======================== */
212 /* = Footnotes and themes = */
213 /* ======================== */
214 .theme-begin {
215     border-left: 0.1em solid #DDDDDD;
216     color: #777;
217     padding: 0 0.5em;
218     width: 7.5em;
219
220     font-style: normal;
221     font-weight: normal;
222     font-variant: normal;
223     letter-spacing: 0;
224     text-transform: none;
225     text-decoration: none;
226
227     font-size: 16px;
228     float: right;
229     margin-right: -9.5em;
230     margin-bottom: 0.5em;
231     clear: both;
232     left: 40em;
233     line-height: 1.5em;
234     text-align: left;
235 }
236
237 .annotation {
238     font-style: normal;
239     font-weight: normal;
240     font-size: 12px;
241     padding-left: 2px;
242     position: relative;
243     top: -4px;
244 }
245
246 #footnotes {
247     margin-top: 3em;
248 }
249
250 #footnotes .annotation {
251     display: block;
252     float: left;
253     width: 2.5em;
254     clear: both;
255 }
256
257 #footnotes div {
258     margin: 1.5em 0 0 0;
259 }
260
261 #footnotes p, #footnotes ul {
262     margin-left: 2.5em;
263     font-size: 0.875em;
264 }
265
266 #footnotes .permalink {
267     font-size: .75em;
268 }
269
270 blockquote {
271     font-size: 0.875em;
272 }
273
274 /* ============= */
275 /* = Numbering = */
276 /* ============= */
277 .verse, .paragraph {
278     position:relative;
279 }
280 .anchor {
281     position: absolute;
282     margin: -0.25em -0.5em;
283     left: -3em;
284     color: #777;
285     font-size: 12px;
286     width: 2em;
287     text-align: center;
288     padding: 0.25em 0.5em;
289     line-height: 1.5em;
290 }
291
292 .anchor:hover, #book-text .anchor:active {
293     color: #FFF;
294     background-color: #CCC;
295 }
296
297 /* =================== */
298 /* = Custom elements = */
299 /* =================== */
300 span.author {
301     font-size: 0.5em;
302     display: block;
303     line-height: 1.5em;
304     margin-bottom: 0.25em;
305 }
306
307 span.collection {
308     font-size: 0.375em;
309     display: block;
310     line-height: 1.5em;
311     margin-bottom: -0.25em;
312 }
313
314 span.subtitle {
315     font-size: 0.5em;
316     display: block;
317     line-height: 1.5em;
318     margin-top: -0.25em;
319 }
320
321 span.translator {
322     font-size: 0.375em;
323     display: block;
324     line-height: 1.5em;
325     margin-top: 0.25em;
326 }
327
328 div.didaskalia {
329     font-style: italic;
330     margin: 0.5em 0 0 1.5em;
331 }
332
333 div.kwestia {
334     margin: 0.5em 0 0;
335 }
336
337 div.stanza {
338     margin: 1.5em 0 0;
339 }
340
341 div.kwestia div.stanza {
342     margin: 0;
343 }
344
345 p.paragraph {
346     text-align: justify;
347     margin: 1.5em 0 0;
348 }
349
350 p.motto {
351     text-align: justify;
352     font-style: italic;
353     margin: 1.5em 0 0;
354 }
355
356 p.motto_podpis {
357     font-size: 0.875em;
358     text-align: right;
359 }
360
361 div.fragment {
362     border-bottom: 0.1em solid #999;
363     padding-bottom: 1.5em;
364 }
365
366 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
367     text-align: right;
368     font-style: italic;
369 }
370
371 div.frame {
372     border: 1px darkgray solid;
373     padding-bottom: 1.5em;
374 }
375
376 hr.spacer {
377     height: 3em;
378     visibility: hidden;
379 }
380
381 hr.spacer-line {
382     margin: 1.5em 0;
383     border: none;
384     border-bottom: 0.1em solid #000;
385 }
386
387 p.spacer-asterisk {
388     padding: 0;
389     margin: 1.5em 0;
390     text-align: center;
391 }
392
393 div.person-list ol {
394     list-style: none;
395     padding: 0 0 0 1.5em;
396 }
397
398 p.place-and-time {
399     font-style: italic;
400 }
401
402 em.math, em.foreign-word, em.book-title, em.didaskalia {
403     font-style: italic;
404 }
405
406 em.author-emphasis {
407     letter-spacing: 0.1em;
408 }
409
410 em.person {
411     font-style: normal;
412     font-variant: small-caps;
413 }
414
415 em.wieksze-odstepy
416 {
417     font-style: normal;
418     word-spacing: 1em;
419 }
420
421 .verse:after {
422     content: "\feff";
423 }
424
425
426 /* =================================== */
427 /* = Hide some elements for printing = */
428 /* =================================== */
429
430 @media print {
431     #menu {display: none;}
432 }