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