opac/skin/css_alt/css/style.css

   1 @charset "utf-8";\r
   2 /* CSS Document */\r
   3 \r
   4 /*\r
   5 @import '/js/dojo/dijit/themes/tundra/tundra.css';\r
   6 */\r
   7 \r
   8 body {\r
   9         margin:0;\r
  10         font-family: Arial, Helvetica, sans-serif;\r
  11         font-size: 12px;\r
  12         background:#333;\r
  13 }\r
  14 \r
  15 img {\r
  16         border: none;\r
  17 }\r
  18 \r
  19 a {\r
  20         color: #003399;\r
  21         text-decoration: none;\r
  22 }\r
  23 \r
  24 a:hover {\r
  25         text-decoration: underline;\r
  26 }\r
  27 \r
  28 #search-wrapper input[type=text] {\r
  29         border:none;\r
  30         margin:0;\r
  31         padding:0;\r
  32 }\r
  33 \r
  34 #search-wrapper select {\r
  35         border:1px solid #e9ebf3;\r
  36         margin:0;\r
  37         padding:0;\r
  38         width:168px;\r
  39 }\r
  40 \r
  41 /*\r
  42 #search-wrapper select {\r
  43         border:0px solid black;\r
  44         filter:alpha(opacity=0);\r
  45         -moz-opacity:0;\r
  46         -khtml-opacity:0;\r
  47         opacity:0;\r
  48         padding:0;\r
  49         margin:0;\r
  50         height:18px;\r
  51         font-size: 12px;\r
  52 }\r
  53 \r
  54 select[multiple=multiple] {\r
  55         border: 1px inset #ccc;\r
  56         filter:alpha(opacity=100);\r
  57         -moz-opacity:1;\r
  58         -khtml-opacity:1;\r
  59         opacity:1;\r
  60         height:inherit;\r
  61 }\r
  62 */\r
  63 h1 {\r
  64         margin:0;\r
  65         margin-bottom: 5px;\r
  66         font-size: 20px;\r
  67         font-weight:normal;\r
  68 }\r
  69 \r
  70 h2 {\r
  71         margin:0;\r
  72         margin-bottom: 5px;\r
  73         font-size: 14px;\r
  74         font-weight:bold;\r
  75 }\r
  76 \r
  77 .hide_me {\r
  78         display: none;\r
  79         visibility: hidden;\r
  80 }\r
  81 \r
  82 div.select-box-wrapper {\r
  83         position:absolute;\r
  84         padding-top:2px;\r
  85         padding-left:3px;\r
  86         overflow:hidden;\r
  87         text-align:left;\r
  88 }\r
  89 \r
  90 div.select-wrapper {\r
  91         border:1px solid #4C8AB0;\r
  92         display:inline-block;\r
  93         position:relative;\r
  94         z-index:2;\r
  95         background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center;\r
  96 }\r
  97 \r
  98 div.select-wrapper:hover {\r
  99         background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center;\r
 100 }\r
 101 \r
 102 #header {\r
 103         color: #bda964;\r
 104         font-weight:bold;\r
 105         padding: 12px 0px 12px 17px;\r
 106         width: 694px;\r
 107         margin: auto;\r
 108 }\r
 109 \r
 110 #header a {\r
 111         color: #bda964;\r
 112 }\r
 113 \r
 114 #header a:hover {\r
 115         color: white;\r
 116         text-decoration: none;\r
 117 }\r
 118 \r
 119 #header-links {\r
 120         color: #bda964;\r
 121         font-size: 11px;\r
 122         font-weight: bold;\r
 123         position: relative;\r
 124         top:4px;\r
 125         \r
 126 }\r
 127 \r
 128 #header-links a {\r
 129         color: #bda964;\r
 130 }\r
 131 \r
 132 #header-links a:hover {\r
 133         color: white;\r
 134         text-decoration: none;\r
 135 }\r
 136 \r
 137 #header #header-links2 {\r
 138         position:relative;\r
 139         top:-8px;\r
 140         color: white;\r
 141         padding-bottom: 15px;\r
 142 }\r
 143 \r
 144 #header #header-links2 a {\r
 145         color: white;\r
 146 }\r
 147 \r
 148 #header #header-links2 a:hover {\r
 149         text-decoration: underline;\r
 150 }\r
 151 \r
 152 #header #your-acct-login {\r
 153         padding-top:16px;\r
 154 }\r
 155 \r
 156 #search-wrapper {\r
 157         border-bottom: 1px solid #e9ebf3;\r
 158         padding-bottom: 5px;\r
 159         background: white;\r
 160 }\r
 161 \r
 162 #search_box_wrapper {\r
 163         border:1px solid #e9ebf3;\r
 164         padding: 1px;\r
 165         padding-left:3px;\r
 166 }\r
 167 \r
 168 #search-wrapper #quick-links {\r
 169         height:54px;\r
 170         width:208px;\r
 171         background:#E8E8E8;\r
 172         border:1px solid black;\r
 173         font-size: 10px;\r
 174         padding-left: 4px;\r
 175         padding-top: 1px;\r
 176 }\r
 177 \r
 178 #search-wrapper #quick-links a {\r
 179         color: #003366;\r
 180 }\r
 181 \r
 182 #search-wrapper #breadcrumb {\r
 183         margin-top:0px;\r
 184         font-size: 10px;\r
 185         float:left;\r
 186 }\r
 187 \r
 188 #search-wrapper #search-within {\r
 189         margin-top:10px;\r
 190         float:right;\r
 191         position:relative;\r
 192         left:-173px;\r
 193 }\r
 194 \r
 195 #search-wrapper #breadcrumb a {\r
 196         color: black;\r
 197 }\r
 198 \r
 199 #search-wrapper #search_frm label {\r
 200         font-size: 10px;\r
 201 }\r
 202 \r
 203 #search-wrapper #search-box {\r
 204         width:694px;\r
 205         margin:auto;\r
 206         padding-left: 17px;\r
 207 }\r
 208 \r
 209 #utils {\r
 210         float:right;\r
 211         z-index:1;\r
 212         width:150px;\r
 213         height:27px;\r
 214         background:#7E7E7E url('/opac/skin/kcls/graphics/utils-corner.jpg') no-repeat left top;\r
 215         padding-left: 10px;\r
 216         color: white;\r
 217         position:relative;\r
 218 }\r
 219 \r
 220 #utils a {\r
 221         color: white;\r
 222         font-size: 10px;\r
 223 }\r
 224 \r
 225 #adv_search_tabs {\r
 226         height:40px;\r
 227 }\r
 228 \r
 229 #adv_search_tabs a {\r
 230         float: left;\r
 231         display: block;\r
 232         height:40px;\r
 233 }\r
 234 \r
 235 #adv_search {\r
 236         width:122px;\r
 237         margin-left:1px;\r
 238         background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;\r
 239 }\r
 240 \r
 241 #num_search {\r
 242         width:114px;\r
 243         margin-left:2px;\r
 244         background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;\r
 245 }\r
 246 \r
 247 #expert_search {\r
 248         width:105px;\r
 249         margin-left:2px;\r
 250         background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;\r
 251 }\r
 252 \r
 253 #acct_tabs {\r
 254         height:40px;\r
 255 }\r
 256 \r
 257 #acct_tabs a {\r
 258         float: left;\r
 259         display: block;\r
 260         height:40px;\r
 261         margin-right:2px;\r
 262 }\r
 263 \r
 264 #acct_summary {\r
 265         width:127px;\r
 266         background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;\r
 267 }\r
 268 \r
 269 #acct_checked_out {\r
 270         width:127px;\r
 271         background:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif') no-repeat bottom;\r
 272 }\r
 273 \r
 274 #acct_holds {\r
 275         width:58px;\r
 276         background:url('/opac/skin/kcls/graphics/acct_holds_off.gif') no-repeat bottom;\r
 277 }\r
 278 \r
 279 #acct_prefs {\r
 280         width:101px;\r
 281         background:url('/opac/skin/kcls/graphics/acct_prefs_off.gif') no-repeat bottom;\r
 282 }\r
 283 \r
 284 #acct_favs {\r
 285         width:142px;\r
 286         background:url('/opac/skin/kcls/graphics/acct_favs_off.gif') no-repeat bottom;\r
 287 }\r
 288 \r
 289 #acct_lists {\r
 290         width:74px;\r
 291         background:url('/opac/skin/kcls/graphics/acct_lists_off.gif') no-repeat bottom;\r
 292 }\r
 293 \r
 294 #rdetails_status td, #rdetails_status2 td {\r
 295         padding:3px;\r
 296 }\r
 297 \r
 298 #rdetails_status #rdetails_status_head td, #rdetails_status2 #rdetails_status_head2 td {\r
 299         background: #4C8AB0;\r
 300         color: white;\r
 301         font-weight: bold;\r
 302 }\r
 303 \r
 304 #hp-buttons {\r
 305         margin: auto;\r
 306         margin-top: 6px;\r
 307         width: 676px;\r
 308 }\r
 309 \r
 310 #hp-banner {\r
 311         margin: auto;\r
 312         width:676px;\r
 313 }\r
 314 \r
 315 #hp-ql-table {\r
 316         margin-left: 2px;\r
 317         padding-top: 3px;\r
 318 }\r
 319 \r
 320 #hp-ql-table a {\r
 321         color: #333;\r
 322         font-weight: bold;\r
 323         font-size: 13px;\r
 324         text-transform: uppercase;\r
 325         text-decoration: none;\r
 326         display: block;\r
 327         width: 144px;\r
 328         height: 25px;\r
 329         padding-top: 9px;\r
 330         padding-left: 15px;\r
 331         background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat;\r
 332 }\r
 333 \r
 334 #hp-ql-bottom {\r
 335         width: 640px;\r
 336         height: 31px;\r
 337         padding-left: 24px;\r
 338         padding-top: 13px;\r
 339         background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x;\r
 340 }\r
 341 \r
 342 #hp-ql-bottom a {\r
 343         display: inline-block;\r
 344         text-decoration: none;\r
 345         color: white;\r
 346         font-size: 15px;\r
 347         font-weight: bold;\r
 348 }\r
 349 \r
 350 #content-wrapper {\r
 351         background: white;\r
 352         min-height: 260px;\r
 353         border-bottom: 1px solid black;\r
 354 }\r
 355 \r
 356 #main-content {\r
 357         width: 694px;\r
 358         margin:auto;\r
 359         padding-left:17px;\r
 360 }\r
 361 \r
 362 #main-content .login_boxes {\r
 363         border: 1px solid #dedede;\r
 364         background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x;\r
 365         color: #333;\r
 366 }\r
 367 \r
 368 #main-content .login_boxes h1 {\r
 369         font-weight: normal;\r
 370         font-size: 25px;\r
 371         margin:0;\r
 372 }\r
 373 \r
 374 #main-content .left_brain {\r
 375         padding-left:28px;\r
 376         padding-top:25px;\r
 377 }\r
 378 \r
 379 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {\r
 380         width:167px;\r
 381         height:18px;\r
 382         margin:0;\r
 383         padding:0;\r
 384         border:none;\r
 385         background: none;\r
 386         font-size: 15px;\r
 387         color: #666;\r
 388 }\r
 389 \r
 390 #main-content .left_brain .input_bg {\r
 391         padding:10px 10px 0px 13px;\r
 392         background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat;\r
 393         width:167px;\r
 394         height:29px;\r
 395 }\r
 396 \r
 397 #results_table td {\r
 398         border: 0px solid red;\r
 399 }\r
 400 \r
 401 .icon_text {\r
 402         text-transform:capitalize;\r
 403 }\r
 404 \r
 405 .result_table_title_cell {\r
 406         padding-left: 7px;\r
 407 }\r
 408 \r
 409 #myopac_summary_div p {\r
 410         margin:0;\r
 411         margin-bottom: 10px;\r
 412 }\r
 413 \r
 414 #acct_sum_checked_table td {\r
 415         padding-bottom:5px;\r
 416 }\r
 417 \r
 418 #zero_search_hits p {\r
 419         margin-top:0;\r
 420 }\r
 421 \r
 422 #zero_hits_term {\r
 423         text-transform: uppercase;\r
 424 }\r
 425 \r
 426 #zero_search_hits #spell_check_link {\r
 427         text-transform: uppercase;\r
 428 }\r
 429 \r
 430 #zero_search_hits #zero_hits_suggestions {\r
 431         text-transform: uppercase;\r
 432 }\r
 433 \r
 434 .results_info_table td {\r
 435         padding-right: 10px;\r
 436 }\r
 437 \r
 438 #rdetails_status td {\r
 439         white-space:nowrap !important;\r
 440 }\r
 441 \r
 442 #myopac_holds_main_table {\r
 443         border-collapse: collapse;\r
 444 }\r
 445 \r
 446 #myopac_holds_main_table td {\r
 447         border: 1px solid black;\r
 448         \r
 449 }\r
 450 \r
 451 #myopac_prefs_div .data_grid {\r
 452         border-collapse:collapse;\r
 453 }\r
 454 \r
 455 #myopac_prefs_div .data_grid td {\r
 456         background:#f0f0f0;\r
 457         border-bottom:1px solid white;\r
 458         padding:4px 0px 5px 7px;\r
 459 }\r
 460 \r
 461 .header_left {\r
 462         float:left;\r
 463         width:5px;\r
 464         height:28px;\r
 465         background:url('/opac/skin/kcls/graphics/header_left.gif') no-repeat;\r
 466 }\r
 467 \r
 468 .header_right {\r
 469         float:right;\r
 470         width:5px;\r
 471         height:28px;\r
 472         background:url('/opac/skin/kcls/graphics/header_right.gif') no-repeat;\r
 473 }\r
 474 \r
 475 .header_middle {\r
 476         float:left;\r
 477         width:638px;\r
 478         height:22px;\r
 479         background:#0f3f6f;\r
 480         font-size:14px;\r
 481         font-weight:bold;\r
 482         color:white;\r
 483         padding: 6px 7px 0px 7px;\r
 484 }\r
 485 \r
 486 .header_middle a {\r
 487         color: white;\r
 488         font-size: 12px;\r
 489         font-weight: normal;\r
 490 }\r
 491 \r
 492 .acct_sum_row {\r
 493         padding: 5px 15px;\r
 494         width: 423px;\r
 495         background: #f0f0f0;\r
 496         margin-bottom: 1px;\r
 497         font-size: 10px;\r
 498         font-weight: bold;\r
 499         text-transform: uppercase;\r
 500 }\r
 501 \r
 502 .acct_sum_row a {\r
 503         text-transform: none;\r
 504         font-size: 12px;\r
 505         position:relative;\r
 506         top:-1px;\r
 507 }\r
 508 \r
 509 .acct_sum_row .view_link {\r
 510         font-weight: normal;\r
 511         font-size:12px;\r
 512 }\r
 513 \r
 514 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {\r
 515         float:left;\r
 516         padding-left:10px;\r
 517 }\r
 518 \r
 519 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {\r
 520         background:url('/opac/skin/kcls/graphics/gray-arrow.png') left 3px no-repeat;\r
 521 }\r
 522 \r
 523 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {\r
 524         width:662px;\r
 525         font-weight:bold;\r
 526         text-transform:uppercase;\r
 527         font-size: 10px;\r
 528 }\r
 529 \r
 530 #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 {\r
 531         background: #d8d8d8;\r
 532         padding: 11px 0px 10px 0px;\r
 533 }\r
 534 \r
 535 #acct_list_header select, #acct_list_header_anon select {\r
 536         font-weight:normal;\r
 537         text-transform:none;\r
 538 }\r
 539 \r
 540 #acct_holds_activates_table label {\r
 541         font-weight: bold;\r
 542         font-size: 11px;\r
 543         text-transform:uppercase;\r
 544         padding-right: 5px;\r
 545 }\r
 546 \r
 547 .adv_search_font {\r
 548         font-size: 10px;\r
 549 }\r
 550 \r
 551 .search_catalog_lbl {\r
 552         font-size: 14px;\r
 553 }\r
 554 \r
 555 .lbl1 {\r
 556         font-size:14px;\r
 557         font-weight:bold;\r
 558 }\r
 559 \r
 560 .lbl2 {\r
 561         font-size:10px;\r
 562         font-weight:normal;\r
 563         position:relative;\r
 564         top:3px;\r
 565 }\r
 566 \r
 567 #myopac_loading {\r
 568         width:100%;\r
 569         text-align:center;\r
 570         padding-top:20px;\r
 571         font-size:16px;\r
 572         font-weight:bold;\r
 573 }\r
 574 \r
 575 .chili_link {\r
 576         width:100px !important;\r
 577         text-align: center !important;\r
 578 }\r
 579 \r
 580 .chili_review div.chili_link div {\r
 581         margin: auto;\r
 582 }\r
 583 \r
 584 /* some facet styling */\r
 585 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }\r
 586 .facetClassLabelContainer { border: 1px solid #CCC; }\r
 587 .facetClassLabel { font-weight: bold; text-align: center; }\r
 588 .facetFieldContainer {  }\r
 589 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }\r
 590 .extraFacetFieldsWrapper { }\r
 591 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }\r
 592 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }\r
 593 .facetField { border-top: 1px solid #CCC; }\r
 594 .facetFields { padding-left: 5px; }\r
 595 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }\r
 596 \r
 597 #footer {\r
 598         padding-top:5px;\r
 599         padding-bottom: 10px;\r
 600         color: white;\r
 601         margin: auto;\r
 602         width: 694px;\r
 603         padding-left: 17px;\r
 604 }\r
 605 \r
 606 #footer a {\r
 607         color: white;\r
 608 }\r