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