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