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