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