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