koha-tmpl/opac-tmpl/npl/en/includes/opac.css

   1 a {
   2         color : #006699;
   3         font-weight : bold;
   4 }
   5
   6 a:active {
   7         color : #990033;
   8 }
   9
  10 a:visited {
  11         color : #006699;
  12 }
  13
  14 a:hover {
  15         color : #990033;
  16 }
  17
  18 a:link.current {
  19         background-color : transparent;
  20         color : #3366CC;
  21         font-size : 12px;
  22         font-weight : bold;
  23         padding : 1px 5px 1px 5px;
  24         text-decoration : none;
  25 }
  26
  27 a:hover.current {
  28         background-color : #CCFF00;
  29         color : #CC3333;
  30         font-size : 12px;
  31         font-weight : bold;
  32         padding : 1px 5px 1px 5px;
  33         text-decoration : none;
  34 }
  35
  36 a:visited.current {
  37         background-color : transparent;
  38         color : #3366CC;
  39         font-size : 12px;
  40         font-weight : bold;
  41         padding : 1px 5px 1px 5px;
  42         text-decoration : none;
  43 }
  44
  45 a:active.current {
  46         background-color : #99CC00;
  47         color : #FFFF99;
  48         font-size : 12px;
  49         font-weight : bold;
  50         padding : 1px 5px 1px 5px;
  51         text-decoration : none;
  52 }
  53
  54 a:link.nav {
  55         background-color : #FFFFCC;
  56         color : #3366CC;
  57         font-size : 12px;
  58         font-weight : bold;
  59         padding : 1px 5px 1px 5px;
  60         text-decoration : none;
  61 }
  62
  63 a:hover.nav {
  64         background-color : #CCFF00;
  65         color : #CC3333;
  66         font-size : 12px;
  67         font-weight : bold;
  68         padding : 1px 5px 1px 5px;
  69         text-decoration : none;
  70 }
  71
  72 a:active.nav {
  73         background-color : #99CC00;
  74         color : #FFFF99;
  75         font-size : 12px;
  76         font-weight : bold;
  77         padding : 1px 5px 1px 5px;
  78         text-decoration : none;
  79 }
  80
  81 a:visited.nav {
  82         background-color : #FFFFCC;
  83         color : #3366CC;
  84         font-size : 12px;
  85         font-weight : bold;
  86         padding : 1px 5px 1px 5px;
  87         text-decoration : none;
  88 }
  89
  90 .menu a:link.logout {
  91         background-color : #FFDD75;
  92         color : Black;
  93         font-weight : bold;
  94         padding : 3px 15px 3px 15px;
  95         text-decoration : none;
  96 }
  97
  98 .menu a:active.logout {
  99         background-color : #FFDD75;
 100         color : Black;
 101         font-weight : bold;
 102         padding : 3px 15px 3px 15px;
 103         text-decoration : none;
 104 }
 105
 106
 107 .menu a:visited.logout {
 108         background-color : #FFDD75;
 109         color : Black;
 110         font-weight : bold;
 111         padding : 3px 15px 3px 15px;
 112         text-decoration : none;
 113 }
 114
 115 .menu a:hover.logout {
 116         background-color : #FFCC33;
 117         color : Black;
 118         font-weight : bold;
 119         padding : 3px 15px 3px 15px;
 120         text-decoration : none;
 121 }
 122
 123 body {
 124         background-color : #339999;
 125         font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 126         margin : 0;
 127         padding : 0;
 128 }
 129
 130 caption {
 131         color : #000066;
 132         font-family : arial,helvetica;
 133         font-size : 140%;
 134         font-weight : bold;
 135         margin : 0;
 136         padding : 5px 0 3px 0;
 137         text-align : left;
 138 }
 139
 140 div.form, div.details {
 141         background-color : #FFFFCC;
 142         border : 0px dotted #333333;
 143         margin : 0 auto;
 144         padding : 5px;
 145         width : 95%;
 146 }
 147
 148 div.details ul {
 149         margin-left : 0;
 150         text-align : left;
 151         list-style-type: circle;
 152 }
 153
 154 div.table {
 155         width : 95%;
 156 }
 157
 158 fieldset {
 159         border : 0;
 160         padding : 2px;
 161         margin : 2px;
 162 }
 163
 164 form {
 165         display : inline;
 166         margin : 0;
 167         padding : 0;
 168 }
 169
 170 h1,h2,h3,h4,h5,h6 {
 171         color : #000066;
 172         font-family : arial, geneva, helvetica, sans-serif;
 173         margin : 0;
 174 }
 175
 176 h1 {
 177         font-size : 150%;
 178         padding : 5px 0 3px 0;
 179 }
 180
 181 h1.logo {
 182         color : #D3DFAD;
 183         display : inline;
 184         margin : 10px 0 0 10px;
 185 }
 186
 187 h1.title {
 188         font-style : italic;
 189         padding : 5px 0 3px 0;
 190 }
 191
 192 h2 {
 193         font-size : 130%;
 194         padding : 5px 0 3px 0;
 195 }
 196
 197 h3 {
 198         font-size : 120%;
 199         padding : 5px 0 3px 0;
 200 }
 201
 202 h3+p {
 203         margin : .4em 0 .4em 0;
 204 }
 205
 206 p+h3 {
 207         margin-top : .6em;
 208 }
 209
 210 h3.author {
 211         padding : 0 0 3px 15px;
 212 }
 213
 214 h4 {
 215         padding : 5px 0 3px 0;
 216 }
 217
 218 h5 {
 219         font-size : 100%;
 220         margin : 0;
 221         padding : 10px 0 2px 0;
 222 }
 223
 224 p+h5 {
 225         padding : 3px 0 2px 0;
 226         margin : 0;
 227 }
 228
 229 h5+p {
 230         padding-top : 0;
 231         margin-top : 0;
 232 }
 233
 234 .inline {
 235         display : inline;
 236 }
 237
 238 p {
 239         padding : 0 10px 0 10px;
 240 }
 241
 242 p.error, div.error {
 243         background-color : #FFFFCC;
 244         border : 1px dashed #cc6600;
 245         font-size : 1.05em;
 246         font-weight : normal;
 247         padding : 5px 20px 5px 20px;
 248 }
 249
 250 div.error {
 251         font-size : .9em;
 252         padding : 3px 10px 3px 10px;
 253         width : 75%;
 254 }
 255
 256 div.error h3 {
 257         color : #990000;
 258 }
 259
 260 div.error li {
 261         margin-bottom : .5em;
 262 }
 263
 264 table {
 265         background-color : #FFFFCC;
 266         border-bottom : 0 solid #000000;
 267         border-collapse : collapse;
 268         border-left : 0 solid #000000;
 269         margin : 5px 0 5px 0;
 270         padding : 0;
 271         width : 100%; w\idth:auto;
 272 }
 273
 274 td {
 275         border-bottom : 1px solid #E7E7CA;
 276         border-right : 1px solid #E7E7CA;
 277         font-size : .90em;
 278         padding : 5px 5px 5px 5px;
 279 }
 280
 281 th {
 282         background-color : #D8DEB8;
 283         border-bottom : 1px solid #000000;
 284         border-right : 1px solid #000000;
 285         font-size : 12px;
 286         font-weight : bold;
 287         padding : 5px 5px 5px 5px;
 288 }
 289
 290 th:last-child {
 291         background-color : #D8DEB8;
 292         border-bottom : 1px solid #000000;
 293         border-right : 0 solid #000000;
 294         font-size : 14px;
 295         font-weight : bold;
 296         padding : 5px 5px 5px 5px;
 297 }
 298
 299 th[scope="row"] {
 300         background-color : #E7E7CA;
 301         font-size : 60%;
 302         font-weight : normal;
 303         text-align : right;
 304 }
 305
 306 tr.highlight th[scope="row"] {
 307         background-color : #EFF1DC;
 308 }
 309
 310 td.input, div.form td, div.details td {
 311         border-bottom : 1px solid #E7E7CA;
 312         border-left : 0;
 313         border-right : 0;
 314         color : #000000;
 315         padding : 2px 2px 2px 4px;
 316         text-align : right;
 317 }
 318
 319 td.label, div.form th, div.details th {
 320         background-color : #FFC;
 321         border-bottom : 1px solid #E7E7CA;
 322         border-left : 1px solid #E7E7CA;
 323         border-right : 0;
 324         border-top : 0;
 325         color : #000088;
 326         font-weight : bold;
 327         padding : 2px 2px 2px 4px;
 328         text-align : left;
 329         vertical-align : top;
 330 }
 331
 332 div.details td.details {
 333         text-align : left;
 334 }
 335
 336 td.label {
 337         border-bottom : 1px solid #E7E7CA;
 338         border-left : 1px solid #E7E7CA;
 339         color : #000088;
 340         font-weight : bold;
 341         line-height : 1.5em;
 342         padding : 4px;
 343 }
 344
 345 td:last-child {
 346         border-bottom : 1px solid #E7E7CA;
 347         border-right : 0 solid #E7E7CA;
 348         font-size : 12px;
 349         padding : 5px 5px 5px 5px;
 350 }
 351
 352 tr.highlight {
 353         background-color : #FFFFFF;
 354 }
 355
 356 .rejected {
 357         text-decoration: line-through;
 358 }
 359
 360 .selected {
 361         text-decoration: none;
 362 }
 363
 364 .content-block {
 365         background-color : #FFFFCC;
 366         margin : 15px;
 367         padding : 5px;
 368         width : 90%;
 369 }
 370
 371 .count {
 372         font-size : .7em;
 373         font-weight : normal;
 374 }
 375
 376 .current {
 377         background-color : #FFFFFF;
 378         color : #3366CC;
 379         font-size : 12px;
 380         font-weight : bold;
 381         padding : 1px 5px 1px 5px;
 382         text-decoration : none;
 383 }
 384
 385 .ex {
 386         font-family : "Courier New", Courier, monospace;
 387 }
 388
 389 div.bookcover {
 390         float: right;
 391 }
 392
 393 .further {
 394         color: #CCCC99;
 395         float: right;
 396         font-size : 80%;
 397         border: 2px solid #D8DEB8;
 398         margin : 5px;
 399         width : 30%;
 400         background-color : #E7E7CA;
 401 }
 402
 403 .further h4 {
 404         background-color : #D8DEB8;
 405         padding : 2px;
 406 }
 407
 408 .further ul, .further li  {
 409         margin : 0 0 0 .5em;
 410         padding : 0;
 411 }
 412
 413 .further li {
 414         border-bottom : 1px solid #CCCC99;
 415         padding : 2px 0;
 416         }
 417
 418 .detail-sidebar {
 419         float: right;
 420         padding: 5px;
 421         margin-left : 15px;
 422         background-color : #E7E7CA;
 423         text-align: center;
 424         width : 35%;
 425 }
 426
 427 .detail-sidebar .further {
 428         float: none;
 429         text-align: left;
 430         width : 90%;
 431 }
 432
 433 .operations {
 434         border : 0px solid aqua;
 435         font-size: 90%;
 436         text-align: center;
 437         margin-top: 7px;
 438         padding-left: 10px;
 439         width: : 100%;
 440 }
 441
 442 .operations ul {
 443         border: 0px solid lime;
 444         margin: 0;
 445         padding : 0;
 446         width: 90%;
 447 }
 448
 449 .operations li {
 450         list-style-type: none;
 451         margin: 0;
 452         padding-bottom : 2px;
 453 }
 454
 455 .operations li a, .operations li a:visited {
 456         border: 2px solid #D8DEB8;
 457         border-style: outset;
 458         color: #E7E7CA;
 459         display: block;
 460         background-color : #CC6600;
 461         background-repeat : no-repeat;
 462         background-position : top left;
 463         padding: 3px 3px 3px 26px;
 464         text-decoration: none;
 465 }
 466
 467 .operations li a:hover {
 468         color: #FFFFCC;
 469         background-color: #FF9933;
 470 }
 471
 472 .operations li a:active {
 473         color: : #FFFFCC;
 474         background-color: #FF9933;
 475         border-style: inset;
 476 }
 477
 478 .item-details {
 479         display : block;
 480         margin : 0 0 0 25px;
 481 }
 482
 483 .loggedin {
 484         color : #D8DEB8;
 485         font-weight : bold;
 486 }
 487
 488 .marctag {
 489         font-family : Arial, Geneva, sans-serif;
 490         color : #000000;
 491         background-color : #E7E7CA;
 492         margin : 1px;
 493         padding : 3px;
 494 }
 495
 496 .marcsubfieldletter {
 497         font-family : Arial, Geneva, sans-serif;
 498         background-color: #EFF1DC;
 499         padding : 3px;
 500 }
 501
 502 .marcsubfieldname {
 503         font-family : Arial, Geneva, sans-serif;
 504         background-color: #FFFFCC;
 505         padding : 3px;
 506 }
 507
 508 .subfield {
 509         font-family : Arial, Geneva, sans-serif;
 510         background-color: #FFFFCC;
 511         padding : 3px;
 512 }
 513
 514 .subfieldvalue {
 515         font-family : Arial, Geneva, sans-serif;
 516         font-weight : bold;
 517         background-color : #FFFFFF;
 518         padding : 3px;
 519 }
 520
 521 .menu {
 522         color : #CCCC99;
 523         margin-bottom : 5px;
 524         margin-left : 15px;
 525         margin-right : 10px;
 526 }
 527
 528 #members a {
 529         text-decoration : none;
 530 }
 531
 532 .menu a:link, #members a:link {
 533         color : #CCFF66;
 534         padding : 2px;
 535 }
 536
 537 .menu a:visited, #members a:visited {
 538         color : #CCFF66;
 539         padding : 2px;
 540 }
 541
 542 .menu a:hover, #members a:hover {
 543         color : #FFFFCC;
 544         padding : 2px;
 545 }
 546
 547 .menu a:active, #members a:active {
 548         color : #FFFFCC;
 549         padding : 2px;
 550 }
 551
 552 #members a.card {
 553         display : block;
 554         padding-left : 39px;
 555         background-image: url(../images/card.gif);
 556         background-position: left;
 557         background-repeat: no-repeat;
 558 }
 559
 560 .menu input {
 561         font-size : 80%;
 562 }
 563
 564 .menu label {
 565         font-weight : bold;
 566 }
 567
 568 .menu p {
 569         margin : 0;
 570         padding : 0;
 571 }
 572
 573 .menu p+p {
 574         margin-top : 5px;
 575 }
 576
 577 .opac-detail {
 578         background-color : #FFFFCC;
 579         padding : 4px;
 580 }
 581
 582 em.new {
 583         color : #CC3333;
 584         font-weight : bold;
 585         font-style : normal;
 586 }
 587
 588 .login-note {
 589         width : 35%;
 590 }
 591
 592 .note {
 593         background-color : #E7E7CA;
 594         border-left : 1px solid #FFFFCC;
 595         border-top : 1px solid #FFFFCC;
 596         border-right : 1px solid #999900;
 597         border-bottom : 1px solid #999900;
 598         font-size : 12px;
 599         margin : 10px auto;
 600         padding : 4px 4px 4px 4px;
 601         width : 35%;
 602 }
 603
 604 div.notes {
 605         text-align: left;
 606 }
 607
 608 .opac-detail dd {
 609         border-bottom : 1px solid #E7E7CA;
 610         color : #000000;
 611         display : block;
 612         line-height : 1.5em;
 613         padding : 4px;
 614         text-align : right;
 615 }
 616
 617 .submit {
 618         background-color : #CC6600;
 619         color : #FEEDDB;
 620         font-family : verdana,arial,hevetica;
 621         font-size : small;
 622         font-weight : bold;
 623         padding : 2px;
 624 }
 625
 626 .thumbnail {
 627         float : left;
 628         margin : 0 5px 5px 0;
 629         border : 0;
 630 }
 631
 632 input.icon {
 633         background-position: left;
 634         background-repeat: no-repeat;
 635         background-color : #CC6600;
 636         color : #FEEDDB;
 637         font-family : verdana,arial,hevetica;
 638         font-size : small;
 639         font-weight : bold;
 640         padding : 2px 2px 2px 22px;
 641 }
 642
 643 input.add, a.add {
 644         background-image: url(../images/add.gif);
 645 }
 646
 647 input.back, a.back {
 648         background-image: url(../images/back.gif);
 649 }
 650
 651 input.cart, a.cart {
 652         background-image: url(../images/basket.gif);
 653 }
 654
 655 input.print, a.print {
 656         background-image: url(../images/print2.gif);
 657 }
 658
 659 input.detail, a.detail {
 660         background-image: url(../images/detail.gif);
 661 }
 662
 663 input.brief, a.brief {
 664         background-image: url(../images/brief.gif);
 665 }
 666
 667 input.send, a.send {
 668         background-image: url(../images/send.gif);
 669 }
 670
 671 input.trash, a.trash {
 672         background-image: url(../images/trash.gif);
 673 }
 674
 675 input.close, a.close {
 676         background-image: url(../images/close.gif);
 677 }
 678
 679 input.addchecked, a.addchecked {
 680         background-image: url(../images/addtobasket.gif);
 681 }
 682
 683 input.clearall, a.clearall {
 684         background-image: url(../images/clearbasket.gif);
 685 }
 686
 687 input.isbd, a.isbd {
 688         background-image: url(../images/isbd.gif);
 689 }
 690
 691 input.shelf, a.shelf {
 692         background-image: url(../images/addtoshelf.gif);
 693 }
 694
 695 input.reserve, a.reserve {
 696         background-image: url(../images/placereserve.gif);
 697 }
 698
 699 input.delete, a.delete {
 700         background-image: url(../images/delete.gif);
 701 }
 702
 703 input.edit, a.edit {
 704         background-image: url(../images/edit.gif);
 705 }
 706
 707 .left {
 708         float : left;
 709 }
 710
 711 .right {
 712         float : right;
 713 }
 714
 715 .title {
 716         font-style : italic;
 717         font-weight : bold;
 718 }
 719
 720 #footer {
 721         border-top : 1px solid #000000;
 722         clear : both;
 723 }
 724
 725 #main {
 726         background-color : #CCCC99;
 727         border-left : 1px solid #CCCC99;
 728         margin-left : 20%;
 729         margin-right : 2%;
 730         margin-top : 3%;
 731         padding : 10px;
 732         position : relative;
 733 }
 734
 735 #window {
 736         background-color : #CCCC99;
 737         border-left : 1px solid #CCCC99;
 738         margin-left : 2%;
 739         margin-right : 2%;
 740         margin-top : 2%;
 741         padding : 10px;
 742 }
 743
 744 #window div.menu {
 745         margin : 0;
 746 }
 747
 748 #window .class {
 749         display : block;
 750         font-weight : bold;
 751         padding : 0 0 5px 3px;
 752 }
 753
 754 #masthead {
 755         background-color : #339999;
 756         margin : 0 0 0 5px;
 757 }
 758
 759 #nav {
 760         background-color : #CCCC99;
 761         float : left;
 762         margin : 2% 0% 0% 1%;
 763         padding : 0;
 764         width : 18%;
 765 }
 766
 767 #nav a {
 768         font-family : Arial, Geneva, Helvetica, sans-serif;
 769         font-size : 1.1em;
 770         font-weight : bold;
 771         text-decoration : none;
 772 }
 773
 774 #nav ul {
 775         margin : 0;
 776         padding : 0;
 777 }
 778
 779 #nav ul li {
 780         background-color : #D8DEB8; /*width : 100%;*/
 781         border-bottom : 1px solid #CCCC99;
 782         border-left : 0 solid #FFFFCC;
 783         border-right : 0 solid #006699;
 784         border-top : 0 solid #FFFFCC;
 785         font-family : Arial, Geneva, Helvetica, sans-serif;
 786         font-size : .8em;
 787         list-style : none;
 788         margin : 0;
 789         padding : 3px;
 790         text-align : right;
 791 }
 792
 793 #nav ul li+li {
 794         border-bottom : 1px solid #CCCC99;
 795         border-left : 0 solid #FFFFCC;
 796         border-right : 0 solid #006699;
 797         margin : 0;
 798 }
 799
 800 #nav li ul li {
 801         background-color : #E7E7CA; /*width : 100%;*/
 802         border-bottom : 1px solid #D8DEB8;
 803         border-left : 0 solid #FFFFCC;
 804         border-right : 0 solid #006699;
 805         border-top : 0 solid #FFFFCC;
 806         font-family : Arial, Helvetica, sans-serif;
 807         font-size : 1.1em;
 808         list-style : none;
 809         margin : 0;
 810         padding : 5px 3px 5px 3px;
 811         text-align : right;
 812 }
 813
 814 #nav li ul li a {
 815         color: Blue;
 816         font-family : Tahoma;
 817         font-size : .99em;
 818         font-weight : bold;
 819         text-decoration : none;
 820 }
 821
 822 #nav li ul li a:link {
 823         color: #359;
 824 }
 825
 826 #nav li ul li a:visited {
 827         color: #359;
 828 }
 829
 830 #nav li ul li a:hover {
 831         color: #CC3333;
 832 }
 833
 834 #results, .results {
 835         color : #000066;
 836         font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 837         font-size : 80%;
 838         margin : 0;
 839         padding : 7px 0 10px 0;
 840 }
 841
 842 #sidebar {
 843         background-color : #EFF1DC;
 844         width : 20%;
 845         border : 1px dashed #CCCC99;
 846         margin : 20px;
 847         padding : 5px;
 848         float : right;
 849         font-size : 80%;
 850 }
 851
 852 #sidebar h3 {
 853         color : #000066;
 854         font-family : arial,helvetica;
 855         font-size : 110%;
 856         margin : 0;
 857         padding : 5px 0 1px 0;
 858 }
 859
 860 #sidebar .submit {
 861         background-color : #CC6600;
 862         color : #FEEDDB;
 863         font-family : verdana,arial,hevetica;
 864         font-size : 80%;
 865         font-weight : bold;
 866         padding : 2px;
 867 }
 868
 869 #search-sidebar {
 870         background-color : #FFFFCC;
 871         width : 33%;
 872         margin : 10px;
 873         padding : 3px;
 874         float : right;
 875         font-size : 80%;
 876 }
 877
 878 .sidebar-box {
 879         border : 1px dashed #CCCC99;
 880         margin-bottom : 15px;
 881 }
 882
 883 .sidebar-box h3, .sidebar-box h4 {
 884         margin-left : 10px;
 885 }
 886
 887 .sidebar-box label {
 888         display : block;
 889 }
 890
 891 .sidebar-box p {
 892         margin : 3px 10px;
 893         padding : 0;
 894 }
 895
 896 .issued {
 897         color : #999999;
 898 }
 899
 900 .overdue {
 901         color : #cc0000;
 902         font-weight : bold;
 903 }
 904
 905 span.print {
 906         font-size : .7em;
 907         font-weight : normal;
 908         padding-left : .7em;
 909         }
 910
 911 #members {
 912 /*      background-color : transparent;*/
 913         background-color : #339999;
 914         border : 0px dashed #666666;
 915         font-size : .85em;
 916         font-weight : bold;
 917         color : #000066;
 918         position : absolute;
 919         top : 0;
 920         right : 0;
 921         }
 922
 923 #members ul {
 924         margin : 0;
 925         padding : .3em .3em .3em 1.5em;
 926 }
 927
 928 #members a.logout {
 929         background-color : #FFDD75;
 930         color : Black;
 931         font-weight : bold;
 932         padding : 0 .3em 0 .3em;
 933         text-decoration : none;
 934 }
 935
 936 #members a:hover.logout {
 937         background-color : #FFCC33;
 938 }
 939
 940 .loggedinusername {
 941         color : #D8DEB8;
 942 }