[ePub Mobi] Removed unnecessary annotations clutter. Make them according typography...
[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: left;
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         vertical-align: text-top;
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-left: 1.5em;
210 }
211
212 .kwestia
213 {
214         margin-top: 0.5em;
215 }
216
217 .paragraph
218 {
219         text-align: justify;
220         margin: 0
221 }
222
223 .paragraph + .paragraph
224 {
225         text-indent: 1.5em;
226 }
227
228 .motto
229 {
230         text-align: justify;
231         font-style: italic;
232         margin-top: 1.5em;
233 }
234
235 .motto_podpis, .motto_podpis .paragraph
236 {
237         font-size: 0.875em;
238         text-align: right;
239 }
240
241 .fragment
242 {
243         border-bottom: 0.1em solid #999;
244         padding-bottom: 1.5em;
245 }
246
247 .note, .note .paragraph
248 {
249         text-align: right;
250         font-style: italic;
251 }
252
253 .dedication, .dedication .paragraph
254 {
255     text-align: right;
256     font-style: italic;
257 }
258
259 hr.spacer
260 {
261         height: 3em;
262         visibility: hidden;
263 }
264
265 hr.spacer-line
266 {
267         margin: 0;
268         margin-top: 1.5em;
269         margin-bottom: 1.5em;
270         border: none;
271         border-bottom: 0.1em solid #000;
272 }
273
274 .spacer-asterisk
275 {
276         padding: 0;
277     margin: 0;
278     margin-top: 1.5em;
279     margin-bottom: 1.5em;
280         text-align: center;
281 }
282
283 div.person-list ol
284 {
285         list-style: none;
286         padding: 0;
287         padding-left: 1.5em;
288 }
289
290 .place-and-time
291 {
292         font-style: italic;
293 }
294
295 em.math
296 {
297         font-style: italic;
298 }
299 em.foreign-word
300 {
301     font-style: italic;
302 }
303 em.book-title
304 {
305     font-style: italic;
306 }
307 em.didaskalia
308 {
309     font-style: italic;
310 }
311
312 em.author-emphasis
313 {
314         letter-spacing: 0.1em;
315 }
316
317 .person-list em.person
318 {
319         font-style: normal;
320         /*font-variant: small-caps;*/
321         text-transform: uppercase;
322 }
323
324 .info
325 {
326         text-align: center;
327         margin-bottom: 1em;
328 }
329 .info div
330 {
331     text-align: center;
332 }
333
334 .info img
335 {
336         margin: 0;
337         margin-left: 2em;
338         margin-right: 2em;
339 }
340
341 p.minor-info {
342     text-align: center;
343     margin-bottom: 1em;
344     font-size: 0.75em;
345 }
346 p.footer {
347     margin-top: 2em;
348 }