[epub, mobi] hyphenate all kinds of documents and annotation style improvement
[librarian.git] / librarian / epub / style.css
1 @font-face {
2     font-family: "DejaVu Serif";
3     font-weight: normal;
4     font-style: normal;
5     src: url(DejaVuSerif.ttf);
6 }
7 @font-face {
8     font-family: "DejaVu Serif";
9     font-weight: bold;
10     font-style: normal;
11     src: url(DejaVuSerif-Bold.ttf);
12 }
13 @font-face {
14     font-family: "DejaVu Serif";
15     font-weight: normal;
16     font-style: italic;
17     src: url(DejaVuSerif-Italic.ttf);
18 }
19 @font-face {
20     font-family: "DejaVu Serif";
21     font-weight: bold;
22     font-style: italic;
23     src: url(DejaVuSerif-BoldItalic.ttf);
24 }
25
26 body, p, h1, h2, h3, h4 {
27     font-family: "DejaVu Serif", serif;
28 }
29
30
31 body
32 {
33         line-height: 1.5em;
34         margin: 0;
35 }
36
37 a
38 {
39         text-decoration: none;
40         color: #00e;
41 }
42
43 a img {
44     border: 0;
45 }
46
47 #book-text
48 {
49         margin: 2em;
50         /*margin-right: 9em;*/
51 }
52
53 /* =================================================== */
54 /* = Common elements: headings, paragraphs and lines = */
55 /* =================================================== */
56
57
58 .h2
59 {
60         font-size: 2em;
61         margin: 0;
62         margin-top: 1.5em;
63         font-weight: bold;
64         line-height: 1.5em;
65 }
66
67 .h3
68 {
69     text-align:left;
70     font-size: 1.5em;
71     margin-top: 1.5em;
72     font-weight: normal;
73     line-height: 1.5em;
74 }
75
76 .h4
77 {
78         font-size: 1em;
79     margin: 0;
80     margin-top: 1.5em;
81         line-height: 1.5em;
82 }
83
84 p
85 {
86         margin: 0;
87 }
88
89 /* ======================== */
90 /* = Footnotes and themes = */
91 /* ======================== */
92
93 .theme-begin
94 {
95         border-left: 0.1em solid #DDDDDD;
96         color: #777;
97         padding: 0 0.5em;
98         width: 7.5em;
99         font-style: normal;
100         font-weight: normal;
101         font-size: 0.875em;
102         float: right;
103         margin-right: -9.5em;
104         clear: both;
105         left: 40em;
106         line-height: 1.5em;
107         text-align: left;
108 }
109
110 .annotation
111 {
112         margin-bottom: 0.3em;
113         text-align: justify;
114 }
115
116 .block
117 {
118         font-size: 0.875em;
119         padding: 1em;
120 }
121
122
123 /* ============= */
124 /* = Numbering = */
125 /* ============= */
126
127 .anchor sup
128 {
129         line-height: 0;
130         font-size: 0.7em;
131 }       
132
133 /* =================== */
134 /* = Custom elements = */
135 /* =================== */
136
137 .title-page
138 {
139     margin-top: 1.5em;
140 }
141
142 .title
143 {
144     font-size: 3em;
145     text-align: center;
146     line-height: 1.5em;
147     font-weight: bold;
148 }
149
150 .author
151 {
152     margin: 0;
153     text-align: center;
154     font-weight: bold;
155
156     font-size: 1.5em;
157     line-height: 1.5em;
158     margin-bottom: 0.25em;
159 }
160
161 .intitle
162 {
163     margin: 0;
164     text-align: center;
165     font-weight: bold;
166
167     font-size: 1.5em;
168     line-height: 1.5em;
169     margin-bottom: 0.25em;
170 }
171
172 .insubtitle
173 {
174     margin: 0;
175     text-align: center;
176     font-weight: bold;
177
178     font-size: 1em;
179     line-height: 1.5em;
180     margin-bottom: 0.25em;
181 }
182
183 .collection
184 {
185     margin: 0;
186     text-align: center;
187     font-weight: bold;
188
189         font-size: 1.125em;
190         line-height: 1.5em;
191         margin-bottom: -0.25em;
192 }
193
194 .subtitle
195 {
196     margin: 0;
197     text-align: center;
198     font-weight: bold;
199
200         font-size: 1.5em;
201         line-height: 1.5em;
202         margin-top: -0.25em;
203 }
204
205 div.didaskalia
206 {
207         font-style: italic;
208         margin-top: 0.5em;
209         margin-bottom: 0.5em;
210         margin-left: 1.5em;
211 }
212
213 .kwestia
214 {
215         margin-top: 0.5em;
216 }
217
218 .paragraph
219 {
220         text-align: justify;
221         margin: 0;
222         text-indent: 1.2em;
223 }
224
225 h1 + .paragraph, h2 + .paragraph
226 {
227         text-indent: 0;
228 }
229
230 h2 + .paragraph:first-letter
231 {
232     font-size: 1.6em;
233 }
234
235 .motto
236 {
237         text-align: justify;
238         font-style: italic;
239         margin-top: 1.5em;
240 }
241
242 .motto_podpis, .motto_podpis .paragraph
243 {
244         font-size: 0.875em;
245         text-align: right;
246     font-style: italic;
247 }
248
249 .fragment
250 {
251         border-bottom: 0.1em solid #999;
252         padding-bottom: 1.5em;
253 }
254
255 .note
256 {
257         text-align: right;
258         font-style: italic;
259         margin-top: 1em;
260         margin-bottom: 0.5em;
261 }
262
263 .note .paragraph
264 {
265     text-align: justify;
266 }
267
268 .dedication, .dedication .paragraph
269 {
270     text-align: right;
271     font-style: italic;
272 }
273
274 hr.spacer
275 {
276         height: 3em;
277         visibility: hidden;
278 }
279
280 hr.spacer-line
281 {
282         margin: 0;
283         margin-top: 1.5em;
284         margin-bottom: 1.5em;
285         border: none;
286         border-bottom: 0.1em solid #000;
287 }
288
289 .spacer-asterisk
290 {
291         padding: 0;
292     margin: 0;
293     margin-top: 1.5em;
294     margin-bottom: 1.5em;
295         text-align: center;
296 }
297
298 div.person-list ol
299 {
300         list-style: none;
301         padding: 0;
302         padding-left: 1.5em;
303 }
304
305 .place-and-time
306 {
307         font-style: italic;
308 }
309
310 em.math
311 {
312         font-style: italic;
313 }
314 em.foreign-word
315 {
316     font-style: italic;
317 }
318 em.book-title
319 {
320     font-style: italic;
321 }
322 em.didaskalia
323 {
324     font-style: italic;
325 }
326
327 em.author-emphasis
328 {
329         letter-spacing: 0.1em;
330 }
331
332 .person-list em.person
333 {
334         font-style: normal;
335         /*font-variant: small-caps;*/
336         text-transform: uppercase;
337 }
338
339 .info
340 {
341         text-align: center;
342         margin-bottom: 1em;
343 }
344 .info div
345 {
346     text-align: center;
347 }
348
349 .info img
350 {
351         margin: 0;
352         margin-left: 2em;
353         margin-right: 2em;
354 }
355
356 p.minor-info {
357     text-align: center;
358     margin-bottom: 1em;
359     font-size: 0.75em;
360 }
361 p.footer {
362     margin-top: 2em;
363 }