koha-tmpl/opac-tmpl/prog/en/css/opac.css

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