opac/skin/login1/css/style.css

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