9fdf65f2431dd587ef55fd73c84ad7b4030dd479
[wl-mobile.git] / initial / book_text.css
1 {
2     font-size: 12px;
3     line-height: 1.5em;
4     margin: 0;
5 }
6
7 a {
8     color: blue;
9     text-decoration: none;
10 }
11
12
13 /* ================================== */
14 /* = Header with logo and menu      = */
15 /* ================================== */
16 #header {
17     margin: 3.4em 0 0 1.4em;
18 }
19
20 img {
21     border: none;
22 }
23
24
25 #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 #menu ul {
38     list-style: none;
39     padding: 0;
40     margin: 0;
41 }
42
43 #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 #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 #menu li a.selected {
59     color: #000;
60     background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
61 }
62 #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 #menu span {
71     color: #888;
72     font-style: italic;
73     font-size: .75em;
74     margin-right: 0.5em;
75 }
76
77
78 #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 #toc ol, #themes ol {
96     list-style: none;
97     padding: 0;
98     margin: 0;
99 }
100
101 #toc ol li {
102     font-weight: bold;
103 }
104
105 #toc ol ol {
106     padding: 0 0 1.5em 1.5em;
107     margin: 0;
108 }
109
110 #toc ol ol li {
111     font-weight: normal;
112 }
113
114 #toc h2 {
115     display: none;
116 }
117
118 #toc .anchor {
119     float: none;
120     margin: 0;
121     color: blue;
122     font-size: 16px;
123     position: inherit;
124 }
125
126 #info p {
127     text-align: justify;
128     margin: 1.5em 0 0;
129 }
130
131 /* =================================================== */
132 /* = Common elements: headings, paragraphs and lines = */
133 /* =================================================== */
134 h1 {
135     font-size: 3em;
136     margin: 1.5em 0;
137     text-align: center;
138     line-height: 1.5em;
139     font-weight: bold;
140 }
141
142 h2 {
143     font-size: 2em;
144     margin: 1.5em 0 0;
145     font-weight: bold;
146     line-height: 1.5em;
147 }
148
149 h3 {
150     font-size: 1.5em;
151     margin: 1.5em 0 0;
152     font-weight: normal;
153     line-height: 1.5em;
154 }
155
156 h4 {
157     font-size: 1em;
158     margin: 1.5em 0 0;
159     line-height: 1.5em;
160 }
161
162 p {
163     margin: 0;
164 }
165
166 /* ======================== */
167 /* = Footnotes and themes = */
168 /* ======================== */
169 .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 .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 #footnotes {
201     margin-top: 3em;
202 }
203
204 #footnotes .annotation {
205     display: block;
206     float: left;
207     width: 2.5em;
208     clear: both;
209 }
210
211 #footnotes div {
212     margin: 1.5em 0 0 0;
213 }
214
215 #footnotes p, #footnotes ul {
216     margin-left: 2.5em;
217     font-size: 0.875em;
218 }
219
220 #footnotes .permalink {
221     font-size: .75em;
222 }
223
224 blockquote {
225     font-size: 0.875em;
226 }
227
228 /* ============= */
229 /* = Numbering = */
230 /* ============= */
231 /*.verse, .paragraph {
232     position:relative;
233 }
234 .anchor {
235     position: absolute;
236     margin: -0.25em -0.5em;
237     left: -3em;
238     color: #777;
239     font-size: 12px;
240     width: 2em;
241     text-align: center;
242     padding: 0.25em 0.5em;
243     line-height: 1.5em;
244 }
245
246 .anchor:hover, #book-text .anchor:active {
247     color: #FFF;
248     background-color: #CCC;
249 }*/
250 .anchor{display:none;}
251
252 /* =================== */
253 /* = Custom elements = */
254 /* =================== */
255 span.author {
256     font-size: 0.5em;
257     display: block;
258     line-height: 1.5em;
259     margin-bottom: 0.25em;
260 }
261
262 span.collection {
263     font-size: 0.375em;
264     display: block;
265     line-height: 1.5em;
266     margin-bottom: -0.25em;
267 }
268
269 span.subtitle {
270     font-size: 0.5em;
271     display: block;
272     line-height: 1.5em;
273     margin-top: -0.25em;
274 }
275
276 span.translator {
277     font-size: 0.375em;
278     display: block;
279     line-height: 1.5em;
280     margin-top: 0.25em;
281 }
282
283 div.didaskalia {
284     font-style: italic;
285     margin: 0.5em 0 0 1.5em;
286 }
287
288 div.kwestia {
289     margin: 0.5em 0 0;
290 }
291
292 div.stanza {
293     margin: 1.5em 0 0;
294 }
295
296 div.kwestia div.stanza {
297     margin: 0;
298 }
299
300 p.paragraph {
301     text-align: justify;
302     margin: 1.5em 0 0;
303 }
304
305 p.motto {
306     text-align: justify;
307     font-style: italic;
308     margin: 1.5em 0 0;
309 }
310
311 p.motto_podpis {
312     font-size: 0.875em;
313     text-align: right;
314 }
315
316 div.fragment {
317     border-bottom: 0.1em solid #999;
318     padding-bottom: 1.5em;
319 }
320
321 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
322     text-align: right;
323     font-style: italic;
324 }
325
326 hr.spacer {
327     height: 3em;
328     visibility: hidden;
329 }
330
331 hr.spacer-line {
332     margin: 1.5em 0;
333     border: none;
334     border-bottom: 0.1em solid #000;
335 }
336
337 p.spacer-asterisk {
338     padding: 0;
339     margin: 1.5em 0;
340     text-align: center;
341 }
342
343 div.person-list ol {
344     list-style: none;
345     padding: 0 0 0 1.5em;
346 }
347
348 p.place-and-time {
349     font-style: italic;
350 }
351
352 em.math, em.foreign-word, em.book-title, em.didaskalia {
353     font-style: italic;
354 }
355
356 em.author-emphasis {
357     letter-spacing: 0.1em;
358 }
359
360 em.person {
361     font-style: normal;
362     font-variant: small-caps;
363 }
364
365 .verse:after {
366     content: "\feff";
367 }