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