90e15bc33c794ca377154deb8990a09ed9bd2f60
[wolnelektury.git] / wolnelektury / media / css / master.css
1 body {
2     margin: 0 2em 2em 2em;
3     font: 70% Verdana, Arial, Helvetica, sans-serif;
4     line-height: 1.5em;
5     background: #FFF url(/media/img/bg.png) repeat-x;
6     color: #2F4110;
7 }
8
9 img {
10     border: none;
11 }
12
13 a {
14     color: #295158;
15     text-decoration: none;
16 }
17
18 a:hover, a:active {
19     text-decoration: underline;
20 }
21
22 input {
23     font: 1em Verdana, Arial, Helvetica, sans-serif; 
24 }
25
26 h1 {
27     font: normal normal bold 1.75em Arial, sans-serif;
28     color: #2F4110;
29     margin: 0.55em 0 0 0;
30 }
31
32 h2 {
33     font-size: 1.2em;
34     font-weight: bold;
35     color: #2F4110;
36     margin: 0;
37 }
38
39 h3 {
40     font-size: 1.3em;
41     font-weight: bold;
42     margin: 0.2em 0 0 0;
43     color: #333;
44 }
45
46 em {
47     font-style: normal;
48     background-color: #F5DC7D;
49 }
50
51 .clearboth {
52     clear: both;
53 }
54
55 .blur {
56     color: #777;
57 }
58
59 /* ================================== */
60 /* = Header with logo and user-info = */
61 /* ================================== */
62 #header {
63     position: relative;
64     margin-top: 1.5em;
65 }
66
67 #header #logo {
68     float: left;
69 }
70
71 #header #user-info {
72     margin: 0 0 0 auto;
73     width: 40em;
74     text-align: right;
75 }
76
77 #site-description {
78     margin-top: -1.5em;
79     height:4.5em;
80     overflow: hidden;
81     float: right;
82     width: 42em;
83     text-align: right;
84     color: #777;
85 }
86
87 /* ======================== */
88 /* = Footer with sponsors = */
89 /* ======================== */
90 #footer {
91     border-top: 0.1em solid #999;
92     color: #999;
93     font-size: 0.8em;
94     padding-top: 0.5em;
95     margin: 2em 0 0 0;
96 }
97
98 #footer p {
99     margin: 0;
100 }
101
102 #footer a {
103     color: #999;
104     text-decoration: underline;
105 }
106
107
108 /* =============== */
109 /* = Search form = */
110 /* =============== */
111 #search-form {
112     margin: 0.5em 0;
113     padding: 0.5em;
114     background-color: rgb(132, 191, 42);
115     -moz-border-radius: 4px;
116     -webkit-border-radius: 4px;
117     border-radius: 4px;
118     border-bottom: 0.15em solid #7B9C2D;
119     border-right: 0.15em solid #7B9C2D;
120 }
121
122 #search-form p {
123     margin: 0em 0 0 0;
124 }
125
126 #search-form ol {
127     margin: 0;
128     padding: 0;
129 }
130
131 #search-form li {
132     margin: 0;
133     padding: 0;
134     list-style: none;
135     display: inline;
136 }
137
138 #search-form li.category, #search-form li.book-title {
139     padding: 0.2em 0.5em 0.2em 0.5em;
140     background-color: rgb(242, 163, 15);
141     border: 1px solid #BA8722;
142     border-right: 1px solid #555;
143     border-bottom: 1px solid #555;
144     -moz-border-radius: 3px;
145     -webkit-border-radius: 3px;
146     border-radius: 3px;
147 }
148
149 #search-form li.book-title {
150     background-color: #DDD;
151     border: 1px solid #999;
152     border-right: 1px solid #555;
153     border-bottom: 1px solid #555;
154 }
155
156 #search-form input[type=submit] {
157     color: #444;
158 }
159
160 .ac_input {
161     width: 18em;
162 }
163
164 p .ac_input {
165     width: 28em;
166 }
167
168
169 /* ============= */
170 /* = Tags list = */
171 /* ============= */
172 #intro {
173     margin: 0 0 2.5em 0;
174 }
175
176 #main-page #tags-list {
177     margin-right: 29em;
178 }
179
180 #categories-list ul, #themes-list ul {
181     -moz-column-width: 12em;
182     -webkit-column-width: 12em;
183     column-width: 12em;
184 }
185
186 #tags-list {
187     margin-top: 1em;
188     padding: 1em;
189     background-color: #FBEF90;
190     -moz-border-radius: 4px;
191     -webkit-border-radius: 4px;
192     border-radius: 4px;
193     border-bottom: 0.15em solid #E3D888;
194     border-right: 0.15em solid #E3D888;
195 }
196
197 #tagged-object-list #tags-list, #book-detail #tags-list {
198     margin-left: 39em;
199 }
200
201 #book-info, #categories-list {
202     float: left;
203     width: 47.5%;
204 }
205
206 #themes-list {
207     margin-left: 52.5%;
208 }
209
210 #tagged-object-list #categories-list, #book-detail #book-info {
211     width: 12em;
212 }
213
214 #tagged-object-list #themes-list, #book-detail #themes-list {
215     margin-left: 14em;
216 }
217
218 #tags-list ol, #tags-list ul {
219     padding: 0;
220     margin: 0.3em 0 1.2em 0;
221 }
222
223 #tags-list li {
224     list-style: none;
225     padding: 0;
226     margin: 0;
227 }
228
229 #books-list {
230     width: 38em;
231     float: left;
232 }
233
234 /* ============== */
235 /* = Propaganda = */
236 /* ============== */
237 #propaganda {
238     float: right;
239     width: 28.5em;
240     margin: 0;
241     height: 21em;
242     background-image: url(/media/img/shelf.jpg);
243     background-repeat: no-repeat;
244     -moz-border-radius: 4px;
245     -webkit-border-radius: 4px;
246     border-radius: 4px;
247     background-color: #FFF;
248 }
249
250 /* ===================== */
251 /* = Other info        = */
252 /* ===================== */
253 #latest-blog-posts {
254     padding: 0.5em;
255     float: left;
256     width: 30%;
257 }
258
259 #latest-blog-posts ol {
260     padding: 0 0 0 1.5em;
261     margin: 1em 0 0 0;
262     list-style-type: square;
263     color: #D13628;
264 }
265
266 #you-can-help {
267     float: right;
268     padding: 0.5em;
269     width: 30%;
270 }
271
272 #about-us {
273     padding: 0.5em;
274     margin-left: 35%;
275     margin-right: 35%;
276 }
277
278 /* =============== */
279 /* = Description = */
280 /* =============== */
281 #description {
282     margin-top: 0.5em;
283     text-align: justify;
284 }
285
286 #toggle-description, #tagged-object-list .pagination {
287     width: 100%;
288     height: 1.5em;
289     background-color: #EEE;
290     margin-top: 0.5em;
291     -moz-border-radius: 4px;
292     -webkit-border-radius: 4px;
293     border-radius: 4px;
294     text-align: center;
295 }
296
297 #toggle-description p {
298     margin: 0;
299     padding: 0;
300     color: #999;
301 }
302
303 /* ============================ */
304 /* = Books and fragments list = */
305 /* ============================ */
306 #books-list {
307     margin: 0;
308 }
309
310 #books-list ol {
311     list-style: none;
312     padding: 0;
313     margin: 1.5em 0;
314 }
315
316 .book {
317     padding: 0.5em;
318     background-color: #FFF;
319     -moz-border-radius: 3px;
320     -webkit-border-radius: 3px;
321     border-radius: 3px;
322 }
323
324 .fragment {
325     border-bottom: 0.1em solid #EEE;
326     margin-top: 0.5em;
327 }
328
329 .fragment-text, .fragment-short-text {
330     padding: 0.5em;
331     background-color: #FFF;
332     -moz-border-radius: 3px;
333     -webkit-border-radius: 3px;
334     border-radius: 3px;
335 }
336
337 .fragment-metadata {
338     padding: 0.5em 0.5em 1.5em 0.5em;
339     float: right;
340 }
341
342 .change-sets {
343     float: right;
344 }
345
346 .book-description {
347     margin-left: 3.5em;
348 }
349
350 .book-thumbnail {
351     background: transparent url(/media/img/book.png) no-repeat 0 0;
352     width: 3em;
353     height: 3em;
354     float: left;
355 }
356
357 /* =============== */
358 /* = Simple form = */
359 /* =============== */
360 .cuteform ol, .cuteform ul {
361     padding: 0;
362     margin: 0;
363     list-style: none;
364 }
365
366 .cuteform ol li, .cuteform ul li {
367     margin-top: 0.7em;
368 }
369
370 .cuteform label {
371     display: block;
372 }
373
374 .cuteform span.help-text {
375     display: block;
376     font-size: 0.8em;
377     color: #999;
378 }
379
380 .cuteform .error {
381     color: #BF3024;
382 }
383
384 /* ================ */
385 /* = Modal Window = */
386 /* ================ */
387 .jqmOverlay { background-color: #000; }
388
389 #set-window {
390     position: absolute;
391     display: none;
392     width: 32em;
393     background-color: transparent;
394     margin-top: -0.5em;
395     margin-left: -1em;
396 }
397
398 #set-window div.header {
399     background-color: #FFF;
400     border-right: 0.25em solid #DDD;
401     width: 4em;
402     padding: 0.5em 1em 0.5em 1em;
403 }
404
405 #set-window div.target {
406     background-color: #FFF;
407     border-right: 0.3em solid #DDD;
408     border-bottom: 0.3em solid #DDD;
409     padding: 1em;
410 }
411
412 #login-register-window {
413     position: absolute;
414     display: none;
415     width: 24em;
416     background-color: transparent;
417     margin-top: -0.5em;
418     margin-left: 1em;
419 }
420
421 #login-register-window div.header {
422     background-color: #FFF;
423     border-right: 0.3em solid #DDD;
424     width: 4em;
425     right: 0;
426     left: auto;
427     padding: 0.5em 1em 0.5em 1em;
428     float: right;
429     text-align: center;
430 }
431
432 #login-register-window div.target {
433     clear: both;
434     background-color: #FFF;
435     border-right: 0.3em solid #DDD;
436     border-bottom: 0.3em solid #DDD;
437     padding: 1em;
438 }
439
440 #user-shelves-window {
441     position: absolute;
442     display: none;
443     width: 28em;
444     background-color: transparent;
445     margin-top: -0.5em;
446     margin-left: 1em;
447 }
448
449 #user-shelves-window div.header {
450     background-color: #FFF;
451     border-right: 0.3em solid #DDD;
452     width: 4em;
453     right: 0;
454     left: auto;
455     padding: 0.5em 1em 0.5em 1em;
456     float: right;
457     text-align: center;
458 }
459
460 #user-shelves-window div.target {
461     clear: both;
462     background-color: #FFF;
463     border-right: 0.3em solid #DDD;
464     border-bottom: 0.3em solid #DDD;
465     padding: 1em;
466 }
467
468 #user-shelves-window ul {
469     list-style: none;
470     padding: 0;
471 }
472
473 #user-shelves-window a.delete-shelf {
474     color: #900;
475     float: right;
476 }
477
478 /* ======================== */
479 /* = Alphabetic book list = */
480 /* ======================== */
481 #book-a-list #book-list {
482     -moz-column-width: 24em;
483     -webkit-column-width: 24em;
484     column-width: 24em;
485 }
486
487 #book-a-list #book-list ol {
488     padding: 0;
489     margin: 0.3em 0 1.2em 0;
490     list-style: none;
491 }
492
493 #top-message {
494     background-color: #2F4110;
495     color: #FFF;
496     margin: 0 -2em;
497     padding: 0 2em;
498     line-height: 2em;
499 }
500