From 252f1967042f1523bbbeb8e1a07e608c9603151e Mon Sep 17 00:00:00 2001 From: senator Date: Mon, 31 Jan 2011 14:08:39 -0500 Subject: [PATCH] advanced page getting there --- .../opac/skin/kcls-wire/css/contentslider.css | 39 + .../web/opac/skin/kcls-wire/css/style.css | 860 ++++++++++++++++++ Open-ILS/web/opac/skin/kcls-wire/js/misc.js | 4 +- .../templates/default/kcls-wire/advanced.tt2 | 50 + .../kcls-wire/parts/adv_global_row.tt2 | 35 + .../kcls-wire/parts/advanced_search.tt2 | 349 +++++++ .../default/kcls-wire/parts/base.tt2 | 9 +- 7 files changed, 1339 insertions(+), 7 deletions(-) create mode 100644 Open-ILS/web/opac/skin/kcls-wire/css/contentslider.css create mode 100644 Open-ILS/web/opac/skin/kcls-wire/css/style.css create mode 100644 Open-ILS/web/templates/default/kcls-wire/advanced.tt2 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/adv_global_row.tt2 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/advanced_search.tt2 diff --git a/Open-ILS/web/opac/skin/kcls-wire/css/contentslider.css b/Open-ILS/web/opac/skin/kcls-wire/css/contentslider.css new file mode 100644 index 0000000000..64a6d25457 --- /dev/null +++ b/Open-ILS/web/opac/skin/kcls-wire/css/contentslider.css @@ -0,0 +1,39 @@ +.sliderwrapper{ +position: relative; /*leave as is*/ +overflow: hidden; /*leave as is*/ +width: 675px; /*width of featured content slider*/ +height: 213px; +} + + + +.sliderwrapper .contentdiv{ +visibility: hidden; /*leave as is*/ +position: absolute; /*leave as is*/ +left: 0; /*leave as is*/ +top: 0; /*leave as is*/ +width: 675px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ +height: 100%; +filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); +-moz-opacity: 1; +opacity: 1; +} + +.pagination{ +width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ +text-align: right; +background-color: navy; +padding: 5px 10px; +} + +.pagination a{ +padding: 0 5px; +text-decoration: none; +color: #00007D; +background: white; +} + +.pagination a:hover, .pagination a.selected{ +color: #000; +background-color: #FEE496; +} \ No newline at end of file diff --git a/Open-ILS/web/opac/skin/kcls-wire/css/style.css b/Open-ILS/web/opac/skin/kcls-wire/css/style.css new file mode 100644 index 0000000000..7dbc65f22e --- /dev/null +++ b/Open-ILS/web/opac/skin/kcls-wire/css/style.css @@ -0,0 +1,860 @@ +body { + margin:0; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + background:#333; +} + +img { + border: none; +} + +a { + color: #003399; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +#search-wrapper input[type=text] { + border:none; + margin:0; + padding:0; +} + +#search-wrapper select { + border:1px solid #e9ebf3; + margin:0; + padding:0; + width:168px; +} + +/* +#search-wrapper select { + border:0px solid black; + filter:alpha(opacity=0); + -moz-opacity:0; + -khtml-opacity:0; + opacity:0; + padding:0; + margin:0; + height:18px; + font-size: 12px; +} +*/ +h1 { + margin:0; + margin-bottom: 5px; + font-size: 20px; + font-weight:normal; +} + +h2 { + margin:0; + margin-bottom: 5px; + font-size: 14px; + font-weight:bold; +} + +.hide_me { + display: none; + visibility: hidden; +} + +div.select-box-wrapper { + position:absolute; + padding-top:2px; + padding-left:3px; + overflow:hidden; + text-align:left; +} + +div.select-wrapper { + border:1px solid #4C8AB0; + display:inline-block; + position:relative; + z-index:2; + background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center; +} + +div.select-wrapper:hover { + background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center; +} + +#dash_wrapper { + width:500px; + position:relative; + top:-26px; +} + +#dashboard { + clear:both; + float:right; + width:384px; +} + +#dashboard span { + font-weight:bold; + position:relative; + left:-1px; +} + +#dash_user { + font-weight:bold; + text-transform:capitalize; +} + +#header { + color: #fff; + padding: 26px 0px 26px 0px; + width: 974px; + margin: auto; + font-size:11px; +} + +#header a { + color: #fff; +} + +#header a:hover { + color: white; + text-decoration: none; +} + +#header-links { + color: #afafaf; + font-size: 11px; + font-weight: bold; + position: relative; + top:4px; + +} + +#header-links a { + color: #afafaf; + display: block; + float:left; + margin-right:22px; +} + +#header-links a:hover { + color: white; + text-decoration: none; +} + +#header #header-links2 { + position:relative; + top:-8px; + color: white; + padding-bottom: 15px; +} + +#header #header-links2 a { + color: white; +} + +#header #header-links2 a:hover { + text-decoration: underline; +} + +#header #your-acct-login { + padding-top:10px; +} + +#gold-links { + margin:auto; + width:974px; + padding-left:0px; +} + +#util-bar { + margin:auto; + width:974px; + padding-left:0px; + height:0px; +} + +#search-wrapper { + border-bottom: 1px solid #e9ebf3; + padding-bottom: 5px; + background: white; +} + +#search_box_wrapper { + border:1px solid #e9ebf3; + padding: 1px; + padding-left:3px; +} + +#search-wrapper #breadcrumb { + margin-top:0px; + font-size: 10px; + float:left; +} + +#search-wrapper #search-within { + margin-top:10px; + float:right; + position:relative; + left:-173px; +} + +#search-wrapper #breadcrumb a { + color: black; +} + +#search-wrapper #search_frm label { + font-size: 10px; +} + +#search-wrapper #search-box { + width:974px; + margin:auto; + padding-left: 0px; +} + +#utils { + float:right; + z-index:1; + width:150px; + height:30px; + background:url('/opac/skin/kcls/graphics/utils-corner-left.png') no-repeat left top; + padding-left: 3px; + color: white; + position:relative; +} + +#utils a { + color: white; + font-size: 10px; +} +#adv_search_tabs { + height:33px; + width:974px; + margin:auto; +} + +#adv_search_tabs a { + float: left; + display: block; + height:33px; + margin-right:7px; +} + +#adv_search { + width:156px; + background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom; +} + +#num_search { + width:156px; + background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom; +} + +#expert_search { + width:156px; + background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom; +} + +#acct_tabs { + height:33px; + width:974px; + margin:auto; +} + +#acct_tabs a { + float: left; + display: block; + height:33px; + margin-right:7px; +} + +#acct_summary { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom; +} + +#acct_checked_out { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif') no-repeat bottom; +} + +#acct_holds { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_holds_off.gif') no-repeat bottom; +} + +#acct_prefs { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_prefs_off.gif') no-repeat bottom; +} + +#acct_favs { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_favs_off.gif') no-repeat bottom; +} + +#acct_lists { + width:156px; + background:url('/opac/skin/kcls/graphics/acct_lists_off.gif') no-repeat bottom; +} + +#rdetail_header { + font-size:14px; + font-weight:bold; + color:#074079; + padding: 5px 7px 6px 0px; + border-bottom: 1px dotted #ccc; +} + +#rdetail_result_count { + color: black; + font-size: 11px; + font-weight: normal; +} + +#rdetail_result_nav { + float:right; + font-size: 11px; + font-weight:normal; +} + +#rdetail_details_table { + margin-top: 15px; +} + +#rdetail_title { + font-size: 18px; +} + +#rdetail_image_cell { + padding-top: 3px; + padding-right: 10px; +} + +.rdetail_aux_utils { + border-left:1px dotted #ccc; + padding-left: 17px; + padding-bottom: 6px; + padding-right: 70px; +} + +.results_aux_utils { + border-left:1px dotted #ccc; + padding-left: 17px; + padding-bottom: 6px; + padding-right: 50px; +} + +#rdetails_status td, #rdetails_status2 td { + white-space:nowrap !important; + padding: 7px 0px 3px 13px; +} + +#rdetails_status_head td { + background-color: #d8d8d8; + padding: 13px 0px 13px 13px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; +} + +#rdetails_status_head2 td { + padding: 0px; +} + +.rdetail_extras { + height: 29px; + background: #9ad0f1; + padding-top:1px; + margin-bottom: 10px; + margin-top: 10px; + clear:both; +} + +.rdetail_extras_hr { + height: 1px; + background: #b7def5; + margin-left: 1px; + margin-right: 1px; +} + +.rdetail_extras_link { + padding-top: 4px; + padding-left: 12px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; +} + +.rdetail_extras_lbl { + position: relative; + top: -4px; + left: 7px; +} + +#paginate-homebanner a.toc { + display:block; + width:20px; + height:20px; + background:gray; + float:left; + margin-left:2px; + margin-right:2px; + margin-top:2px; +} + +#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse { + margin-left: 13px; +} + +#rdetail_locs_expand, #rdetail_locs_collapse { + padding-bottom:3px; + margin-top:15px; + margin-left:13px; +} + +#rdetail_anotes_div .biography { + margin:0; +} + +#paginate-homebanner a.selected { + border: 2px solid black; + margin-top:0px; + margin-left:0px; + margin-right:0px; +} + +#hp-buttons { + margin: auto; + margin-top: 6px; + width: 974px; +} + +#hp-welcome { + position:absolute; + width:295px; + height:192px; + background: url('/opac/skin/kcls/graphics/banner-bg.png') no-repeat; + color: #fff; + padding-left: 33px; + padding-top: 21px; + z-index:9999999999; +} + +#hp-welcome h1 { + font-size: 25px; + margin-bottom:15px; +} + +#hp-welcome a { + color: #fff; + text-decoration: underline; +} + +#hp-banner { + margin: auto; + width:974px; + height: 213px; +} + +#hp-ql-table { + margin-left: 2px; + padding-top: 3px; +} + +#hp-ql-table a { + color: #333; + font-weight: bold; + font-size: 13px; + text-transform: uppercase; + text-decoration: none; + display: block; + width: 144px; + height: 25px; + padding-top: 9px; + padding-left: 15px; + background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat; +} + +#hp-ql-bottom { + width: 640px; + height: 31px; + padding-left: 24px; + padding-top: 13px; + background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x; +} + +#hp-ql-bottom a { + display: inline-block; + text-decoration: none; + color: white; + font-size: 15px; + font-weight: bold; +} + +#content-wrapper { + background: white; + min-height: 260px; + border-bottom: 1px solid black; +} + +#main-content { + width: 974px; + margin:auto; + padding-left:0px; +} + +#main-content .login_boxes { + border: 1px solid #dedede; + background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x; + color: #333; +} + +#main-content .login_boxes h1 { + font-weight: normal; + font-size: 25px; + margin:0; +} + +#main-content .left_brain { + padding-left:28px; + padding-top:25px; +} + +#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] { + width:167px; + height:18px; + margin:0; + padding:0; + border:none; + background: none; + font-size: 15px; + color: #666; +} + +#main-content .left_brain .input_bg { + padding:10px 10px 0px 13px; + background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat; + width:167px; + height:29px; +} + +#home-buttons-inner { + width:664px; + height:117px; + background:#bda964; +} + +#holds_temp_parent td { + border-bottom:1px solid #dcdbdb; +} + +#holds_temp_parent input, #holds_temp_parent select { + margin:0; +} + + + + +#results_header_bar { + background: #929292; + border-top:1px solid #8b8b8b; +} + +#results_header_inner { + height:32px; + width:974px; + margin:auto; + padding-top:6px; +} + +.results_header_btns { + float:left; + margin-right: 6px; +} + +.results_header_div { + float: left; + width: 0px; + height: 25px; + border-left: 1px solid #7c7c7c; + border-right: 1px solid #9c9c9c; + margin: 0px 13px; +} + +.results_header_lbl { + font-weight: bold; + float: left; + font-size: 11px; + color: #191919; + position: relative; + top: 5px; + margin-right: 6px; +} + +.results_header_sel { + float:left; + position: relative; + top: 2px; + margin:0; +} + +#results_header_nav1 { + padding: 5px 7px 6px 0px; + border-bottom: 1px dotted #ccc; +} + +#results_header_nav1 .h1 { + font-size:14px; + font-weight:bold; + color:#074079; +} + +#start_end_links_span { + font-size: 11px; +} + +#start_end_links_span2 { + font-size: 11px; +} + +.nav_arrow_fix { + font-size:8px; + position:relative; + top:-1px; +} + +#result_table_div { + margin-top: 20px; +} + +#result_numbers1 { + font-size: 11px; + padding-left:15px; +} + + + + + + +.icon_text { + text-transform:capitalize; +} + +.result_table_title_cell { + padding-left: 7px; +} + +#myopac_summary_div p { + margin:0; + margin-bottom: 10px; +} + +#acct_sum_checked_table td { + padding-bottom:5px; +} + +#zero_search_hits p { + margin-top:0; +} + +#zero_hits_term { + text-transform: uppercase; +} + +#zero_search_hits #spell_check_link { + text-transform: uppercase; +} + +#zero_search_hits #zero_hits_suggestions { + text-transform: uppercase; +} + +.results_info_table td { + padding-right: 10px; +} + +#myopac_holds_main_table { + border-collapse: collapse; +} + +#myopac_holds_main_table td { + border: 1px solid black; + +} + +#myopac_prefs_div .data_grid { + border-collapse:collapse; +} + +#myopac_prefs_div .data_grid td { + background:#f0f0f0; + border-bottom:3px solid white; + padding:6px 0px 7px 17px; +} + +.header_middle { + height:22px; + font-size:14px; + font-weight:bold; + color:#074079; + padding: 0px 7px 0px 0px; + border-bottom: 1px dotted #ccc; +} + +.header_middle a { + font-size: 12px; + font-weight: normal; +} + +.acct_sum_row { + padding: 7px 15px; + width: 712px; + background: #f0f0f0; + margin-bottom: 2px; + font-size: 10px; + font-weight: bold; + text-transform: uppercase; +} + +.acct_sum_row a { + text-transform: none; + font-size: 12px; + position:relative; + top:-1px; +} + +.acct_sum_row .view_link { + font-weight: normal; + font-size:12px; +} + +#myopac_sum_fines { + float:right; + padding: 15px 0px 0px 23px; + background: #f0f0f0; + width: 177px; + height: 166px; +} + +.acct_holds_temp td { + text-align: left; +} + +#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align { + float:left; + /*padding-left:10px;*/ +} + +#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected { + /*background:url('/opac/skin/kcls/graphics/gray-arrow.png') left 3px no-repeat;*/ +} + +#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds { + font-weight:bold; + text-transform:uppercase; + font-size: 10px; +} + +#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 { + background: #d8d8d8; + padding: 8px 0px 7px 0px; +} + +#acct_list_header select, #acct_list_header_anon select { + font-weight:normal; + text-transform:none; +} + +#acct_holds_activates_table label { + font-weight: bold; + font-size: 11px; + text-transform:uppercase; + padding-right: 5px; +} + +.adv_search_font { + font-size: 10px; +} + +.search_catalog_lbl { + font-size: 14px; +} + +.lbl1 { + font-size:14px; + font-weight:bold; +} + +.lbl2 { + font-size:10px; + font-weight:normal; + position:relative; + top:3px; +} + +#myopac_tabs, #adv_search_parent { + background: #929292; + border-top:1px solid #8b8b8b; + padding-top:5px; + margin-bottom:20px; +} + +#adv_search_parent { + margin-bottom:0px; +} + +#myopac_loading { + width:100%; + text-align:center; + padding-top:20px; + font-size:16px; + font-weight:bold; +} + +.chili_link { + width:100px !important; + text-align: center !important; +} + +.chili_review div.chili_link div { + margin: auto; +} + +/* some facet styling */ +.facetClassContainer { margin: 2px; border: 1px solid #CCC; } +.facetClassLabelContainer { border: 1px solid #CCC; } +.facetClassLabel { font-weight: bold; text-align: center; } +.facetFieldContainer { } +.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; } +.extraFacetFieldsWrapper { } +.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; } +.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px } +.facetField { border-top: 1px solid #CCC; } +.facetFields { padding-left: 5px; } +.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; } + +#footer { + padding-top:5px; + padding-bottom: 10px; + color: white; + margin: auto; + width: 974px; + color: #afafaf; + font-size: 11px; +} + +#footer a { + color: white; + color: #afafaf; +} + +.color_4 { + text-transform: uppercase; + font-weight: bold; + font-size: 10px; +} diff --git a/Open-ILS/web/opac/skin/kcls-wire/js/misc.js b/Open-ILS/web/opac/skin/kcls-wire/js/misc.js index 42af9349a2..0f3bf81ed1 100644 --- a/Open-ILS/web/opac/skin/kcls-wire/js/misc.js +++ b/Open-ILS/web/opac/skin/kcls-wire/js/misc.js @@ -57,9 +57,9 @@ function swapTabs(el) { if (!el) return; var tabs = []; - for (var i = 0; i < el.parentNode.childNodes.length) { + for (var i = 0; i < el.parentNode.childNodes.length; i++) { var node = el.parentNode.childNodes[i]; - if (node.nodeType == 1 && node.nodeName == "a") + if (node.nodeType == 1 && node.nodeName.toLowerCase() == "a") tabs.push(node); } diff --git a/Open-ILS/web/templates/default/kcls-wire/advanced.tt2 b/Open-ILS/web/templates/default/kcls-wire/advanced.tt2 new file mode 100644 index 0000000000..0de719175e --- /dev/null +++ b/Open-ILS/web/templates/default/kcls-wire/advanced.tt2 @@ -0,0 +1,50 @@ +[% WRAPPER "default/kcls-wire/parts/base.tt2"; + INCLUDE "default/kcls-wire/parts/topnav.tt2"; + ctx.page_title = "Home" %] +[% BLOCK html_head -%] + + +[% END -%] +
+
+
+ +
+ [% INCLUDE "default/kcls-wire/parts/utils.tt2" %] +
+
+
+ + + +
+
+
+
+
+
+ [% INCLUDE "default/kcls-wire/parts/advanced_search.tt2" %] +
+
+
+
+[% END %] diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/adv_global_row.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/adv_global_row.tt2 new file mode 100644 index 0000000000..09e213b2e8 --- /dev/null +++ b/Open-ILS/web/templates/default/kcls-wire/parts/adv_global_row.tt2 @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/advanced_search.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/advanced_search.tt2 new file mode 100644 index 0000000000..1b6472fc28 --- /dev/null +++ b/Open-ILS/web/templates/default/kcls-wire/parts/advanced_search.tt2 @@ -0,0 +1,349 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2 index 061b306eaa..a4a23b6665 100644 --- a/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2 +++ b/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2 @@ -1,13 +1,12 @@ - + - - + + + Catalog - King County Library - [% ctx.page_title %] - [% BLOCK html_head; END; # provide a default that can be overridden %] [% PROCESS html_head %] -- 2.43.2