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