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