a7ae22bac7f43fb73135ed98f30a16a071b9bfbe
[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 p.paragraph {
221     text-align: justify;
222     margin: 0;
223     text-indent: 1.5em;
224 }
225
226 .motto {
227     text-align: justify;
228     font-style: italic;
229     margin: 1.5em 0 0;
230 }
231
232 p.motto_podpis {
233     font-size: 0.875em;
234     text-align: right;
235     margin-bottom: 1.5em;
236 }
237
238 div.fragment {
239     border-bottom: 0.1em solid #999;
240     padding-bottom: 1.5em;
241 }
242
243 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
244     text-align: right;
245     font-style: italic;
246 }
247
248 div.frame {
249     border: 1px darkgray solid;
250     padding: 1em;
251     margin-top: 1em;
252     margin-bottom: 1em;
253 }
254
255 hr.spacer {
256     height: 3em;
257     visibility: hidden;
258 }
259
260 hr.spacer-line {
261     margin: 1.5em 0;
262     border: none;
263     border-bottom: 0.1em solid #000;
264 }
265
266 p.spacer-asterisk {
267     padding: 0;
268     margin: 1.5em 0;
269     text-align: center;
270 }
271
272 div.person-list ol {
273     list-style: none;
274     padding: 0 0 0 1.5em;
275 }
276
277 p.place-and-time {
278     font-style: italic;
279 }
280
281 em.math, em.foreign-word, em.book-title, em.didaskalia {
282     font-style: italic;
283 }
284
285 em.author-emphasis {
286     letter-spacing: 0.1em;
287 }
288
289 em.person {
290     font-style: normal;
291     font-variant: small-caps;
292 }
293
294 em.wieksze-odstepy {
295     font-style: normal;
296     word-spacing: 1em;
297 }
298
299 .verse:after {
300     content: "\feff";
301 }
302
303 table {
304     border-collapse: collapse;
305     width: 100%;
306 }
307
308 table.border td, table.border th {
309     border: 1px solid black;
310     vertical-align: top;
311 }
312
313
314 /* =================================== */
315 /* = Hide some elements for printing = */
316 /* =================================== */
317
318 @media print {
319     #menu {display: none;}
320 }