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