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