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