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