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