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