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