Initial dev repository
[kcls-web.git] / opac / skin / css_alt / css / style.css
diff --git a/opac/skin/css_alt/css/style.css b/opac/skin/css_alt/css/style.css
new file mode 100644 (file)
index 0000000..0ae61b8
--- /dev/null
@@ -0,0 +1,608 @@
+@charset "utf-8";\r
+/* CSS Document */\r
+\r
+/*\r
+@import '/js/dojo/dijit/themes/tundra/tundra.css';\r
+*/\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
+select[multiple=multiple] {\r
+       border: 1px inset #ccc;\r
+       filter:alpha(opacity=100);\r
+       -moz-opacity:1;\r
+       -khtml-opacity:1;\r
+       opacity:1;\r
+       height:inherit;\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
+#header {\r
+       color: #bda964;\r
+       font-weight:bold;\r
+       padding: 12px 0px 12px 17px;\r
+       width: 694px;\r
+       margin: auto;\r
+}\r
+\r
+#header a {\r
+       color: #bda964;\r
+}\r
+\r
+#header a:hover {\r
+       color: white;\r
+       text-decoration: none;\r
+}\r
+\r
+#header-links {\r
+       color: #bda964;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       position: relative;\r
+       top:4px;\r
+       \r
+}\r
+\r
+#header-links a {\r
+       color: #bda964;\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:16px;\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 #quick-links {\r
+       height:54px;\r
+       width:208px;\r
+       background:#E8E8E8;\r
+       border:1px solid black;\r
+       font-size: 10px;\r
+       padding-left: 4px;\r
+       padding-top: 1px;\r
+}\r
+\r
+#search-wrapper #quick-links a {\r
+       color: #003366;\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:694px;\r
+       margin:auto;\r
+       padding-left: 17px;\r
+}\r
+\r
+#utils {\r
+       float:right;\r
+       z-index:1;\r
+       width:150px;\r
+       height:27px;\r
+       background:#7E7E7E url('/opac/skin/kcls/graphics/utils-corner.jpg') no-repeat left top;\r
+       padding-left: 10px;\r
+       color: white;\r
+       position:relative;\r
+}\r
+\r
+#utils a {\r
+       color: white;\r
+       font-size: 10px;\r
+}\r
+\r
+#adv_search_tabs {\r
+       height:40px;\r
+}\r
+\r
+#adv_search_tabs a {\r
+       float: left;\r
+       display: block;\r
+       height:40px;\r
+}\r
+\r
+#adv_search {\r
+       width:122px;\r
+       margin-left:1px;\r
+       background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;\r
+}\r
+\r
+#num_search {\r
+       width:114px;\r
+       margin-left:2px;\r
+       background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;\r
+}\r
+\r
+#expert_search {\r
+       width:105px;\r
+       margin-left:2px;\r
+       background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_tabs {\r
+       height:40px;\r
+}\r
+\r
+#acct_tabs a {\r
+       float: left;\r
+       display: block;\r
+       height:40px;\r
+       margin-right:2px;\r
+}\r
+\r
+#acct_summary {\r
+       width:127px;\r
+       background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_checked_out {\r
+       width:127px;\r
+       background:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_holds {\r
+       width:58px;\r
+       background:url('/opac/skin/kcls/graphics/acct_holds_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_prefs {\r
+       width:101px;\r
+       background:url('/opac/skin/kcls/graphics/acct_prefs_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_favs {\r
+       width:142px;\r
+       background:url('/opac/skin/kcls/graphics/acct_favs_off.gif') no-repeat bottom;\r
+}\r
+\r
+#acct_lists {\r
+       width:74px;\r
+       background:url('/opac/skin/kcls/graphics/acct_lists_off.gif') no-repeat bottom;\r
+}\r
+\r
+#rdetails_status td, #rdetails_status2 td {\r
+       padding:3px;\r
+}\r
+\r
+#rdetails_status #rdetails_status_head td, #rdetails_status2 #rdetails_status_head2 td {\r
+       background: #4C8AB0;\r
+       color: white;\r
+       font-weight: bold;\r
+}\r
+\r
+#hp-buttons {\r
+       margin: auto;\r
+       margin-top: 6px;\r
+       width: 676px;\r
+}\r
+\r
+#hp-banner {\r
+       margin: auto;\r
+       width:676px;\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: 694px;\r
+       margin:auto;\r
+       padding-left:17px;\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
+#results_table td {\r
+       border: 0px solid red;\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:1px solid white;\r
+       padding:4px 0px 5px 7px;\r
+}\r
+\r
+.header_left {\r
+       float:left;\r
+       width:5px;\r
+       height:28px;\r
+       background:url('/opac/skin/kcls/graphics/header_left.gif') no-repeat;\r
+}\r
+\r
+.header_right {\r
+       float:right;\r
+       width:5px;\r
+       height:28px;\r
+       background:url('/opac/skin/kcls/graphics/header_right.gif') no-repeat;\r
+}\r
+\r
+.header_middle {\r
+       float:left;\r
+       width:638px;\r
+       height:22px;\r
+       background:#0f3f6f;\r
+       font-size:14px;\r
+       font-weight:bold;\r
+       color:white;\r
+       padding: 6px 7px 0px 7px;\r
+}\r
+\r
+.header_middle a {\r
+       color: white;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+}\r
+\r
+.acct_sum_row {\r
+       padding: 5px 15px;\r
+       width: 423px;\r
+       background: #f0f0f0;\r
+       margin-bottom: 1px;\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
+#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
+       width:662px;\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: 11px 0px 10px 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_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: 694px;\r
+       padding-left: 17px;\r
+}\r
+\r
+#footer a {\r
+       color: white;\r
+}\r