5d66bf1127f1db182d111e3d82ef414cf2f0a748
[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: #777;
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 #tags-description {
177     color: #777;
178     margin: 0 0.5em -0.75em 0.5em;
179 }
180
181 #main-page #tags-list {
182     margin-right: 33%;
183 }
184
185 #categories-list ul, #themes-list ul {
186     -moz-column-width: 12em;
187     -webkit-column-width: 12em;
188     column-width: 12em;
189 }
190
191 #tags-list {
192     margin-top: 1em;
193     padding: 1em;
194     background-color: #FBEF90;
195     -moz-border-radius: 4px;
196     -webkit-border-radius: 4px;
197     border-radius: 4px;
198     border-bottom: 0.15em solid #E3D888;
199     border-right: 0.15em solid #E3D888;
200 }
201
202 #tagged-object-list #tags-list, #book-detail #tags-list {
203     margin-left: 39em;
204 }
205
206 #book-info, #categories-list {
207     float: left;
208     width: 47.5%;
209 }
210
211 #themes-list {
212     margin-left: 52.5%;
213 }
214
215 #tagged-object-list #categories-list, #book-detail #book-info {
216     width: 12em;
217 }
218
219 #tagged-object-list #themes-list, #book-detail #themes-list {
220     margin-left: 14em;
221 }
222
223 #tags-list ol, #tags-list ul {
224     padding: 0;
225     margin: 0.3em 0 1.2em 0;
226 }
227
228 #tags-list li {
229     list-style: none;
230     padding: 0;
231     margin: 0;
232 }
233
234 #books-list {
235     width: 38em;
236     float: left;
237 }
238
239 ul.all-tags {
240     display: none;
241 }
242
243 div.shown-tags p {
244     margin: -1em 0 0 0;
245     text-align: right;
246 }
247
248 .show-all-tags {
249     text-decoration: underline;
250     padding-right: 1em;
251 }
252
253 /* ============== */
254 /* = Propaganda = */
255 /* ============== */
256 #propaganda {
257     float: right;
258     width: 30%;
259     margin: 0;
260     padding: 2em 0.5em 0.5em;
261 }
262
263
264 /* ===================== */
265 /* = Other info        = */
266 /* ===================== */
267 #latest-blog-posts {
268     padding: 0.5em;
269     float: left;
270     width: 30%;
271 }
272
273 #latest-blog-posts ol {
274     padding: 0 0 0 1.5em;
275     margin: 1em 0 0 0;
276     list-style-type: square;
277     color: #D13628;
278 }
279
280 #you-can-help {
281     float: right;
282     padding: 0.5em;
283     width: 30%;
284 }
285
286 #about-us {
287     padding: 0.5em;
288     margin-left: 35%;
289     margin-right: 35%;
290 }
291
292 /* =============== */
293 /* = Description = */
294 /* =============== */
295 #description {
296     margin-top: 0.5em;
297     text-align: justify;
298 }
299
300 #toggle-description, #tagged-object-list .pagination {
301     width: 100%;
302     height: 1.5em;
303     background-color: #EEE;
304     margin-top: 0.5em;
305     -moz-border-radius: 4px;
306     -webkit-border-radius: 4px;
307     border-radius: 4px;
308     text-align: center;
309 }
310
311 #toggle-description p {
312     margin: 0;
313     padding: 0;
314     color: #999;
315 }
316
317 /* ============================ */
318 /* = Books and fragments list = */
319 /* ============================ */
320 #books-list {
321     margin: 0;
322 }
323
324 #books-list ol {
325     list-style: none;
326     padding: 0;
327     margin: 1.5em 0;
328 }
329
330 .book {
331     padding: 0.5em;
332     background-color: #FFF;
333     -moz-border-radius: 3px;
334     -webkit-border-radius: 3px;
335     border-radius: 3px;
336 }
337
338 .fragment {
339     border-bottom: 0.1em solid #EEE;
340     margin-top: 0.5em;
341 }
342
343 .fragment-text, .fragment-short-text {
344     padding: 0.5em;
345     background-color: #FFF;
346     -moz-border-radius: 3px;
347     -webkit-border-radius: 3px;
348     border-radius: 3px;
349 }
350
351 .fragment-metadata {
352     padding: 0.5em 0.5em 1.5em 0.5em;
353     float: right;
354 }
355
356 .change-sets {
357     float: right;
358 }
359
360 .book-description {
361     margin-left: 3.5em;
362 }
363
364 .book-thumbnail {
365     background: transparent url(/media/img/book.png) no-repeat 0 0;
366     width: 3em;
367     height: 3em;
368     float: left;
369 }
370
371 /* =============== */
372 /* = Simple form = */
373 /* =============== */
374 .cuteform ol, .cuteform ul {
375     padding: 0;
376     margin: 0;
377     list-style: none;
378 }
379
380 .cuteform ol li, .cuteform ul li {
381     margin-top: 0.7em;
382 }
383
384 .cuteform label {
385     display: block;
386 }
387
388 .cuteform span.help-text {
389     display: block;
390     font-size: 0.8em;
391     color: #999;
392 }
393
394 .cuteform .error {
395     color: #BF3024;
396 }
397
398 /* ================ */
399 /* = Modal Window = */
400 /* ================ */
401 .jqmOverlay { background-color: #000; }
402
403 #set-window {
404     position: absolute;
405     display: none;
406     width: 32em;
407     background-color: transparent;
408     margin-top: -0.5em;
409     margin-left: -1em;
410 }
411
412 #set-window div.header {
413     background-color: #FFF;
414     border-right: 0.25em solid #DDD;
415     width: 4em;
416     padding: 0.5em 1em 0.5em 1em;
417 }
418
419 #set-window div.target {
420     background-color: #FFF;
421     border-right: 0.3em solid #DDD;
422     border-bottom: 0.3em solid #DDD;
423     padding: 1em;
424 }
425
426 #login-register-window {
427     position: absolute;
428     display: none;
429     width: 24em;
430     background-color: transparent;
431     margin-top: -0.5em;
432     margin-left: 1em;
433 }
434
435 #login-register-window div.header {
436     background-color: #FFF;
437     border-right: 0.3em solid #DDD;
438     width: 4em;
439     right: 0;
440     left: auto;
441     padding: 0.5em 1em 0.5em 1em;
442     float: right;
443     text-align: center;
444 }
445
446 #login-register-window div.target {
447     clear: both;
448     background-color: #FFF;
449     border-right: 0.3em solid #DDD;
450     border-bottom: 0.3em solid #DDD;
451     padding: 1em;
452 }
453
454 #user-shelves-window {
455     position: absolute;
456     display: none;
457     width: 28em;
458     background-color: transparent;
459     margin-top: -0.5em;
460     margin-left: 1em;
461 }
462
463 #user-shelves-window div.header {
464     background-color: #FFF;
465     border-right: 0.3em solid #DDD;
466     width: 4em;
467     right: 0;
468     left: auto;
469     padding: 0.5em 1em 0.5em 1em;
470     float: right;
471     text-align: center;
472 }
473
474 #user-shelves-window div.target {
475     clear: both;
476     background-color: #FFF;
477     border-right: 0.3em solid #DDD;
478     border-bottom: 0.3em solid #DDD;
479     padding: 1em;
480 }
481
482 .shelf-list {
483     list-style: none;
484     padding: 0;
485 }
486
487 .shelf-list li {
488     padding: 0.25em;
489     margin: 0 -0.25em;
490 }
491
492 .shelf-list a.delete-shelf {
493     color: #900;
494     float: right;
495     padding: 0.25em 0.25em 0.25em 1em;
496     margin: -0.25em;
497 }
498
499 .shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
500     color: #FFF;
501     background-color: #900;
502     text-decoration: none;
503 }
504
505 /* ======================== */
506 /* = Alphabetic book list = */
507 /* ======================== */
508 #book-a-list #book-list {
509     -moz-column-width: 24em;
510     -webkit-column-width: 24em;
511     column-width: 24em;
512 }
513
514 #book-a-list #book-list ol {
515     padding: 0;
516     margin: 0.3em 0 1.2em 0;
517     list-style: none;
518 }
519
520 #top-message {
521     background-color: #2F4110;
522     color: #FFF;
523     margin: 0 -2em;
524     padding: 0 2em;
525     line-height: 2em;
526 }
527