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