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