5e31549f0f07042bc3351b0090cb267ab404c2a8
[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     margin-bottom: 0.5em;
170     clear: both;
171     left: 40em;
172     line-height: 1.5em;
173     text-align: left;
174 }
175
176 .annotation {
177     font-style: normal;
178     font-weight: normal;
179     font-size: 12px;
180     padding-left: 2px;
181     position: relative;
182     top: -4px;
183 }
184
185 #footnotes .annotation {
186     display: block;
187     float: left;
188     width: 2.5em;
189     clear: both;
190 }
191
192 #footnotes div {
193     margin: 1.5em 0 0 0;
194 }
195
196 #footnotes p {
197     margin-left: 2.5em;
198     font-size: 0.875em;
199 }
200
201 blockquote {
202     font-size: 0.875em;
203 }
204
205 /* ============= */
206 /* = Numbering = */
207 /* ============= */
208 .verse, .paragraph {
209         position:relative;
210 }
211 .anchor {
212     position: absolute;
213     margin: -0.25em -0.5em;
214     left: -3em;
215     color: #777;
216     font-size: 12px;
217     width: 2em;
218     text-align: center;
219     padding: 0.25em 0.5em;
220     line-height: 1.5em;
221 }
222
223 .anchor:hover, #book-text .anchor:active {
224     color: #FFF;
225     background-color: #CCC;
226 }
227
228 /* =================== */
229 /* = Custom elements = */
230 /* =================== */
231 span.author {
232     font-size: 0.5em;
233     display: block;
234     line-height: 1.5em;
235     margin-bottom: 0.25em;
236 }
237
238 span.collection {
239     font-size: 0.375em;
240     display: block;
241     line-height: 1.5em;
242     margin-bottom: -0.25em;
243 }
244
245 span.subtitle {
246     font-size: 0.5em;
247     display: block;
248     line-height: 1.5em;
249     margin-top: -0.25em;
250 }
251
252 div.didaskalia {
253     font-style: italic;
254     margin: 0.5em 0 0 1.5em;
255 }
256
257 div.kwestia {
258     margin: 0.5em 0 0;
259 }
260
261 div.stanza {
262     margin: 1.5em 0 0;
263 }
264
265 div.kwestia div.stanza {
266     margin: 0;
267 }
268
269 p.paragraph {
270     text-align: justify;
271     margin: 1.5em 0 0;
272 }
273
274 p.motto {
275     text-align: justify;
276     font-style: italic;
277     margin: 1.5em 0 0;
278 }
279
280 p.motto_podpis {
281     font-size: 0.875em;
282     text-align: right;
283 }
284
285 div.fragment {
286     border-bottom: 0.1em solid #999;
287     padding-bottom: 1.5em;
288 }
289
290 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
291     text-align: right;
292     font-style: italic;
293 }
294
295 hr.spacer {
296     height: 3em;
297     visibility: hidden;
298 }
299
300 hr.spacer-line {
301     margin: 1.5em 0;
302     border: none;
303     border-bottom: 0.1em solid #000;
304 }
305
306 p.spacer-asterisk {
307     padding: 0;
308     margin: 1.5em 0;
309     text-align: center;
310 }
311
312 div.person-list ol {
313     list-style: none;
314     padding: 0 0 0 1.5em;
315 }
316
317 p.place-and-time {
318     font-style: italic;
319 }
320
321 em.math, em.foreign-word, em.book-title, em.didaskalia {
322     font-style: italic;
323 }
324
325 em.author-emphasis {
326     letter-spacing: 0.1em;
327 }
328
329 em.person {
330     font-style: normal;
331     font-variant: small-caps;
332 }
333
334
335 /* =================================== */
336 /* = Hide some elements for printing = */
337 /* =================================== */
338
339 @media print {
340     #menu {display: none;}
341 }