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