72b1b46308e3fe1394e3332b066bca218d8833be
[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 }
185
186
187 /* ============= */
188 /* = Numbering = */
189 /* ============= */
190 .anchor {
191     float: left;
192     margin: -0.2em -0.5em -0.2em -3.5em;
193     color: #777;
194     font-size: 12px;
195     width: 2em;
196     text-align: center;
197     padding: 0.2em 0.5em;
198 }
199
200 .anchor:hover, #book-text .anchor:active {
201     color: #FFF;
202     background-color: #CCC;
203 }
204
205 /* =================== */
206 /* = Custom elements = */
207 /* =================== */
208 span.author {
209     font-size: 0.75em;
210     display: block;
211     line-height: 1.5em;
212     margin-bottom: 0.25em;
213 }
214
215 span.collection {
216     font-size: 0.75em;
217     display: block;
218     line-height: 1.5em;
219     margin-bottom: -0.25em;
220 }
221
222 span.subtitle {
223     font-size: 0.75em;
224     display: block;
225     line-height: 1.5em;
226     margin-top: -0.25em;
227 }
228
229 div.didaskalia {
230     font-style: italic;
231     margin: 0.5em 0 0;
232 }
233
234 div.kwestia {
235     margin: 0.5em 0 0;
236 }
237
238 div.stanza {
239     margin: 1.5em 0 0;
240 }
241
242 div.kwestia div.stanza {
243     margin: 0;
244 }
245
246 p.paragraph {
247     text-align: justify;
248     margin: 1.5em 0 0;
249 }
250
251 p.motto {
252     text-align: justify;
253     font-style: italic;
254     margin: 1.5em 0 0;
255 }
256
257 p.motto_podpis {
258     font-size: 0.875em;
259 }
260
261 div.fragment {
262     border-bottom: 0.1em solid #999;
263     padding-bottom: 1.5em;
264 }
265
266 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
267     text-align: right;
268     font-style: italic;
269 }
270
271 hr.spacer {
272     height: 3em;
273     visibility: hidden;
274 }
275
276 hr.spacer-line {
277     margin: 1.5em 0;
278     border: none;
279     border-bottom: 0.1em solid #000;
280 }
281
282 p.spacer-asterisk {
283     padding: 0;
284     margin: 1.5em 0;
285     text-align: center;
286 }
287
288 div.person-list ol {
289     list-style: none;
290     padding: 0 0 0 1.5em;
291 }
292
293 p.place-and-time {
294     font-style: italic;
295 }
296
297 em.math, em.foreign-word, em.book-title, em.didaskalia, em.author-emphasis {
298     font-style: italic;
299 }
300
301 em.person {
302     font-style: normal;
303     font-variant: small-caps;
304 }
305