jsonp
[wolnelektury.git] / apps / wolnelektury_core / static / 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(/static/img/bg.png) repeat-x;
6     color: #2F4110;
7 }
8
9 #header {
10     margin-top: -20px;
11 }
12
13 img {
14     border: none;
15 }
16
17 a {
18     color: #295158;
19     text-decoration: none;
20 }
21
22 a:hover, a:active {
23     text-decoration: underline;
24 }
25
26 a.banner {
27     display: block;
28     white-space: nowrap;
29 }
30 a.banner:hover {
31     text-decoration: none;
32 }
33
34 input {
35     font: 1em Verdana, Arial, Helvetica, sans-serif; 
36 }
37
38 h1 {
39     font: normal normal bold 1.75em Arial, sans-serif;
40     color: #2F4110;
41     margin: 0.55em 0 0 0;
42 }
43
44 h2 {
45     font-size: 1.2em;
46     font-weight: bold;
47     color: #2F4110;
48     margin: 0;
49 }
50
51 h3 {
52     font-size: 1.15em;
53     font-weight: bold;
54     margin: 2em 0 .5em 0;
55     color: #2F4110;
56 }
57
58 em {
59 }
60
61 hr {
62     border: 0;
63     border-top: 1px solid #2F4110;
64     margin: 2em 0;
65     height: 0;
66 }
67
68 .clearboth {
69     clear: both;
70 }
71
72 .blur {
73     color: #777;
74 }
75
76 /* ================================== */
77 /* = Header with logo and user-info = */
78 /* ================================== */
79 #header {
80     position: relative;
81     margin-top: 1.5em;
82 }
83
84 #header #logo {
85     float: left;
86 }
87 #header #logo img {
88     margin-bottom: -1.25em;
89 }
90 #header a.logo {
91     display:block;
92     color: #777;
93 }
94
95 #tagline {
96     color: #777;
97     position: absolute;
98 }
99
100 #logo a:hover {
101     text-decoration: none;
102 }
103
104 #header #user-info {
105     margin: 0 0 0 auto;
106     width: 40em;
107     text-align: right;
108 }
109
110 #site-description {
111     margin-top: -1.5em;
112     height:4.5em;
113     overflow: hidden;
114     float: right;
115     width: 42em;
116     text-align: right;
117     color: #777;
118 }
119
120 .lang-menu {
121         margin-right: 0.7em;
122         line-height: 24px;
123
124
125 .lang-menu button {
126         color: blue;
127         border: none;
128         border-right: 1px solid gray;
129         -moz-border-radius: 2px;
130         background: inherit;    
131         cursor: pointer;
132         padding: 0.2em 0.5em;   
133         font-size: 10px;
134 }
135
136 .lang-menu button:hover {
137         color: blue;
138         text-decoration: underline;     
139 }
140
141 .lang-menu button.active {
142         color: black;
143         text-decoration: none;
144 }
145
146 .lang-menu button.last {
147         border-right: none;
148 }
149
150 #lang-menu-items {
151     z-index: 1;
152 }
153
154 /* ======================== */
155 /* = Footer with sponsors = */
156 /* ======================== */
157 #footer {
158     border-top: 0.1em solid #999;
159     color: #777;
160     font-size: 0.8em;
161     padding-top: 0.5em;
162     margin: 2em 0 0 0;
163 }
164
165 #footer p {
166     margin: 0;
167 }
168
169 #footer a {
170     color: #999;
171     text-decoration: underline;
172 }
173
174
175 /* =============== */
176 /* = Search form = */
177 /* =============== */
178 #search-form {
179     margin: 0.5em 0;
180     padding: 0.5em;
181     background-color: rgb(132, 191, 42);
182 }
183
184 #searchContainer {
185     width: 100%;
186     min-height: 65px;
187     background-color: rgb(132, 191, 42);
188     padding: 0px 5px;
189     -moz-border-radius: 4px;
190     -webkit-border-radius: 4px;
191     border-radius: 4px;
192     border-bottom: 0.15em solid #7B9C2D;
193     border-right: 0.15em solid #7B9C2D;
194 }
195
196 #searchContainer #search-form {
197     padding: 0;
198     margin: 0;
199 }
200
201 #search-form p {
202     margin: 0em 0 0 0;
203 }
204
205 #search-form ol {
206     margin: 0;
207     padding: 0;
208 }
209
210 #search-form li {
211     margin: 2px 0 0 5px;
212     padding: 0;
213     list-style: none;
214     display: block;
215     float: left;
216     /*margin-left: 5px;*/
217 }
218
219 #search-form li.category, #search-form li.book-title {
220     padding: 0.2em 0.5em 0.2em 0.5em;
221     background-color: rgb(242, 163, 15);
222     border: 1px solid #BA8722;
223     border-right: 1px solid #555;
224     border-bottom: 1px solid #555;
225     -moz-border-radius: 3px;
226     -webkit-border-radius: 3px;
227     border-radius: 3px;
228     margin-right: 0.25em;
229 }
230
231 #search-form li.book-title {
232     background-color: #DDD;
233     border: 1px solid #999;
234     border-right: 1px solid #555;
235     border-bottom: 1px solid #555;
236 }
237
238 #search-form input[type=submit] {
239     color: #444;
240 }
241
242 .ac_input {
243     width: 300px;
244     border: 0;
245 }
246
247 p .ac_input {
248     width: 28em;
249 }
250
251 #searchSubmit {
252     float: left; 
253     margin-top: 10px; 
254     height: 33px;
255 }
256 /* ================== */
257 /* = Search matches = */
258 /* ================== */
259
260 .matches li:first-letter {
261     text-transform: uppercase;
262 }
263
264 /* ============== */
265 /* = Search bar = */
266 /* ============== */
267
268 .collections a {
269     color: white;
270     margin: 0 0.5em;
271 }
272
273
274
275 /* ============= */
276 /* = Tags list = */
277 /* ============= */
278 #intro {
279     margin: 0 0 2.5em 0;
280 }
281
282 #tags-description {
283     color: #777;
284     margin: 0 0.5em -0.75em 0.5em;
285 }
286
287 #main-page #tags-list {
288     margin-right: 33%;
289 }
290
291 #categories-list ul, #themes-list ul {
292     -moz-column-width: 12em;
293     -webkit-column-width: 12em;
294     column-width: 12em;
295 }
296
297 #tags-list {
298     margin-top: 1em;
299     padding: 1em;
300     background-color: #FBF9E7;
301     -moz-border-radius: 4px;
302     -webkit-border-radius: 4px;
303     border-radius: 4px;
304     border-bottom: 0.15em solid #E3D888;
305     border-right: 0.15em solid #E3D888;
306 }
307
308 #lesmianator #tags-list,
309 #tagged-object-list #tags-list, #book-detail #tags-list {
310     margin-left: 39em;
311 }
312
313 #book-info, #categories-list {
314     float: left;
315     width: 47.5%;
316 }
317
318 #themes-list {
319     margin-left: 52.5%;
320 }
321
322 #tagged-object-list #categories-list, #book-detail #book-info {
323     width: 12em;
324 }
325
326 #book-detail #formats .change-sets {
327     margin-right: 0.5em;
328 }
329 /*
330 #formats .wrap ul {
331     margin: 0;
332     padding: 0;
333 }
334
335 #formats .wrap li {
336     display: block;
337     width: 100%;
338     height: 1.9em;
339     background-color: #F2F2F2;
340     border: 1px solid #EEE;
341     text-align: center;    
342 }
343 */
344 #formats .wrap .header {
345     display: block;
346     width: 100%;
347     height: 1.9em;
348     background-color: #EEE;
349     border-bottom: 1px solid #EEE;
350     margin: 0;
351     padding-bottom: 2px;
352     -moz-border-radius: 4px;
353     -webkit-border-radius: 4px;
354     border-radius: 4px;
355     color:#2F4110;
356     margin-top: 40px;
357 }
358
359 .audiotabs span.active {
360     background-color:#FFF;
361 }
362
363 .audiotabs span {
364     display: block;
365     height: 1.6em;
366     background-color:#EEE;
367     width: 80px;
368     text-align: center;
369     padding: 2px 0;
370     -moz-border-radius: 4px;
371     -webkit-border-radius: 4px;
372     border-radius: 4px;
373     color: #2F4110;
374     font-weight: bold;
375     float:left;
376     cursor: pointer;
377     border: 1px solid #DDD;
378 }
379
380 #formats .wrap .header span.desc {
381     display: block;
382     height: 1.6em;
383     background-color: #EEE;
384     width: 100px;
385     text-align: center;
386     padding: 2px 0;
387     color: #2F4110;
388     font-weight: bold;
389     float:left;
390     border: solid #eee;
391     border-width: 1px;
392 }
393
394 .audiotabs {
395     float: right;
396 }
397
398
399 #formats .wrap .online {
400     display: block;
401     width: 100%;
402     background-color: #EEE;
403     margin: 0.5em 0 1em 0;
404     padding: 1em 0;
405     -moz-border-radius: 4px;
406     -webkit-border-radius: 4px;
407     border-radius: 4px;
408     text-align: center;
409     font-size: 1.6em;
410 }
411
412 #formats .wrap div.download {
413     text-align: center;   
414     margin-bottom: 10px; 
415 }
416 #formats .wrap div.download img {
417     padding: 0 10px 0 10px;    
418 }
419
420 #formats .wrap div.download .custom-pdf {
421     text-align: left;
422 }
423
424
425 #czytamysluchajac {
426     margin-top: 2.5em;
427 }
428
429 #czytamy-sluchajac-info {
430     width: 400px;
431     height: 80px;
432 }
433
434 #czytamy-sluchajac-info p {
435     margin-left: 170px;
436     padding-top: 1em;
437     padding-bottom: 0em;
438 }
439 div.audiobooks li {
440     list-style-type: none;
441 }
442
443 div.audiobooks li.mp3Player {
444     margin-bottom: 1em;
445 }
446
447 div.audiobooks {
448     padding: 15px;
449     float: left;
450 }
451
452 .audiobook-list {
453     float: left; width: 270px;
454     position: relative;
455     left: 10px;
456 }
457
458 #speaker {
459     float: left; 
460     padding:5px 10px;
461 }
462
463 #formats #czytamysluchajac-logo {
464     background: white;
465     text-align: left;
466     float: left;
467     width: 140px;
468     height: 62px;
469     -moz-border-radius: 0px;
470     -webkit-border-radius: 0px;
471     border-radius: 0px;
472     margin: 0px 20px 10px 10px;
473 }
474
475 #tagged-object-list #themes-list, #book-detail #themes-list {
476     margin-left: 14em;
477 }
478
479 #tags-list ol, #tags-list ul {
480     padding: 0;
481     margin: 0.3em 0 1.2em 0;
482 }
483
484 #tags-list li {
485     list-style: none;
486     padding: 0;
487     margin: 0;
488 }
489
490 #books-list {
491     width: 38em;
492     float: left;
493 }
494
495 .all-tags {
496     display: none;
497 }
498
499 div.shown-tags p, div.all-tags p {
500     margin: -1em 0 1em 0;
501     text-align: right;
502 }
503
504 .show-all-tags, .hide-all-tags {
505     text-decoration: underline;
506     padding-right: 1em;
507 }
508
509 .subcategories {
510     display: block;
511     padding-left: 2em;
512     padding-bottom: 0.5em;
513 }
514
515
516 /* ============== */
517 /* = Propaganda = */
518 /* ============== */
519 #propaganda {
520     float: right;
521     width: 30%;
522     margin: 0;
523     padding: 2em 0.5em 0.5em;
524 }
525
526
527 /* ===================== */
528 /* = Other info        = */
529 /* ===================== */
530 #latest-blog-posts {
531     padding: 0.5em;
532     float: left;
533     width: 30%;
534 }
535
536 #latest-blog-posts ol {
537     padding: 0 0 0 1.5em;
538     margin: 1em 0 0 0;
539     list-style-type: square;
540     color: #D13628;
541 }
542
543 #you-can-help {
544     float: right;
545     padding: 0.5em;
546     width: 30%;
547 }
548
549 #about-us {
550     padding: 0.5em;
551     margin-left: 35%;
552     margin-right: 35%;
553 }
554
555 /* =============== */
556 /* = Description = */
557 /* =============== */
558 #description {
559     margin-top: 0.5em;
560     overflow: hidden;
561 }
562 #description-short {
563         display:none;
564 }
565
566 #description .meta {
567     margin: 0.5em;
568     width: 18em;
569     list-style: none;
570     float: right;
571 }
572
573 #description dt {
574     font-weight: bold;
575     display: inline;
576 }
577
578 #description dd {
579     margin: 0;
580     display: inline;
581 }
582
583 #toggle-description, #tagged-object-list .pagination, #book-detail .pagination {
584     width: 100%;
585     height: 1.5em;
586     background-color: #EEE;
587     margin-top: 0.5em;
588     -moz-border-radius: 4px;
589     -webkit-border-radius: 4px;
590     border-radius: 4px;
591     text-align: center;
592 }
593
594 #toggle-description p {
595     margin: 0;
596     padding: 0;
597     color: #999;
598 }
599
600 #download-shelf {
601     display: block;
602     width: 100%;
603     height: 1.5em;
604     background-color: #EEE;
605     margin-top: 0.5em;
606     padding: 0.5em 0;
607     -moz-border-radius: 4px;
608     -webkit-border-radius: 4px;
609     border-radius: 4px;
610     text-align: center;   
611     outline: none; 
612 }
613
614 #download-shelf-menu {
615     -moz-border-radius: 4px;
616     -webkit-border-radius: 4px;
617     border-radius: 4px;
618     border: 3px solid #EEE;
619     padding: 5px;
620     margin-top: -5px;
621 }
622
623 #download-formats-form li {
624     float: left;
625     height: 2em;
626 }
627
628 #download-formats-form input {
629     float: left;
630 }
631
632 #download-formats-form label {
633     display: block;
634     background-color: #EEE;
635     float: left;
636     width: 8em;
637     margin-right: 0.5em;
638     margin-top: -0.5em;
639     padding-top: 0.5em;
640     padding-bottom: 0.75em;
641 }
642
643 #download-formats-form li {
644     margin: 0;
645     padding: 0;
646     list-style: none;
647 }
648
649 #download-formats-form em {
650     color: #999;
651     background-color: #FFF;
652 }
653
654 #download-formats-form em strong {
655     color: #000;
656     font-weight: normal;
657 }
658
659 #download-formats-form-submit {
660     margin-left: 0.5em;
661     
662 }
663
664 #download-formats-form #download-formats-form-submit-li {
665     margin-top: 0.75em;
666 }
667
668 #download-formats-form-cancel {
669     color: #900;    
670 }
671
672 #toggle-share-shelf {
673     display: block;
674     width: 100%;
675     height: 1.5em;
676     background-color: #EEE;
677     margin-top: 0.5em;
678     padding: 0.5em 0;
679     -moz-border-radius: 4px;
680     -webkit-border-radius: 4px;
681     border-radius: 4px;
682     text-align: center;   
683     outline: none; 
684 }
685 #toggle-share-shelf p {
686         margin:0;
687 }
688
689 #share-shelf {
690     -moz-border-radius: 4px;
691     -webkit-border-radius: 4px;
692     border-radius: 4px;
693     border: 3px solid #EEE;
694     padding: 5px;
695     margin-top: -5px;
696 }
697 #share-shelf input {
698         width: 100%;
699 }
700
701
702 /* ============================ */
703 /* = Books and fragments list = */
704 /* ============================ */
705 #books-list {
706     margin: 0;
707 }
708
709 #books-list ol {
710     list-style: none;
711     padding: 0;
712     margin: 1.5em 0;
713 }
714
715 .book {
716     padding: 0.5em;
717     background-color: #FFF;
718     -moz-border-radius: 3px;
719     -webkit-border-radius: 3px;
720     border-radius: 3px;
721 }
722
723 .fragment {
724     border-bottom: 0.1em solid #EEE;
725     margin-top: 0.5em;
726 }
727
728 .fragment-text, .fragment-short-text {
729     padding: 0.5em;
730     background-color: #FFF;
731     -moz-border-radius: 3px;
732     -webkit-border-radius: 3px;
733     border-radius: 3px;
734 }
735
736 .fragment-metadata {
737     padding: 0.5em 0.5em 1.5em 0.5em;
738     float: right;
739 }
740
741 .change-sets {
742     float: right;
743 }
744
745 .change-sets a {
746     padding: 0.2em;
747     margin: 0.3em;
748     border: 0.1em solid #EEE;
749     background-color: #F9F9F9;
750 }
751
752 .book-description {
753     margin-left: 3.5em;
754 }
755
756 .book-thumbnail, .book-parent-thumbnail {
757     background: transparent url(/static/img/book.png) no-repeat 0 0;
758     width: 3em;
759     height: 3em;
760     float: left;
761 }
762
763 .book-parent-thumbnail {
764     background: transparent url(/static/img/book-parent.png) no-repeat 0 0;
765 }
766
767
768 /* =============== */
769 /* = Simple form = */
770 /* =============== */
771 .cuteform ol, .cuteform ul {
772     padding: 0;
773     margin: 0;
774     list-style: none;
775 }
776
777 .cuteform ol li, .cuteform ul li {
778     margin-top: 0.7em;
779 }
780
781 .cuteform label {
782     display: block;
783 }
784
785 .cuteform span.help-text {
786     display: block;
787     font-size: 0.8em;
788     color: #999;
789 }
790
791 .cuteform .error {
792     color: #BF3024;
793         display: block;
794 }
795
796 /* ================ */
797 /* = Modal Window = */
798 /* ================ */
799 .jqmOverlay { background-color: #000; }
800
801 #set-window {
802     position: absolute;
803     display: none;
804     width: 32em;
805     background-color: transparent;
806     margin-top: -0.5em;
807     margin-left: -1em;
808 }
809
810 #set-window div.header {
811     background-color: #FFF;
812     border-right: 0.25em solid #DDD;
813     width: 4em;
814     padding: 0.5em 1em 0.5em 1em;
815 }
816
817 #set-window div.target {
818     background-color: #FFF;
819     border-right: 0.3em solid #DDD;
820     border-bottom: 0.3em solid #DDD;
821     padding: 1em;
822 }
823
824 #login-register-window {
825     position: absolute;
826     display: none;
827     width: 24em;
828     background-color: transparent;
829     margin-top: -0.5em;
830     margin-left: 1em;
831 }
832
833 #login-register-window div.header {
834     background-color: #FFF;
835     border-right: 0.3em solid #DDD;
836     width: 4em;
837     right: 0;
838     left: auto;
839     padding: 0.5em 1em 0.5em 1em;
840     float: right;
841     text-align: center;
842 }
843
844 #login-register-window div.target {
845     clear: both;
846     background-color: #FFF;
847     border-right: 0.3em solid #DDD;
848     border-bottom: 0.3em solid #DDD;
849     padding: 1em;
850 }
851
852 #user-shelves-window {
853     position: absolute;
854     display: none;
855     width: 28em;
856     background-color: transparent;
857     margin-top: -0.5em;
858     margin-left: 1em;
859 }
860
861 #user-shelves-window div.header {
862     background-color: #FFF;
863     border-right: 0.3em solid #DDD;
864     width: 4em;
865     right: 0;
866     left: auto;
867     padding: 0.5em 1em 0.5em 1em;
868     float: right;
869     text-align: center;
870 }
871
872 #user-shelves-window div.target {
873     clear: both;
874     background-color: #FFF;
875     border-right: 0.3em solid #DDD;
876     border-bottom: 0.3em solid #DDD;
877     padding: 1em;
878 }
879
880 .shelf-list {
881     list-style: none;
882     padding: 0;
883 }
884
885 .shelf-list li {
886     padding: 0.25em;
887     margin: 0 -0.25em;
888 }
889
890 .shelf-list a.delete-shelf {
891     color: #900;
892     float: right;
893     padding: 0.25em 0.25em 0.25em 1em;
894     margin: -0.25em;
895 }
896
897 .shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
898     color: #FFF;
899     background-color: #900;
900     text-decoration: none;
901 }
902
903 #suggest-window {
904     position: absolute;
905     display: none;
906     width: 35em;
907     background-color: transparent;
908     margin-top: -0.5em;
909     margin-left: 1em;
910 }
911
912 #suggest-window div.header {
913     background-color: #FFF;
914     border-right: 0.3em solid #DDD;
915     width: 4em;
916     right: 0;
917     left: auto;
918     padding: 0.5em 1em 0.5em 1em;
919     float: right;
920     text-align: center;
921 }
922
923 #suggest-window div.target {
924     clear: both;
925     background-color: #FFF;
926     border-right: 0.3em solid #DDD;
927     border-bottom: 0.3em solid #DDD;
928     padding: 1em;
929 }
930 #suggest-form textarea {
931         width: 30em;
932 }
933
934
935 .big-top-link {
936     margin-top: .6em;
937     font-size: 2em;
938     /*max-width: 15em;*/
939     line-height: 1.2em;
940 }
941
942 #suggest-publishing-window {
943     position: absolute;
944     display: none;
945     width: 45em;
946     background-color: transparent;
947     margin-top: -0.5em;
948     margin-left: 1em;
949 }
950
951 #suggest-publishing-window div.header {
952     background-color: #FFF;
953     border-right: 0.3em solid #DDD;
954     width: 4em;
955     right: 0;
956     left: auto;
957     padding: 0.5em 1em 0.5em 1em;
958     float: right;
959     text-align: center;
960 }
961
962 #suggest-publishing-window div.target {
963     clear: both;
964     background-color: #FFF;
965     border-right: 0.3em solid #DDD;
966     border-bottom: 0.3em solid #DDD;
967     padding: 1em;
968 }
969 #suggest-publishing-form textarea {
970         width: 40em;
971     height: 6em;
972 }
973
974 /* ======================== */
975 /* = Alphabetic book list = */
976 /* ======================== */
977 #book-list {
978    padding-left: 50px;
979 }
980 #book-list-nav {
981     position: absolute;
982     right: 50px;
983     width: 200px;
984     border-left: 1px #cfcfcf solid;
985     padding: 10px;
986     font-size: 1.2em;
987 }
988
989 #book-list-nav ul {
990     list-style-type: none;
991     margin: 5px;
992     padding: 0;
993 }
994
995 .book-list-show-index {
996     display: none;
997     margin: 0;
998     padding: 0;
999 }
1000
1001
1002 #book-a-list #book-list ol {
1003     padding-left: 1em;
1004     margin: 0.3em 0 1.2em 0;
1005     list-style: none;
1006 }
1007
1008 #book-a-list #book-list h2 a {
1009     color: black;
1010 }
1011
1012 #book-list-up {
1013     position: fixed;
1014     bottom: 50px;
1015     right: 50px;
1016     border-left: 1px #cfcfcf solid;
1017     padding: 10px;
1018     background-color: white;    
1019 }
1020
1021 #top-message {
1022     background-color: #2F4110;
1023     color: #FFF;
1024     margin: 0 -2em;
1025     padding: 0 2.5em;
1026     line-height: 2em;
1027 }
1028
1029 #top-message a {
1030     color: #AAA;
1031 }
1032
1033
1034 /* =========== */
1035 /* = Columns = */
1036 /* =========== */
1037 .column-left {
1038     width: 37em;
1039     float: left;
1040     margin-top: 1em;
1041 }
1042
1043 .column-right {
1044     margin-left: 40em;
1045     margin-top: 1em;
1046 }
1047
1048 .see-more {
1049     text-align: right;
1050 }
1051
1052 .remove-from-shelf {
1053     float: right;
1054     padding: 0.2em;
1055     margin: 0.3em;
1056     color: #900;
1057 }
1058
1059 .remove-from-shelf:active, .remove-from-shelf:hover {
1060     color: #FFF;
1061     background-color: #900;
1062     text-decoration: none;
1063 }
1064
1065 /* =========== */
1066 /* = Lessons = */
1067 /* =========== */
1068 #lessons {
1069     margin-top: 2.5em;
1070 }
1071
1072 #document-list {
1073     width: 380px;
1074     float: left;
1075 }
1076
1077 #document-list ol {
1078     margin: 0;
1079     padding: 0;
1080     list-style: none;
1081 }
1082
1083 #document-list li a {
1084     padding: 0.5em;
1085     background-color: #FFF;
1086     -moz-border-radius: 3px;
1087     -webkit-border-radius: 3px;
1088     border-radius: 3px;
1089 /*    font-size: 1.2em;*/
1090     font-weight: bold;
1091     width: 330px;
1092     margin-bottom: 0.25em;
1093     display: block;
1094 }
1095
1096 #document-list ul {
1097   padding-left: 30px;
1098   list-style: disc;
1099 }
1100
1101 #document-list li {
1102   padding: 5px;
1103 }
1104
1105 #document-list li li a {
1106   width: 300px;
1107 }
1108
1109 #document-list li a:hover, #document-list li a.active {
1110     text-decoration: none;
1111     background-color: #EEE;
1112 }
1113
1114 #document-list-body #document-detail {
1115     margin-left: 390px;
1116 }
1117
1118 #document-detail {    
1119     width: 480px;
1120 }
1121
1122 #document-detail h2 {
1123     margin: 0.75em 0 0.75em 0;
1124 }
1125
1126 #document-list-body #document-detail .download {
1127     float: right;
1128     margin: 0;
1129     padding: 0
1130 }
1131
1132 #document-list .download-doc {
1133     display: none;
1134     color: #00F;
1135 }
1136
1137 /* ====================== */
1138 /* = One percent banner = */
1139 /* ====================== */
1140 #onepercent-banner {
1141     color: #FFF;
1142     margin: 0 -1.1em;
1143     padding: 0 1.1em;
1144     vertical-align: middle;
1145     background-color: #FF6B3C;
1146     height: 60px;
1147     font-size: 1.8em;
1148     line-height: 1.5em;
1149     position: relative;
1150 }
1151
1152 #onepercent-text, #onepercent-line:visited, #onepercent-text:hover, #onepercent-text:active {
1153     display: block;
1154     line-height: 60px;
1155     color: #FFF;
1156     text-decoration: none;
1157 }
1158
1159 #onepercent-text strong {
1160     font-weight: normal;
1161     text-decoration: underline;
1162 }
1163
1164 #onepercent-see-more, #onepercent-see-more:visited, #onepercent-see-more:hover, #onepercent-see-more:active {
1165     position: absolute;
1166     right: 2em;
1167     width: 9em;
1168     text-align: right;
1169     bottom: 0;
1170     font-size: 12px;
1171     color: #FFF;
1172     text-decoration: none;
1173 }
1174
1175 #createNewShelf {
1176     display: none;
1177 }
1178
1179 .widget-code {
1180     overflow: hidden;
1181 }
1182
1183 #presentation-frame {
1184     border: 0px none white;
1185 }
1186
1187
1188 /* dictionary */
1189
1190 .dictionary-note-source {
1191     margin-top: -1em;
1192 }
1193
1194 #footnotes .pagination {
1195     margin-top: 1em;
1196 }
1197
1198
1199 /* report */
1200 .stats td {
1201     vertical-align: top;
1202 }
1203
1204 /* ============ */
1205 /* = Pictures = */
1206 /* ============ */
1207
1208
1209 #picture-list .picture .title {
1210     font-weight: bold;
1211 }
1212
1213 #picture-list .picture {
1214     background-color: white;
1215     padding: 0.8em;
1216     margin: 0.8em;
1217     border: black 1px solid;
1218     width: 600px;
1219 }
1220