Open-ILS/web/css/skin/default/opac/style.css

   1 body {
   2         margin:0;
   3         font-family: Arial, Helvetica, sans-serif;
   4         font-size: 12px;
   5         background:#333;
   6 }
   7
   8 img {
   9         border: none;
  10 }
  11
  12 a {
  13         color: #003399;
  14         text-decoration: none;
  15 }
  16
  17 a:hover {
  18         text-decoration: underline;
  19 }
  20
  21 #search-wrapper input[type=text] {
  22         border:none;
  23         margin:0;
  24         padding:0;
  25 }
  26
  27 #search-wrapper select {
  28         border:1px solid #e9ebf3;
  29         margin:0;
  30         padding:0;
  31         width:168px;
  32 }
  33
  34 /*
  35 #search-wrapper select {
  36         border:0px solid black;
  37         filter:alpha(opacity=0);
  38         -moz-opacity:0;
  39         -khtml-opacity:0;
  40         opacity:0;
  41         padding:0;
  42         margin:0;
  43         height:18px;
  44         font-size: 12px;
  45 }
  46 */
  47 h1 {
  48         margin:0;
  49         margin-bottom: 5px;
  50         font-size: 20px;
  51         font-weight:normal;
  52 }
  53
  54 h2 {
  55         margin:0;
  56         margin-bottom: 5px;
  57         font-size: 14px;
  58         font-weight:bold;
  59 }
  60
  61 .hide_me {
  62         display: none;
  63         visibility: hidden;
  64 }
  65
  66 div.select-box-wrapper {
  67         position:absolute;
  68         padding-top:2px;
  69         padding-left:3px;
  70         overflow:hidden;
  71         text-align:left;
  72 }
  73
  74 div.select-wrapper {
  75         border:1px solid #4C8AB0;
  76         display:inline-block;
  77         position:relative;
  78         z-index:2;
  79         background:url('/images/dropdown.gif') no-repeat right center;
  80 }
  81
  82 div.select-wrapper:hover {
  83         background:url('/images/dropdown-hover.gif') no-repeat right center;
  84 }
  85
  86 #dash_wrapper {
  87         width:500px;
  88         position:relative;
  89         top:-26px;
  90 }
  91
  92 #dashboard {
  93         clear:both;
  94         float:right;
  95         width:384px;
  96 }
  97
  98 #dashboard span {
  99         font-weight:bold;
 100         position:relative;
 101         left:-1px;
 102 }
 103
 104 #dash_user {
 105         font-weight:bold;
 106         text-transform:capitalize;
 107 }
 108
 109 #header {
 110         color: #fff;
 111         padding: 26px 0px 26px 0px;
 112         width: 974px;
 113         margin: auto;
 114         font-size:11px;
 115 }
 116
 117 #header a {
 118         color: #fff;
 119 }
 120
 121 #header a:hover {
 122         color: white;
 123         text-decoration: none;
 124 }
 125
 126 #header-links {
 127         color: #afafaf;
 128         font-size: 11px;
 129         font-weight: bold;
 130         position: relative;
 131         top:4px;
 132
 133 }
 134
 135 #header-links a {
 136         color: #afafaf;
 137         display: block;
 138         float:left;
 139         margin-right:22px;
 140 }
 141
 142 #header-links a:hover {
 143         color: white;
 144         text-decoration: none;
 145 }
 146
 147 #header #header-links2 {
 148         position:relative;
 149         top:-8px;
 150         color: white;
 151         padding-bottom: 15px;
 152 }
 153
 154 #header #header-links2 a {
 155         color: white;
 156 }
 157
 158 #header #header-links2 a:hover {
 159         text-decoration: underline;
 160 }
 161
 162 #header #your-acct-login {
 163         padding-top:10px;
 164 }
 165
 166 #gold-links {
 167         margin:auto;
 168         width:974px;
 169         padding-left:0px;
 170 }
 171
 172 #util-bar {
 173         margin:auto;
 174         width:974px;
 175         padding-left:0px;
 176         height:0px;
 177 }
 178
 179 #search-wrapper {
 180         border-bottom: 1px solid #e9ebf3;
 181         padding-bottom: 5px;
 182         background: white;
 183 }
 184
 185 #search_box_wrapper {
 186         border:1px solid #e9ebf3;
 187         padding: 1px;
 188         padding-left:3px;
 189 }
 190
 191 #search-wrapper #breadcrumb {
 192         margin-top:0px;
 193         font-size: 10px;
 194         float:left;
 195 }
 196
 197 #search-wrapper #search-within {
 198         margin-top:10px;
 199         float:right;
 200         position:relative;
 201         left:-173px;
 202 }
 203
 204 #search-wrapper #breadcrumb a {
 205         color: black;
 206 }
 207
 208 #search-wrapper #search_frm label {
 209         font-size: 10px;
 210 }
 211
 212 #search-wrapper #search-box {
 213         width:974px;
 214         margin:auto;
 215         padding-left: 0px;
 216 }
 217
 218 #utils {
 219         float:right;
 220         z-index:1;
 221         width:150px;
 222         height:30px;
 223         background:url('/images/utils-corner-left.png') no-repeat left top;
 224         padding-left: 3px;
 225         color: white;
 226         position:relative;
 227 }
 228
 229 #utils a {
 230         color: white;
 231         font-size: 10px;
 232 }
 233 #adv_search_tabs {
 234         height:33px;
 235         width:974px;
 236         margin:auto;
 237 }
 238
 239 #adv_search_tabs a {
 240         float: left;
 241         display: block;
 242         height:33px;
 243         margin-right:7px;
 244 }
 245
 246 #adv_search {
 247         width:156px;
 248         background:url('/images/adv_search_on.gif') no-repeat bottom;
 249 }
 250
 251 #num_search {
 252         width:156px;
 253         background:url('/images/num_search_off.gif') no-repeat bottom;
 254 }
 255
 256 #expert_search {
 257         width:156px;
 258         background:url('/images/expert_search_off.gif') no-repeat bottom;
 259 }
 260
 261 #acct_tabs {
 262         height:33px;
 263         width:974px;
 264         margin:auto;
 265 }
 266
 267 #acct_tabs a {
 268         float: left;
 269         display: block;
 270         height:33px;
 271         margin-right:7px;
 272 }
 273
 274 .acct-tab {
 275     background-repeat: no-repeat;
 276     background-position: bottom;
 277     width:156px;
 278 }
 279
 280 .acct-main-off {
 281         background-image:url('/images/acct_summary_off.gif');
 282 }
 283 .acct-main-on {
 284         background-image:url('/images/acct_summary_on.gif');
 285 }
 286
 287 .acct-circs-off {
 288         background-image:url('/images/acct_checked_out_off.gif');
 289 }
 290 .acct-circs-on {
 291         background-image:url('/images/acct_checked_out_on.gif');
 292 }
 293
 294 .acct-holds-off {
 295         background-image:url('/images/acct_holds_off.gif');
 296 }
 297 .acct-holds-on {
 298         background-image:url('/images/acct_holds_on.gif');
 299 }
 300
 301 .acct-prefs-off {
 302         background-image:url('/images/acct_prefs_off.gif');
 303 }
 304 .acct-prefs-on {
 305         background-image:url('/images/acct_prefs_on.gif');
 306 }
 307
 308 .acct-lists-off {
 309         background-image:url('/images/acct_lists_off.gif');
 310 }
 311 .acct-lists-on {
 312         background-image:url('/images/acct_lists_on.gif');
 313 }
 314
 315 #rdetail_header {
 316         font-size:14px;
 317         font-weight:bold;
 318         color:#074079;
 319         padding: 5px 7px 6px 0px;
 320         border-bottom: 1px dotted #ccc;
 321 }
 322
 323 #rdetail_result_count {
 324         color: black;
 325         font-size: 11px;
 326         font-weight: normal;
 327 }
 328
 329 #rdetail_result_nav {
 330         float:right;
 331         font-size: 11px;
 332         font-weight:normal;
 333 }
 334
 335 #rdetail_details_table {
 336         margin-top: 15px;
 337 }
 338
 339 #rdetail_title {
 340         font-size: 18px;
 341 }
 342
 343 #rdetail_image_cell {
 344         padding-top: 3px;
 345         padding-right: 10px;
 346 }
 347
 348 .rdetail_aux_utils {
 349         border-left:1px dotted #ccc;
 350         padding-left: 17px;
 351         padding-bottom: 6px;
 352         padding-right: 70px;
 353 }
 354
 355 .results_aux_utils {
 356         border-left:1px dotted #ccc;
 357         padding-left: 17px;
 358         padding-bottom: 6px;
 359         padding-right: 50px;
 360 }
 361
 362 #rdetails_status td, #rdetails_status2 td {
 363         white-space:nowrap !important;
 364         padding: 7px 0px 3px 13px;
 365 }
 366
 367 #rdetails_status_head td {
 368         background-color: #d8d8d8;
 369         padding: 13px 0px 13px 13px;
 370         font-size: 10px;
 371         text-transform: uppercase;
 372         font-weight: bold;
 373 }
 374
 375 #rdetails_status_head2 td {
 376         padding: 0px;
 377 }
 378
 379 .rdetail_extras {
 380         height: 29px;
 381         background: #9ad0f1;
 382         padding-top:1px;
 383         margin-bottom: 10px;
 384         margin-top: 10px;
 385         clear:both;
 386 }
 387
 388 .rdetail_extras_hr {
 389         height: 1px;
 390         background: #b7def5;
 391         margin-left: 1px;
 392         margin-right: 1px;
 393 }
 394
 395 .rdetail_extras_link {
 396         padding-top: 4px;
 397         padding-left: 12px;
 398         font-size: 10px;
 399         text-transform: uppercase;
 400         font-weight: bold;
 401 }
 402
 403 .rdetail_extras_lbl {
 404         position: relative;
 405         top: -4px;
 406         left: 7px;
 407 }
 408
 409 #paginate-homebanner a.toc {
 410         display:block;
 411         width:20px;
 412         height:20px;
 413         background:gray;
 414         float:left;
 415         margin-left:2px;
 416         margin-right:2px;
 417         margin-top:2px;
 418 }
 419
 420 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
 421         margin-left: 13px;
 422 }
 423
 424 #rdetail_locs_expand, #rdetail_locs_collapse {
 425         padding-bottom:3px;
 426         margin-top:15px;
 427         margin-left:13px;
 428 }
 429
 430 #rdetail_anotes_div .biography {
 431         margin:0;
 432 }
 433
 434 #paginate-homebanner a.selected {
 435         border: 2px solid black;
 436         margin-top:0px;
 437         margin-left:0px;
 438         margin-right:0px;
 439 }
 440
 441 #hp-buttons {
 442         margin: auto;
 443         margin-top: 6px;
 444         width: 974px;
 445 }
 446
 447 #hp-welcome {
 448         position:absolute;
 449         width:295px;
 450         height:192px;
 451         background: url('/images/banner-bg.png') no-repeat;
 452         color: #fff;
 453         padding-left: 33px;
 454         padding-top: 21px;
 455         z-index:9999999999;
 456 }
 457
 458 #hp-welcome h1 {
 459         font-size: 25px;
 460         margin-bottom:15px;
 461 }
 462
 463 #hp-welcome a {
 464         color: #fff;
 465         text-decoration: underline;
 466 }
 467
 468 #hp-banner {
 469         margin: auto;
 470         width:974px;
 471         height: 213px;
 472 }
 473
 474 #hp-ql-table {
 475         margin-left: 2px;
 476         padding-top: 3px;
 477 }
 478
 479 #hp-ql-table a {
 480         color: #333;
 481         font-weight: bold;
 482         font-size: 13px;
 483         text-transform: uppercase;
 484         text-decoration: none;
 485         display: block;
 486         width: 144px;
 487         height: 25px;
 488         padding-top: 9px;
 489         padding-left: 15px;
 490         background: url('/images/button-bg.png') no-repeat;
 491 }
 492
 493 #hp-ql-bottom {
 494         width: 640px;
 495         height: 31px;
 496         padding-left: 24px;
 497         padding-top: 13px;
 498         background: url('/images/hp-links-mid.jpg') repeat-x;
 499 }
 500
 501 #hp-ql-bottom a {
 502         display: inline-block;
 503         text-decoration: none;
 504         color: white;
 505         font-size: 15px;
 506         font-weight: bold;
 507 }
 508
 509 #hp-ql-bottom img {
 510     position:relative;
 511     top:-1px;
 512     left:2px;
 513 }
 514
 515 #content-wrapper {
 516         background: white;
 517         min-height: 260px;
 518         border-bottom: 1px solid black;
 519 }
 520
 521 #main-content {
 522     /* on devcatalog: width: 974px; margin:auto; padding-left:0px; */
 523         width: 694px;
 524         margin: auto;
 525         padding-left: 17px;
 526 }
 527
 528 #main-content .login_boxes {
 529         border: 1px solid #dedede;
 530         background:url('/images/login-bg.jpg') top repeat-x;
 531         color: #333;
 532 }
 533
 534 #main-content .login_boxes h1 {
 535         font-weight: normal;
 536         font-size: 25px;
 537         margin:0;
 538 }
 539
 540 #main-content .left_brain {
 541         padding-left:28px;
 542         padding-top:25px;
 543 }
 544
 545 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
 546         width:167px;
 547         height:18px;
 548         margin:0;
 549         padding:0;
 550         border:none;
 551         background: none;
 552         font-size: 15px;
 553         color: #666;
 554 }
 555
 556 #main-content .left_brain .input_bg {
 557         padding:10px 10px 0px 13px;
 558         background: url('/images/login-box-bg.jpg') no-repeat;
 559         width:167px;
 560         height:29px;
 561 }
 562
 563 #home-buttons-inner {
 564         width:664px;
 565         height:117px;
 566         background:#bda964;
 567 }
 568
 569 #holds_temp_parent td {
 570         border-bottom:1px solid #dcdbdb;
 571 }
 572
 573 #holds_temp_parent input, #holds_temp_parent select {
 574         margin:0;
 575 }
 576
 577
 578
 579
 580 #results_header_bar {
 581         background: #929292;
 582         border-top:1px solid #8b8b8b;
 583 }
 584
 585 #results_header_inner {
 586         height:32px;
 587         width:974px;
 588         margin:auto;
 589         padding-top:6px;
 590 }
 591
 592 .results_header_btns {
 593         float:left;
 594         margin-right: 6px;
 595 }
 596
 597 .cached_list_div { width: 111px; height: 25px; }
 598
 599 .results_header_div {
 600         float: left;
 601         width: 0px;
 602         height: 25px;
 603         border-left: 1px solid #7c7c7c;
 604         border-right: 1px solid #9c9c9c;
 605         margin: 0px 13px;
 606 }
 607
 608 .results_header_lbl {
 609         font-weight: bold;
 610         float: left;
 611         font-size: 11px;
 612         color: #191919;
 613         position: relative;
 614         top: 5px;
 615         margin-right: 6px;
 616 }
 617
 618 .results_header_sel {
 619     width: 88px;
 620         float:left;
 621         position: relative;
 622         top: 2px;
 623         margin:0;
 624 }
 625
 626 #results_header_nav1 {
 627         padding: 5px 7px 6px 0px;
 628         border-bottom: 1px dotted #ccc;
 629 }
 630
 631 #results_header_nav1 .h1 {
 632         font-size:14px;
 633         font-weight:bold;
 634         color:#074079;
 635 }
 636
 637 #start_end_links_span {
 638         font-size: 11px;
 639 }
 640
 641 #start_end_links_span2 {
 642         font-size: 11px;
 643 }
 644
 645 .nav_arrow_fix {
 646         font-size:8px;
 647         position:relative;
 648         top:-1px;
 649 }
 650
 651 #result_table_div {
 652         margin-top: 20px;
 653 }
 654
 655 #result_numbers1 {
 656         font-size: 11px;
 657         padding-left:15px;
 658 }
 659
 660 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
 661
 662
 663
 664
 665 .icon_text {
 666         text-transform:capitalize;
 667 }
 668
 669 .result_table_title_cell {
 670         padding-left: 7px;
 671 }
 672
 673 #myopac_summary_div p {
 674         margin:0;
 675         margin-bottom: 10px;
 676 }
 677
 678 #acct_sum_checked_table td {
 679         padding-bottom:5px;
 680 }
 681
 682 #zero_search_hits p {
 683         margin-top:0;
 684 }
 685
 686 #zero_hits_term {
 687         text-transform: uppercase;
 688 }
 689
 690 #zero_search_hits #spell_check_link {
 691         text-transform: uppercase;
 692 }
 693
 694 #zero_search_hits #zero_hits_suggestions {
 695         text-transform: uppercase;
 696 }
 697
 698 .results_info_table td {
 699         padding-right: 10px;
 700 }
 701
 702 #myopac_holds_main_table {
 703         border-collapse: collapse;
 704 }
 705
 706 #myopac_holds_main_table td {
 707         border: 1px solid black;
 708
 709 }
 710
 711 #myopac_prefs_div .data_grid {
 712         border-collapse:collapse;
 713 }
 714
 715 #myopac_prefs_div .data_grid td {
 716         background:#f0f0f0;
 717         border-bottom:3px solid white;
 718         padding:6px 0px 7px 17px;
 719 }
 720
 721 .header_middle {
 722         height:22px;
 723         font-size:14px;
 724         font-weight:bold;
 725         color:#074079;
 726         padding: 0px 7px 0px 0px;
 727         border-bottom: 1px dotted #ccc;
 728 }
 729
 730 .header_middle a {
 731         font-size: 12px;
 732         font-weight: normal;
 733 }
 734
 735 .acct_sum_row {
 736         padding: 7px 15px;
 737         width: 712px;
 738         background: #f0f0f0;
 739         margin-bottom: 2px;
 740         font-size: 10px;
 741         font-weight: bold;
 742         text-transform: uppercase;
 743 }
 744
 745 .acct_sum_row a {
 746         text-transform: none;
 747         font-size: 12px;
 748         position:relative;
 749         top:-1px;
 750 }
 751
 752 .acct_sum_row .view_link {
 753         font-weight: normal;
 754         font-size:12px;
 755 }
 756
 757 #myopac_sum_fines {
 758         float:right;
 759         padding: 15px 0px 0px 23px;
 760         background: #f0f0f0;
 761         width: 177px;
 762         height: 166px;
 763 }
 764
 765 .acct_holds_temp td {
 766         text-align: left;
 767 }
 768
 769 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 770         float:left;
 771         /*padding-left:10px;*/
 772 }
 773
 774 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
 775         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
 776 }
 777
 778 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
 779         font-weight:bold;
 780         text-transform:uppercase;
 781         font-size: 10px;
 782 }
 783
 784 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
 785         background: #d8d8d8;
 786         padding: 8px 0px 7px 0px;
 787 }
 788
 789 #acct_list_header select, #acct_list_header_anon select {
 790         font-weight:normal;
 791         text-transform:none;
 792 }
 793
 794 #acct_holds_activates_table label {
 795         font-weight: bold;
 796         font-size: 11px;
 797         text-transform:uppercase;
 798         padding-right: 5px;
 799 }
 800
 801 .adv_search_font {
 802         font-size: 10px;
 803 }
 804
 805 .search_catalog_lbl {
 806         font-size: 14px;
 807 }
 808
 809 .lbl1 {
 810         font-size:14px;
 811         font-weight:bold;
 812 }
 813
 814 .lbl2 {
 815         font-size:10px;
 816         font-weight:normal;
 817         position:relative;
 818         top:3px;
 819 }
 820
 821 #myopac_tabs, #adv_search_parent {
 822         background: #929292;
 823         border-top:1px solid #8b8b8b;
 824         padding-top:5px;
 825         margin-bottom:20px;
 826 }
 827
 828 #adv_search_parent {
 829         margin-bottom:0px;
 830 }
 831
 832 #myopac_loading {
 833         width:100%;
 834         text-align:center;
 835         padding-top:20px;
 836         font-size:16px;
 837         font-weight:bold;
 838 }
 839
 840 .chili_link {
 841         width:100px !important;
 842         text-align: center !important;
 843 }
 844
 845 .chili_review div.chili_link div {
 846         margin: auto;
 847 }
 848
 849 /* some facet styling */
 850 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
 851 .facetClassLabelContainer { border: 1px solid #CCC; }
 852 .facetClassLabel { font-weight: bold; text-align: center; }
 853 .facetFieldContainer {  }
 854 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
 855 .extraFacetFieldsWrapper { }
 856 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
 857 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
 858 .facetField { border-top: 1px solid #CCC; }
 859 .facetFields { padding-left: 5px; }
 860 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
 861
 862 #footer {
 863         padding-top:5px;
 864         padding-bottom: 10px;
 865         color: white;
 866         margin: auto;
 867         width: 974px;
 868         color: #afafaf;
 869         font-size: 11px;
 870 }
 871
 872 #footer a {
 873         color: white;
 874         color: #afafaf;
 875 }
 876
 877 .color_4 {
 878         text-transform: uppercase;
 879         font-weight: bold;
 880         font-size: 10px;
 881 }
 882
 883 .advanced_div { padding-top: 15px; }
 884 #adv_global_search select { width: 13em; }
 885 #adv_global_input_table select { width: 7em; }
 886 .adv_adv_link { font-size: 8pt; color: red; }
 887 #acct_prefs_header { float: left; }
 888 #limit_to_available {
 889     float: left; position: relative; top: 2px;
 890     left: -2px; margin-right: 4px;
 891 }
 892 #rdetail_copy_info_table { font-size: 8pt; }
 893 #rdetail_copy_info_table td { padding: 3px; }
 894 .search_page_nav_link { cursor: pointer; }