Initial dev repository
[kcls-web.git] / opac / skin / kcls / css / style.css
diff --git a/opac/skin/kcls/css/style.css b/opac/skin/kcls/css/style.css
new file mode 100644 (file)
index 0000000..e462dec
--- /dev/null
@@ -0,0 +1,848 @@
+@charset "utf-8";\r
+/* CSS Document */\r
+\r
+@import '/js/dojo/dijit/themes/tundra/tundra.css';\r
+\r
+body {\r
+       margin:0;\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       background:#333;\r
+}\r
+\r
+img {\r
+       border: none;\r
+}\r
+\r
+a {\r
+       color: #003399;\r
+       text-decoration: none;\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#search-wrapper input[type=text] {\r
+       border:none;\r
+       margin:0;\r
+       padding:0;\r
+}\r
+\r
+#search-wrapper select {\r
+       border:1px solid #e9ebf3;\r
+       margin:0;\r
+       padding:0;\r
+       width:168px;\r
+}\r
+\r
+/*\r
+#search-wrapper select {\r
+       border:0px solid black;\r
+       filter:alpha(opacity=0);\r
+       -moz-opacity:0;\r
+       -khtml-opacity:0;\r
+       opacity:0;\r
+       padding:0;\r
+       margin:0;\r
+       height:18px;\r
+       font-size: 12px;\r
+}\r
+*/\r
+h1 {\r
+       margin:0;\r
+       margin-bottom: 5px;\r
+       font-size: 20px;\r
+       font-weight:normal;\r
+}\r
+\r
+h2 {\r
+       margin:0;\r
+       margin-bottom: 5px;\r
+       font-size: 14px;\r
+       font-weight:bold;\r
+}\r
+\r
+.hide_me {\r
+       display: none;\r
+       visibility: hidden;\r
+}\r
+\r
+div.select-box-wrapper {\r
+       position:absolute;\r
+       padding-top:2px;\r
+       padding-left:3px;\r
+       overflow:hidden;\r
+       text-align:left;\r
+}\r
+\r
+div.select-wrapper {\r
+       border:1px solid #4C8AB0;\r
+       display:inline-block;\r
+       position:relative;\r
+       z-index:2;\r
+       background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center;\r
+}\r
+\r
+div.select-wrapper:hover {\r
+       background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center;\r
+}\r
+\r
+#dash_wrapper {\r
+       width:500px;\r
+       position:relative;\r
+       top:-26px;\r
+}\r
+\r
+#dashboard {\r
+       clear:both;\r
+       float:right;\r
+       width:384px;\r
+}\r
+\r
+#dashboard span {\r
+       font-weight:bold;\r
+       position:relative;\r
+       left:-1px;\r
+}\r
+\r
+#dash_user {\r
+       font-weight:bold;\r
+       text-transform:capitalize;\r
+}\r
+\r
+#header {\r
+       color: #fff;\r
+       padding: 26px 0px 26px 0px;\r
+       width: 974px;\r
+       margin: auto;\r
+       font-size:11px;\r
+}\r
+\r
+#header a {\r
+       color: #fff;\r
+}\r
+\r
+#header a:hover {\r
+       color: white;\r
+       text-decoration: none;\r
+}\r
+\r
+#header-links {\r
+       color: #afafaf;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       position: relative;\r
+       top:4px;\r
+       \r
+}\r
+\r
+#header-links a {\r
+       color: #afafaf;\r
+       display: block;\r
+       float:left;\r
+       margin-right:22px;\r
+}\r
+\r
+#header-links a:hover {\r
+       color: white;\r
+       text-decoration: none;\r
+}\r
+\r
+#header #header-links2 {\r
+       position:relative;\r
+       top:-8px;\r
+       color: white;\r
+       padding-bottom: 15px;\r
+}\r
+\r
+#header #header-links2 a {\r
+       color: white;\r
+}\r
+\r
+#header #header-links2 a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#header #your-acct-login {\r
+       padding-top:10px;\r
+}\r
+\r
+#gold-links {\r
+       margin:auto;\r
+       width:974px;\r
+       padding-left:0px;\r
+}\r
+\r
+#util-bar {\r
+       margin:auto;\r
+       width:974px;\r
+       padding-left:0px;\r
+       height:0px;\r
+}\r
+\r
+#search-wrapper {\r
+       border-bottom: 1px solid #e9ebf3;\r
+       padding-bottom: 5px;\r
+       background: white;\r
+}\r
+\r
+#search_box_wrapper {\r
+       border:1px solid #e9ebf3;\r
+       padding: 1px;\r
+       padding-left:3px;\r
+}\r
+\r
+#search-wrapper #breadcrumb {\r
+       margin-top:0px;\r
+       font-size: 10px;\r
+       float:left;\r
+}\r
+\r
+#search-wrapper #search-within {\r
+       margin-top:10px;\r
+       float:right;\r
+       position:relative;\r
+       left:-173px;\r
+}\r
+\r
+#search-wrapper #breadcrumb a {\r
+       color: black;\r
+}\r
+\r
+#search-wrapper #search_frm label {\r
+       font-size: 10px;\r
+}\r
+\r
+#search-wrapper #search-box {\r
+       width:974px;\r
+       margin:auto;\r
+       padding-left: 0px;\r
+}\r
+\r
+#utils {\r
+       float:right;\r
+       z-index:1;\r
+       width:150px;\r
+       height:30px;\r
+       background:url('/opac/skin/kcls/graphics/utils-corner-left.png') no-repeat left top;\r
+       padding-left: 3px;\r
+       color: white;\r
+       position:relative;\r
+}\r
+\r
+#utils a {\r
+       color: white;\r
+       font-size: 10px;\r
+}\r
+#adv_search_tabs {\r
+       height:33px;\r
+       width:974px;\r
+       margin:auto;\r
+}\r
+\r
+#adv_search_tabs a {\r
+       float: left;\r
+       display: block;\r
+       height:33px;\r
+       margin-right:7px;\r
+}\r
+\r
+#adv_search {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;\r
+}\r
+\r
+#num_search {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;\r
+}\r
+\r
+#expert_search {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_tabs {\r
+       height:33px;\r
+       width:974px;\r
+       margin:auto;\r
+}\r
+\r
+#acct_tabs a {\r
+       float: left;\r
+       display: block;\r
+       height:33px;\r
+       margin-right:7px;\r
+}\r
+\r
+#acct_summary {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_checked_out {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_holds {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_holds_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_prefs {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_prefs_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_favs {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_favs_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_lists {\r
+       width:156px;\r
+       background:url('/opac/skin/kcls/graphics/acct_lists_off.gif') no-repeat bottom;\r
+}\r
+\r
+#rdetail_header {\r
+       font-size:14px;\r
+       font-weight:bold;\r
+       color:#074079;\r
+       padding: 5px 7px 6px 0px;\r
+       border-bottom: 1px dotted #ccc;\r
+}\r
+\r
+#rdetail_result_count {\r
+       color: black;\r
+       font-size: 11px;\r
+       font-weight: normal;\r
+}\r
+\r
+#rdetail_result_nav {\r
+       float:right;\r
+       font-size: 11px;\r
+       font-weight:normal;\r
+}\r
+\r
+#rdetail_details_table {\r
+       margin-top: 15px;\r
+}\r
+\r
+#rdetail_title {\r
+       font-size: 18px;\r
+}\r
+\r
+#rdetail_image_cell {\r
+       padding-top: 3px;\r
+       padding-right: 10px;\r
+}\r
+\r
+.rdetail_aux_utils {\r
+       border-left:1px dotted #ccc;\r
+       padding-left: 17px;\r
+       padding-bottom: 6px;\r
+       padding-right: 70px;\r
+}\r
+\r
+.results_aux_utils {\r
+       border-left:1px dotted #ccc;\r
+       padding-left: 17px;\r
+       padding-bottom: 6px;\r
+       padding-right: 50px;\r
+}\r
+\r
+#rdetails_status {\r
+       font-size: 10px;\r
+       text-transform: uppercase;\r
+       font-weight: bold;\r
+}\r
+\r
+#rdetails_status_head td {\r
+       background-color: #d8d8d8;\r
+       padding: 13px 0px 13px 13px;\r
+}\r
+\r
+.rdetail_extras {\r
+       height: 29px;\r
+       background: #9ad0f1;\r
+       padding-top:1px;\r
+       margin-bottom: 10px;\r
+       margin-top: 10px;\r
+}\r
+\r
+.rdetail_extras_hr {\r
+       height: 1px;\r
+       background: #b7def5;\r
+       margin-left: 1px;\r
+       margin-right: 1px;\r
+}\r
+\r
+.rdetail_extras_link {\r
+       padding-top: 4px;\r
+       padding-left: 12px;\r
+       font-size: 10px;\r
+       text-transform: uppercase;\r
+       font-weight: bold;\r
+}\r
+\r
+.rdetail_extras_lbl {\r
+       position: relative;\r
+       top: -4px;\r
+       left: 7px;\r
+}\r
+\r
+#paginate-homebanner a.toc {\r
+       display:block;\r
+       width:20px;\r
+       height:20px;\r
+       background:gray;\r
+       float:left;\r
+       margin-left:2px;\r
+       margin-right:2px;\r
+       margin-top:2px;\r
+}\r
+\r
+#paginate-homebanner a.selected {\r
+       border: 2px solid black;\r
+       margin-top:0px;\r
+       margin-left:0px;\r
+       margin-right:0px;\r
+}\r
+\r
+#hp-buttons {\r
+       margin: auto;\r
+       margin-top: 6px;\r
+       width: 974px;\r
+}\r
+\r
+#hp-welcome {\r
+       position:absolute;\r
+       width:295px;\r
+       height:192px;\r
+       background: url('/opac/skin/kcls/graphics/banner-bg.png') no-repeat;\r
+       color: #fff;\r
+       padding-left: 33px;\r
+       padding-top: 21px;\r
+       z-index:9999999999;\r
+}\r
+\r
+#hp-welcome h1 {\r
+       font-size: 25px;\r
+       margin-bottom:15px;\r
+}\r
+\r
+#hp-welcome a {\r
+       color: #fff;\r
+       text-decoration: underline;\r
+}\r
+\r
+#hp-banner {\r
+       margin: auto;\r
+       width:974px;\r
+       height: 213px;\r
+}\r
+\r
+#hp-ql-table {\r
+       margin-left: 2px;\r
+       padding-top: 3px;\r
+}\r
+\r
+#hp-ql-table a {\r
+       color: #333;\r
+       font-weight: bold;\r
+       font-size: 13px;\r
+       text-transform: uppercase;\r
+       text-decoration: none;\r
+       display: block;\r
+       width: 144px;\r
+       height: 25px;\r
+       padding-top: 9px;\r
+       padding-left: 15px;\r
+       background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat;\r
+}\r
+\r
+#hp-ql-bottom {\r
+       width: 640px;\r
+       height: 31px;\r
+       padding-left: 24px;\r
+       padding-top: 13px;\r
+       background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x;\r
+}\r
+\r
+#hp-ql-bottom a {\r
+       display: inline-block;\r
+       text-decoration: none;\r
+       color: white;\r
+       font-size: 15px;\r
+       font-weight: bold;\r
+}\r
+\r
+#content-wrapper {\r
+       background: white;\r
+       min-height: 260px;\r
+       border-bottom: 1px solid black;\r
+}\r
+\r
+#main-content {\r
+       width: 974px;\r
+       margin:auto;\r
+       padding-left:0px;\r
+}\r
+\r
+#main-content .login_boxes {\r
+       border: 1px solid #dedede;\r
+       background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x;\r
+       color: #333;\r
+}\r
+\r
+#main-content .login_boxes h1 {\r
+       font-weight: normal;\r
+       font-size: 25px;\r
+       margin:0;\r
+}\r
+\r
+#main-content .left_brain {\r
+       padding-left:28px;\r
+       padding-top:25px;\r
+}\r
+\r
+#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {\r
+       width:167px;\r
+       height:18px;\r
+       margin:0;\r
+       padding:0;\r
+       border:none;\r
+       background: none;\r
+       font-size: 15px;\r
+       color: #666;\r
+}\r
+\r
+#main-content .left_brain .input_bg {\r
+       padding:10px 10px 0px 13px;\r
+       background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat;\r
+       width:167px;\r
+       height:29px;\r
+}\r
+\r
+#home-buttons-inner {\r
+       width:664px;\r
+       height:117px;\r
+       background:#bda964;\r
+}\r
+\r
+#holds_temp_parent td {\r
+       border-bottom:1px solid #dcdbdb;\r
+}\r
+\r
+#holds_temp_parent input, #holds_temp_parent select {\r
+       margin:0;\r
+}\r
+\r
+\r
+\r
+\r
+#results_header_bar {\r
+       background: #929292;\r
+       border-top:1px solid #8b8b8b;\r
+}\r
+\r
+#results_header_inner {\r
+       height:32px;\r
+       width:974px;\r
+       margin:auto;\r
+       padding-top:6px;\r
+}\r
+\r
+.results_header_btns {\r
+       float:left;\r
+       margin-right: 6px;\r
+}\r
+\r
+.results_header_div {\r
+       float: left;\r
+       width: 0px;\r
+       height: 25px;\r
+       border-left: 1px solid #7c7c7c;\r
+       border-right: 1px solid #9c9c9c;\r
+       margin: 0px 13px;\r
+}\r
+\r
+.results_header_lbl {\r
+       font-weight: bold;\r
+       float: left;\r
+       font-size: 11px;\r
+       color: #191919;\r
+       position: relative;\r
+       top: 5px;\r
+       margin-right: 6px;\r
+}\r
+\r
+.results_header_sel {\r
+       float:left;\r
+       position: relative;\r
+       top: 2px;\r
+       margin:0;\r
+}\r
+\r
+#results_header_nav1 {\r
+       padding: 5px 7px 6px 0px;\r
+       border-bottom: 1px dotted #ccc;\r
+}\r
+\r
+#results_header_nav1 .h1 {\r
+       font-size:14px;\r
+       font-weight:bold;\r
+       color:#074079;\r
+}\r
+\r
+#start_end_links_span {\r
+       font-size: 11px;\r
+}\r
+\r
+#start_end_links_span2 {\r
+       font-size: 11px;\r
+}\r
+\r
+.nav_arrow_fix {\r
+       font-size:8px;\r
+       position:relative;\r
+       top:-1px;\r
+}\r
+\r
+#result_table_div {\r
+       margin-top: 20px;\r
+}\r
+\r
+#result_numbers1 {\r
+       font-size: 11px;\r
+       padding-left:15px;\r
+}\r
+\r
+\r
+\r
+\r
+\r
+\r
+.icon_text {\r
+       text-transform:capitalize;\r
+}\r
+\r
+.result_table_title_cell {\r
+       padding-left: 7px;\r
+}\r
+\r
+#myopac_summary_div p {\r
+       margin:0;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#acct_sum_checked_table td {\r
+       padding-bottom:5px;\r
+}\r
+\r
+#zero_search_hits p {\r
+       margin-top:0;\r
+}\r
+\r
+#zero_hits_term {\r
+       text-transform: uppercase;\r
+}\r
+\r
+#zero_search_hits #spell_check_link {\r
+       text-transform: uppercase;\r
+}\r
+\r
+#zero_search_hits #zero_hits_suggestions {\r
+       text-transform: uppercase;\r
+}\r
+\r
+.results_info_table td {\r
+       padding-right: 10px;\r
+}\r
+\r
+#rdetails_status td {\r
+       white-space:nowrap !important;\r
+}\r
+\r
+#myopac_holds_main_table {\r
+       border-collapse: collapse;\r
+}\r
+\r
+#myopac_holds_main_table td {\r
+       border: 1px solid black;\r
+       \r
+}\r
+\r
+#myopac_prefs_div .data_grid {\r
+       border-collapse:collapse;\r
+}\r
+\r
+#myopac_prefs_div .data_grid td {\r
+       background:#f0f0f0;\r
+       border-bottom:3px solid white;\r
+       padding:6px 0px 7px 17px;\r
+}\r
+\r
+.header_middle {\r
+       height:22px;\r
+       font-size:14px;\r
+       font-weight:bold;\r
+       color:#074079;\r
+       padding: 0px 7px 0px 0px;\r
+       border-bottom: 1px dotted #ccc;\r
+}\r
+\r
+.header_middle a {\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+}\r
+\r
+.acct_sum_row {\r
+       padding: 7px 15px;\r
+       width: 712px;\r
+       background: #f0f0f0;\r
+       margin-bottom: 2px;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       text-transform: uppercase;\r
+}\r
+\r
+.acct_sum_row a {\r
+       text-transform: none;\r
+       font-size: 12px;\r
+       position:relative;\r
+       top:-1px;\r
+}\r
+\r
+.acct_sum_row .view_link {\r
+       font-weight: normal;\r
+       font-size:12px;\r
+}\r
+\r
+#myopac_sum_fines {\r
+       float:right;\r
+       padding: 15px 0px 0px 23px;\r
+       background: #f0f0f0;\r
+       width: 177px;\r
+       height: 166px;\r
+}\r
+\r
+.acct_holds_temp td {\r
+       text-align: left;\r
+}\r
+\r
+#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {\r
+       float:left;\r
+       /*padding-left:10px;*/\r
+}\r
+\r
+#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {\r
+       /*background:url('/opac/skin/kcls/graphics/gray-arrow.png') left 3px no-repeat;*/\r
+}\r
+\r
+#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {\r
+       font-weight:bold;\r
+       text-transform:uppercase;\r
+       font-size: 10px;\r
+}\r
+\r
+#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
+       background: #d8d8d8;\r
+       padding: 8px 0px 7px 0px;\r
+}\r
+\r
+#acct_list_header select, #acct_list_header_anon select {\r
+       font-weight:normal;\r
+       text-transform:none;\r
+}\r
+\r
+#acct_holds_activates_table label {\r
+       font-weight: bold;\r
+       font-size: 11px;\r
+       text-transform:uppercase;\r
+       padding-right: 5px;\r
+}\r
+\r
+.adv_search_font {\r
+       font-size: 10px;\r
+}\r
+\r
+.search_catalog_lbl {\r
+       font-size: 14px;\r
+}\r
+\r
+.lbl1 {\r
+       font-size:14px;\r
+       font-weight:bold;\r
+}\r
+\r
+.lbl2 {\r
+       font-size:10px;\r
+       font-weight:normal;\r
+       position:relative;\r
+       top:3px;\r
+}\r
+\r
+#myopac_tabs, #adv_search_parent {\r
+       background: #929292;\r
+       border-top:1px solid #8b8b8b;\r
+       padding-top:5px;\r
+       margin-bottom:20px;\r
+}\r
+\r
+#adv_search_parent {\r
+       margin-bottom:0px;\r
+}\r
+\r
+#myopac_loading {\r
+       width:100%;\r
+       text-align:center;\r
+       padding-top:20px;\r
+       font-size:16px;\r
+       font-weight:bold;\r
+}\r
+\r
+.chili_link {\r
+       width:100px !important;\r
+       text-align: center !important;\r
+}\r
+\r
+.chili_review div.chili_link div {\r
+       margin: auto;\r
+}\r
+\r
+/* some facet styling */\r
+.facetClassContainer { margin: 2px; border: 1px solid #CCC; }\r
+.facetClassLabelContainer { border: 1px solid #CCC; }\r
+.facetClassLabel { font-weight: bold; text-align: center; }\r
+.facetFieldContainer {  }\r
+.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }\r
+.extraFacetFieldsWrapper { }\r
+.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }\r
+.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }\r
+.facetField { border-top: 1px solid #CCC; }\r
+.facetFields { padding-left: 5px; }\r
+.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }\r
+\r
+#footer {\r
+       padding-top:5px;\r
+       padding-bottom: 10px;\r
+       color: white;\r
+       margin: auto;\r
+       width: 974px;\r
+       color: #afafaf;\r
+       font-size: 11px;\r
+}\r
+\r
+#footer a {\r
+       color: white;\r
+       color: #afafaf;\r
+}\r
+\r
+.color_4 {\r
+       text-transform: uppercase;\r
+       font-weight: bold;\r
+       font-size: 10px;\r
+}\r