Fixed titles in about_us.html.
[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: 1em;
41     font-weight: bold;
42     margin: 0.2em 0 -1em 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 #description .meta {
310     margin: 0.5em;
311     width: 18em;
312     list-style: none;
313     float: right;
314 }
315
316 #description dt {
317     font-weight: bold;
318     display: inline;
319 }
320
321 #description dd {
322     margin: 0;
323     display: inline;
324 }
325
326 #toggle-description, #tagged-object-list .pagination {
327     width: 100%;
328     height: 1.5em;
329     background-color: #EEE;
330     margin-top: 0.5em;
331     -moz-border-radius: 4px;
332     -webkit-border-radius: 4px;
333     border-radius: 4px;
334     text-align: center;
335 }
336
337 #toggle-description p {
338     margin: 0;
339     padding: 0;
340     color: #999;
341 }
342
343 #download-shelf {
344     display: block;
345     width: 100%;
346     height: 1.5em;
347     background-color: #EEE;
348     margin-top: 0.5em;
349     padding: 0.5em 0;
350     -moz-border-radius: 4px;
351     -webkit-border-radius: 4px;
352     border-radius: 4px;
353     text-align: center;    
354 }
355
356 /* ============================ */
357 /* = Books and fragments list = */
358 /* ============================ */
359 #books-list {
360     margin: 0;
361 }
362
363 #books-list ol {
364     list-style: none;
365     padding: 0;
366     margin: 1.5em 0;
367 }
368
369 .book {
370     padding: 0.5em;
371     background-color: #FFF;
372     -moz-border-radius: 3px;
373     -webkit-border-radius: 3px;
374     border-radius: 3px;
375 }
376
377 .fragment {
378     border-bottom: 0.1em solid #EEE;
379     margin-top: 0.5em;
380 }
381
382 .fragment-text, .fragment-short-text {
383     padding: 0.5em;
384     background-color: #FFF;
385     -moz-border-radius: 3px;
386     -webkit-border-radius: 3px;
387     border-radius: 3px;
388 }
389
390 .fragment-metadata {
391     padding: 0.5em 0.5em 1.5em 0.5em;
392     float: right;
393 }
394
395 .change-sets {
396     float: right;
397 }
398
399 .change-sets a {
400     padding: 0.2em;
401     margin: 0.3em;
402     border: 0.1em solid #EEE;
403     background-color: #F9F9F9;
404 }
405
406 .book-description {
407     margin-left: 3.5em;
408 }
409
410 .book-thumbnail, .book-parent-thumbnail {
411     background: transparent url(/media/img/book.png) no-repeat 0 0;
412     width: 3em;
413     height: 3em;
414     float: left;
415 }
416
417 .book-parent-thumbnail {
418     background: transparent url(/media/img/book-parent.png) no-repeat 0 0;
419 }
420
421
422 /* =============== */
423 /* = Simple form = */
424 /* =============== */
425 .cuteform ol, .cuteform ul {
426     padding: 0;
427     margin: 0;
428     list-style: none;
429 }
430
431 .cuteform ol li, .cuteform ul li {
432     margin-top: 0.7em;
433 }
434
435 .cuteform label {
436     display: block;
437 }
438
439 .cuteform span.help-text {
440     display: block;
441     font-size: 0.8em;
442     color: #999;
443 }
444
445 .cuteform .error {
446     color: #BF3024;
447 }
448
449 /* ================ */
450 /* = Modal Window = */
451 /* ================ */
452 .jqmOverlay { background-color: #000; }
453
454 #set-window {
455     position: absolute;
456     display: none;
457     width: 32em;
458     background-color: transparent;
459     margin-top: -0.5em;
460     margin-left: -1em;
461 }
462
463 #set-window div.header {
464     background-color: #FFF;
465     border-right: 0.25em solid #DDD;
466     width: 4em;
467     padding: 0.5em 1em 0.5em 1em;
468 }
469
470 #set-window div.target {
471     background-color: #FFF;
472     border-right: 0.3em solid #DDD;
473     border-bottom: 0.3em solid #DDD;
474     padding: 1em;
475 }
476
477 #login-register-window {
478     position: absolute;
479     display: none;
480     width: 24em;
481     background-color: transparent;
482     margin-top: -0.5em;
483     margin-left: 1em;
484 }
485
486 #login-register-window div.header {
487     background-color: #FFF;
488     border-right: 0.3em solid #DDD;
489     width: 4em;
490     right: 0;
491     left: auto;
492     padding: 0.5em 1em 0.5em 1em;
493     float: right;
494     text-align: center;
495 }
496
497 #login-register-window div.target {
498     clear: both;
499     background-color: #FFF;
500     border-right: 0.3em solid #DDD;
501     border-bottom: 0.3em solid #DDD;
502     padding: 1em;
503 }
504
505 #user-shelves-window {
506     position: absolute;
507     display: none;
508     width: 28em;
509     background-color: transparent;
510     margin-top: -0.5em;
511     margin-left: 1em;
512 }
513
514 #user-shelves-window div.header {
515     background-color: #FFF;
516     border-right: 0.3em solid #DDD;
517     width: 4em;
518     right: 0;
519     left: auto;
520     padding: 0.5em 1em 0.5em 1em;
521     float: right;
522     text-align: center;
523 }
524
525 #user-shelves-window div.target {
526     clear: both;
527     background-color: #FFF;
528     border-right: 0.3em solid #DDD;
529     border-bottom: 0.3em solid #DDD;
530     padding: 1em;
531 }
532
533 .shelf-list {
534     list-style: none;
535     padding: 0;
536 }
537
538 .shelf-list li {
539     padding: 0.25em;
540     margin: 0 -0.25em;
541 }
542
543 .shelf-list a.delete-shelf {
544     color: #900;
545     float: right;
546     padding: 0.25em 0.25em 0.25em 1em;
547     margin: -0.25em;
548 }
549
550 .shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
551     color: #FFF;
552     background-color: #900;
553     text-decoration: none;
554 }
555
556 /* ======================== */
557 /* = Alphabetic book list = */
558 /* ======================== */
559 #book-a-list #book-list {
560     -moz-column-width: 24em;
561     -webkit-column-width: 24em;
562     column-width: 24em;
563 }
564
565 #book-a-list #book-list ol {
566     padding: 0;
567     margin: 0.3em 0 1.2em 0;
568     list-style: none;
569 }
570
571 #top-message {
572     background-color: #2F4110;
573     color: #FFF;
574     margin: 0 -2em;
575     padding: 0 2.5em;
576     line-height: 2em;
577 }
578
579 #top-message a {
580     color: #AAA;
581 }
582
583
584 /* =========== */
585 /* = Columns = */
586 /* =========== */
587 .column-left {
588     width: 37em;
589     float: left;
590     text-align: justify;
591     margin-top: 1em;
592 }
593
594 .column-right {
595     margin-left: 40em;
596     text-align: justify;
597     margin-top: 1em;
598 }
599
600 .see-more {
601     text-align: right;
602 }
603
604 .remove-from-shelf {
605     float: right;
606     padding: 0.2em;
607     margin: 0.3em;
608     color: #900;
609 }
610
611 .remove-from-shelf:active, .remove-from-shelf:hover {
612     color: #FFF;
613     background-color: #900;
614     text-decoration: none;
615 }