.float-left { float: left; }
.opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
.opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
-.left-corner { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
+.left-corner { float: left; width: 163px; height: 30px; background: url('/images/utils-corner-mid.png') repeat-x top; }
.opac-auto-043 { float: left; width: 300px; margin-top: 20px; }
.float-right { float: right; }
.opac-auto-045 { float: right; margin-right: 17px; }
display:inline-block;
position:relative;
z-index:2;
- background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center;
+ background:url('/images/dropdown.gif') no-repeat right center;
}
div.select-wrapper:hover {
- background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center;
+ background:url('/images/dropdown-hover.gif') no-repeat right center;
}
#dash_wrapper {
z-index:1;
width:150px;
height:30px;
- background:url('/opac/skin/kcls/graphics/utils-corner-left.png') no-repeat left top;
+ background:url('/images/utils-corner-left.png') no-repeat left top;
padding-left: 3px;
color: white;
position:relative;
#adv_search {
width:156px;
- background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;
+ background:url('/images/adv_search_on.gif') no-repeat bottom;
}
#num_search {
width:156px;
- background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;
+ background:url('/images/num_search_off.gif') no-repeat bottom;
}
#expert_search {
width:156px;
- background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;
+ background:url('/images/expert_search_off.gif') no-repeat bottom;
}
#acct_tabs {
}
.acct-main-off {
- background-image:url('/opac/skin/kcls/graphics/acct_summary_off.gif');
+ background-image:url('/images/acct_summary_off.gif');
}
.acct-main-on {
- background-image:url('/opac/skin/kcls/graphics/acct_summary_on.gif');
+ background-image:url('/images/acct_summary_on.gif');
}
.acct-circs-off {
- background-image:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif');
+ background-image:url('/images/acct_checked_out_off.gif');
}
.acct-circs-on {
- background-image:url('/opac/skin/kcls/graphics/acct_checked_out_on.gif');
+ background-image:url('/images/acct_checked_out_on.gif');
}
.acct-holds-off {
- background-image:url('/opac/skin/kcls/graphics/acct_holds_off.gif');
+ background-image:url('/images/acct_holds_off.gif');
}
.acct-holds-on {
- background-image:url('/opac/skin/kcls/graphics/acct_holds_on.gif');
+ background-image:url('/images/acct_holds_on.gif');
}
.acct-prefs-off {
- background-image:url('/opac/skin/kcls/graphics/acct_prefs_off.gif');
+ background-image:url('/images/acct_prefs_off.gif');
}
.acct-prefs-on {
- background-image:url('/opac/skin/kcls/graphics/acct_prefs_on.gif');
+ background-image:url('/images/acct_prefs_on.gif');
}
.acct-lists-off {
- background-image:url('/opac/skin/kcls/graphics/acct_lists_off.gif');
+ background-image:url('/images/acct_lists_off.gif');
}
.acct-lists-on {
- background-image:url('/opac/skin/kcls/graphics/acct_lists_on.gif');
+ background-image:url('/images/acct_lists_on.gif');
}
#rdetail_header {
position:absolute;
width:295px;
height:192px;
- background: url('/opac/skin/kcls/graphics/banner-bg.png') no-repeat;
+ background: url('/images/banner-bg.png') no-repeat;
color: #fff;
padding-left: 33px;
padding-top: 21px;
height: 25px;
padding-top: 9px;
padding-left: 15px;
- background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat;
+ background: url('/images/button-bg.png') no-repeat;
}
#hp-ql-bottom {
height: 31px;
padding-left: 24px;
padding-top: 13px;
- background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x;
+ background: url('/images/hp-links-mid.jpg') repeat-x;
}
#hp-ql-bottom a {
#main-content .login_boxes {
border: 1px solid #dedede;
- background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x;
+ background:url('/images/login-bg.jpg') top repeat-x;
color: #333;
}
#main-content .left_brain .input_bg {
padding:10px 10px 0px 13px;
- background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat;
+ background: url('/images/login-box-bg.jpg') no-repeat;
width:167px;
height:29px;
}
}
#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;*/
+ /*background:url('/images/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 {
+++ /dev/null
-/* Some really basic utils copied mostly from old opac js:
- * opac_utils.js, utils.js, misc.js (kcls). */
-function _stub() { alert("XXX disconnected"); } /* for in progress work */
-
-function $(id) { return document.getElementById(id); }
-function $n(root, nodeName, attr) {
- return findNodeByName(root, nodeName, attr);
-}
-
-function findNodeByName(root, nodeName, /* defaults to "name" */attr) {
- if (!root || !nodeName) return null;
- if (root.nodeType != 1) return null;
- if (!attr) attr = "name";
- if (root.getAttribute(attr) == nodeName || root[attr] == nodeName)
- return root;
-
- for (var i = 0; i != root.childNodes.length; i++) {
- var n = findNodeByName(root.childNodes[i], nodeName);
- if (n) return n;
- }
-
- return null;
-}
-
-function swapCSSClass(obj, old, newc) {
- removeCSSClass(obj, old);
- addCSSClass(obj, newc);
-}
-
-function addCSSClass(e,c) {
- /* XXX I've seen much simpler implementation of this idea that just
- * do a regexp replace on e.className. Any reason why we're making
- * it so hard here? I could see the justification if there's a certain
- * browser that doesn't cooperate. */
- if(!e || !c) return;
-
- var css_class_string = e.className;
- var css_class_array;
-
- if(css_class_string)
- css_class_array = css_class_string.split(/\s+/);
-
- var string_ip = ""; /*strip out nulls*/
- for (var css_class in css_class_array) {
- if (css_class_array[css_class] == c) { return; }
- if(css_class_array[css_class] !=null)
- string_ip += css_class_array[css_class] + " ";
- }
- string_ip += c;
- e.className = string_ip;
-}
-
-function removeCSSClass(e, c) {
- if(!e || !c) return;
-
- var css_class_string = '';
-
- var css_class_array = e.className;
- if( css_class_array )
- css_class_array = css_class_array.split(/\s+/);
-
- var first = 1;
- for (var css_class in css_class_array) {
- if (css_class_array[css_class] != c) {
- if (first == 1) {
- css_class_string = css_class_array[css_class];
- first = 0;
- } else {
- css_class_string = css_class_string + ' ' +
- css_class_array[css_class];
- }
- }
- }
- e.className = css_class_string;
-}
-
-function hideMe(obj) { addCSSClass(obj, "hide_me"); }
-function unHideMe(obj) { removeCSSClass(obj, "hide_me"); }
-
-function swapTabs(el) {
- if (!el) return;
-
- var tabs = [];
- for (var i = 0; i < el.parentNode.childNodes.length; i++) {
- var node = el.parentNode.childNodes[i];
- if (node.nodeType == 1 && node.nodeName.toLowerCase() == "a")
- tabs.push(node);
- }
-
- for (var n = 0; n < tabs.length; n++) {
- var i = tabs[n];
- if (i == el) {
- unHideMe($(i.rel));
- i.style.background = "url('/opac/skin/kcls/graphics/" +
- i.id + "_on.gif') no-repeat bottom";
- } else {
- hideMe($(i.rel));
- i.style.background = "url('/opac/skin/kcls/graphics/" +
- i.id + "_off.gif') no-repeat bottom";
- }
- }
-}
-
-
-/* Returns the character code pressed that caused the event. */
-function grabCharCode(evt) {
- // OLD CODE: evt = (evt) ? evt : ((window.event) ? event : null);
- evt = evt || window.event || event || null;
- if (evt) {
- // OLD CODE: return (evt.charCode ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode));
- return evt.which || evt.charCode || evt.keyCode;
- } else {
- return -1;
- }
-}
-
-/* returns true if the user pressed enter */
-function userPressedEnter(evt) {
- var code = grabCharCode(evt);
- return (code == 13 || code == 3);
-}
-
-function setEnterFunc(node, func) {
- if (!(node && func)) return;
- node.onkeydown = function(evt) {
- if (userPressedEnter(evt)) func();
- };
-}
-
-function advAddGblRow() {
- var tbody = $("adv_global_tbody");
- var newrow = $("adv_global_trow").cloneNode(true);
- tbody.insertBefore(newrow, $("adv_global_addrow"));
- var input = $n(newrow, "term");
- input.value = "";
- setEnterFunc(input, _stub); /* XXX TODO make a real form and get rid of this? */
- $n(newrow, 'type').focus();
-}
-
-var rdetailShowExtra = _stub; /* XXX TODO reimplement without JS? */
-var cnBrowsePrev = _stub;
-var cnBrowseNext = _stub;
-var rdetailNewBookbag = _stub; /* XXX TODO reimplement without JS? */
-var addMyList = _stub; /* XXX TODO we probably still need this one */
-var listSaveAction = _stub; /* XXX TODO we probably still need this one */
-var expandBoxes = _stub; /* XXX TODO possibly reimplement or replace */
-var iForgotMyPassword = _stub; /* XXX TODO possibly reimplement or replace */
-var switchSubPage = _stub;
-var myOPACRenewSelected = _stub;
-var myOPACCreateBookbag = _stub;
-var myOPACSavePrefs = _stub;
-var myOPACUpdatePhone = _stub; /* XXX TODOD myOPACUpdate*() and the buttons where
- the handlers are used should probably go
- away completely */
-var myOPACUpdateUsername = _stub;
-var myOPACUpdatePassword = _stub;
-var myOPACUpdateEmail = _stub;
-var myOPACUpdateHomeOU = _stub;
-var myopacDoHoldAction = _stub;
-var myopacApplyThawDate = _stub;
-var showCachedList = _stub;
-var searchBarSubmit = _stub;
-var sortHolds = _stub; /* XXX TODO There was a method for sorting loaded holds
- in the DOM without reloading the page, but it was
- reliant on fieldmapper and some stock dojo
- libraries. Could be reimplemented without deps
- if deemed worthwhile. */
-var showDetailedResults = _stub; /* XXX TODO for an old onchange handler that
- toggled between simple and detailed results
- in the rresults page. */
-var showCanvas = _stub;
-var checkAll = _stub;
-var sortChecked = _stub;
-var sortCheckedHist = _stub;
-var showPaymentForm = _stub;
-var showFinesDiv = _stub;
-var fadeOut = _stub; /* XXX TODO what the heck? not seen anywhere */
<div id='myopac_checked_div' style="padding:0px;">
<div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
<div class="align selected" id="checked_label">
- <img src="/opac/skin/kcls/graphics/sub_checked_out_on.jpg" />
+ <img src="/images/sub_checked_out_on.jpg" />
</div>
<div class="align" id="checked_hist_link">
<a class="" href="#"><img
- src="/opac/skin/kcls/graphics/sub_checked_hist_off.jpg" /></a>
+ src="/images/sub_checked_hist_off.jpg" /></a>
</div>
<div class="align hide_me" id="checked_link">
<a href="#">
- <img src="/opac/skin/kcls/graphics/sub_checked_out_off.jpg" />
+ <img src="/images/sub_checked_out_off.jpg" />
</a>
</div>
<div class="align selected hide_me" id="checked_hist_label">
- <img src="/opac/skin/kcls/graphics/sub_checked_hist_on.jpg" />
+ <img src="/images/sub_checked_hist_on.jpg" />
</div>
<div class="clear-both"></div>
</div>
<td style="padding-left:9px;">
<a class="hide_me" href="#"><img
alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</td>
<td style="padding-left:5px;">
<a href="#"><img alt="Renewing Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<div id='myopac_holds_div'>
<div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
<div class="align selected" id="holds_label">
- <img src="/opac/skin/kcls/graphics/sub_holds_on.jpg" />
+ <img src="/images/sub_holds_on.jpg" />
</div>
<div class="align hide_me" id="holds_hist_link">
<a href="#"><img
- src="/opac/skin/kcls/graphics/sub_holds_hist_off.jpg" /></a>
+ src="/images/sub_holds_hist_off.jpg" /></a>
</div>
<div class="align hide_me" id="holds_link">
<a href="#"><img
- src="/opac/skin/kcls/graphics/sub_holds_off.jpg" /></a>
+ src="/images/sub_holds_off.jpg" /></a>
</div>
<div class="align selected hide_me" id="holds_hist_label">
- <img src="/opac/skin/kcls/graphics/sub_holds_hist_on.jpg" />
+ <img src="/images/sub_holds_hist_on.jpg" />
</div>
<div class="clear-both"></div>
</div>
<td width="1" style="padding-left:9px;">
<a href="#"><img
alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</td>
<td width="1" style="padding-left:5px;">
<a href="#"><img
alt="Holds Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
<td align="right">
<select class="hide_me" id="holds_sort">
Share this list?
<a href="#"><img
alt="Sharing Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
<td>
<input type="radio" value="0" name="shareList"
</tr>
</table>
<a href="#"><img
- alt="Submit" src="/opac/skin/kcls/graphics/btnSubmit.png" /></a>
+ alt="Submit" src="/images/btnSubmit.png" /></a>
<a href="#"><img
- alt="Cancel" src="/opac/skin/kcls/graphics/btnCancel.png" /></a>
+ alt="Cancel" src="/images/btnCancel.png" /></a>
</div>
<div id='myopac_bookbag_div' style="padding:5px;">
<div class="header_middle">
<a href="#"
style="position:relative;top:-3px;left:-5px;"><img
alt="Saving Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
<a id='acct_lists_save' href="#"><img alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</div>
</div>
</div>
<td>
<a href="#"><img
alt="Anonymous List Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<div id="myopac_sum_fines">
<div style="position:absolute;">
<div style="position:relative;top:-15px;left:-23px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_tl.png" />
+ <img src="/images/acct_sum_fines_tl.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:-15px;left:172px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_tr.png" />
+ <img src="/images/acct_sum_fines_tr.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:161px;left:-23px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_bl.png" />
+ <img src="/images/acct_sum_fines_bl.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:161px;left:172px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_br.png" />
+ <img src="/images/acct_sum_fines_br.png" />
</div>
</div>
Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />
<a class="hide_me" href="#" id="pay_fines_btn1"><img
alt="Pay Fines"
- onmouseover="this.src='/opac/skin/kcls/graphics/pay-fines-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/pay-fines-btn.png';"
- src="/opac/skin/kcls/graphics/pay-fines-btn.png"
+ onmouseover="this.src='/images/pay-fines-btn-hover.png';"
+ onmouseout="this.src='/images/pay-fines-btn.png';"
+ src="/images/pay-fines-btn.png"
style="position:relative;top:5px;" /></a>
</div>
<div style="width:662px;">
</table>
</div>
<a href="#"><img alt="Pay Fines"
- onmouseover="this.src='/opac/skin/kcls/graphics/pay-fines-btn-hover.png';"
- src="/opac/skin/kcls/graphics/pay-fines-btn.png"
+ onmouseover="this.src='/images/pay-fines-btn-hover.png';"
+ src="/images/pay-fines-btn.png"
style="position:relative;top:5px;" /></a>
<br/>
</div>
<div style="position:absolute;">
<div style="position:relative;left:80px;">
<a href="#"><img
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</div>
</div>
Security Code
<div style="float:left;">
<div class="align selected"
id="prefs_info_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_info_on.jpg" /></div>
+ "/images/sub_prefs_info_on.jpg" /></div>
<div class="align hide_me"
id="prefs_info_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_info_off.jpg" /></a>
+ "/images/sub_prefs_info_off.jpg" /></a>
</div>
<div class="align"
id="prefs_notify_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_notify_off.jpg" /></a>
+ "/images/sub_prefs_notify_off.jpg" /></a>
</div>
<div class="align selected hide_me"
id="prefs_notify_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_notify_on.jpg" /></div>
+ "/images/sub_prefs_notify_on.jpg" /></div>
<div class="align"
id="prefs_search_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_search_off.jpg" /></a>
+ "/images/sub_prefs_search_off.jpg" /></a>
</div>
<div class="align selected hide_me"
id="prefs_search_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_search_on.jpg" /></div>
+ "/images/sub_prefs_search_on.jpg" /></div>
</div>
<div style="float:right;width:65px;">
<a id='acct_prefs_save'
class='hide_me'
href="#"><img alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</div>
</div>
</div>
<a href="#">
<img alt="Search Hits Help"
src=
- "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ "/images/question-mark.png" /></a>
</div>
</div><select id='prefs_hits_per'
style="position:relative;z-index:100;">
<a href="#">
<img alt="Username Help"
src=
- "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ "/images/question-mark.png" /></a>
</div>
</div>&common.username;
</td>
<td>
<a href="#"><img
alt="Address Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<tr class='border_4_2'>
<td align="left" colspan='2'>
<!-- XXX TODO make a real form, and make this a real submitter -->
- <img src="/opac/skin/kcls/graphics/search_btn.gif" alt="Search" style="cursor:pointer;" />
+ <img src="/images/search_btn.gif" alt="Search" style="cursor:pointer;" />
<!-- XXX TODO make a real form, and make this a real resetter -->
<a href="javascript:;" style="position: relative; top: -9px;">Reset Form</a>
<div style='margin-top: 8px;' class='adv_quick_search_submit'>
<!-- XXX TODO make a real form, and make a real submitter (quick
submit, FKA advGenericSearch() -->
- <img src="/opac/skin/kcls/graphics/search_btn.gif"
+ <img src="/images/search_btn.gif"
alt="Search" id="adv_quick_submit" style="cursor:pointer;" />
</div>
</div>
href='javascript:advAddMARC();'>&search.marc.add.row;</a>
<!-- XXX TODO make a real form, and make a real submitter (FKA
advMARCRun()) -->
- <img alt="Search" src="/opac/skin/kcls/graphics/search_btn.gif"
+ <img alt="Search" src="/images/search_btn.gif"
style="cursor:pointer;" />
</div>
</div>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/semiauto.css" />
+ href="/css/skin/default/opac/semiauto.css" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/style.css" />
+ href="/css/skin/default/opac/style.css" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/contentslider.css" />
+ href="/css/skin/default/opac/contentslider.css" />
<title>Catalog - King County Library - [% ctx.page_title %]</title>
<link rel="unapi-server" type="application/xml" title="unAPI"
href="/opac/extras/unapi" />
<!-- ************************************ home page banner start ********************************************** -->
<div class="contentdiv" style="background:white;">
- <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" /></a>
+ <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/images/banner1.jpg" /></a>
</div>
<div class="contentdiv" style="background:#ffc331;">
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<div class="contentdiv" style="background:#2bb0fd;">
<br />
- <img src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /><br />
+ <img src="/images/KCLS_logo_horiz.gif" /><br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<a href="http://www.kcls.org/newcatalog"></a>
</div>
</div>
- <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
+ <img alt="New catalog" src="/images/banner1.jpg" />
</div>
</div>
<div id="hp-buttons">
<div class="float-left">
- <img src="/opac/skin/kcls/graphics/hp-links-left.jpg" />
+ <img src="/images/hp-links-left.jpg" />
</div>
<div class="float-left">
<div id="home-buttons-inner">
</table>
</div>
</div>
- <div class="float-left"><img src="/opac/skin/kcls/graphics/hp-links-right.jpg" /></div>
- <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/opac/skin/kcls/graphics/locations.jpg" /></a></div>
+ <div class="float-left"><img src="/images/hp-links-right.jpg" /></div>
+ <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/images/locations.jpg" /></a></div>
<div class="clear-both"></div>
</div>
<!-- ****************** end: homesearch.xml ***************************** -->
</span>
<span id='lib_selector_span'>
<a id='lib_selector_link' class='classic_link'
- href='javascript:void(0)'>&library.select.help;</a>
+ href='#'>&library.select.help;</a>
</span>
<!-- ****************** end: libselect.xml ***************************** -->
</div>
<div style="padding-top:14px;">
<a href="#" id="login_button"><img
- alt="Log in" src="/opac/skin/kcls/graphics/login-btn2.png" /></a>
+ alt="Log in" src="/images/login-btn2.png" /></a>
<input class="hide_me"
id="login_form_submit" type="submit" />
<a href="#"
<td class="login_boxes right_brain" align="center"
valign="top" width="291">
<a href="http://www.kcls.org/about/contact/"><img
- src="/opac/skin/kcls/graphics/questions.png"
+ src="/images/questions.png"
alt="Questions?" style="margin-top:29px;" /></a>
<div style="width:182px;color:black;padding:5px 25px;">
Visit our FAQs section for answers to common questions
about how to use your account.
</div>
<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm#FAQs"><img
- alt="FAQs" src="/opac/skin/kcls/graphics/faqs-btn.png"
+ alt="FAQs" src="/images/faqs-btn.png"
style="margin-top:13px;" /></a>
</td>
</tr>
services, please select "Outreach" to have the item delivered
during your scheduled visit.</p>
<a href="#" id="holds_submit"><img
- alt="Submit" src="/opac/skin/kcls/graphics/btnSubmit.png" /></a>
+ alt="Submit" src="/images/btnSubmit.png" /></a>
<a href="#" id="holds_cancel"><img
- alt="Cancel" src="/opac/skin/kcls/graphics/btnCancel.png" /></a>
+ alt="Cancel" src="/images/btnCancel.png" /></a>
<br /><br />
<p>* If you need your item today, and it is checked in at your
library, please place your hold and then call your library to set it
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("summary");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("summary");'
class="rdetail_extras_lbl">Summary</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("subject");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("subject");' class="rdetail_extras_lbl">subject</a>
</div>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("content");'><img alt=""
- src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("content");' class="rdetail_extras_lbl">Contents</a>
</div>
</div>
class="rdetail_extras hide_me" id="rdetail_authors_link"><div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("authors");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("authors");' class="rdetail_extras_lbl">Author</a>
</div>
</div>
class="rdetail_extras hide_me" id="rdetail_series_link"><div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("series");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("series");'
class="rdetail_extras_lbl">series</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("awards");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("awards");'
class="rdetail_extras_lbl">awards, reviews & suggested reads</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("reviews");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("reviews");'
class="rdetail_extras_lbl">&rdetail.extras.reviews;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("excerpt");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("excerpt");'
class="rdetail_extras_lbl">&rdetail.extras.excerpt;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("preview");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("preview");'
class="rdetail_extras_lbl">&rdetail.extras.preview;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("novelist");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("novelist");'
class="rdetail_extras_lbl">&rdetail.extras.novelist;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("cn");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("cn");'
class="rdetail_extras_lbl">&rdetail.extras.browser;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("copyinfo");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("copyinfo");'
class="rdetail_extras_lbl">&rdetail.extras.summary;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("marc");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("marc");'
class="rdetail_extras_lbl">&rdetail.extras.marc;</a>
</div>
<div style="border-bottom:1px dotted #ccc;padding-top:10px;"
class="rdetail_aux_utils">
<a href="place_hold" id="rdetail_place_hold"><img
- src="/opac/skin/kcls/graphics/green_check.png" alt="place hold" />
+ src="/images/green_check.png" alt="place hold" />
<span style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</div>
<div style="padding-top:6px;" class="rdetail_aux_utils">
</div>
<a href="#"><img
alt="add to my list"
- src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+ src="/images/clipboard.png" /></a>
</div>
</div>
<div style="float:right;margin-right:17px;">
<div id="rdetail_locs_expand">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Show more locations</a>
</div>
<div id="rdetail_locs_collapse" class="hide_me">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Collapse locations</a>
</div>
<div id="rdetail_extras_expand">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Expand all tabs</a>
</div>
<div id="rdetail_extras_collapse" class="hide_me">
- <a href="#"><img src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ <a href="#"><img src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Collapse all tabs</a>
</div>
</td>
<td width="1" valign="top" align="right" style="white-space:nowrap;">
<a href="place_hold" id=''><img alt="Place Hold"
- src="/opac/skin/kcls/graphics/place_hold.gif" /></a>
+ src="/images/place_hold.gif" /></a>
<a href="#" id="rd_reviews_and_more" target="_blank"><img
- alt="Reviews and More" src="/opac/skin/kcls/graphics/reviews.gif" /></a>
+ alt="Reviews and More" src="/images/reviews.gif" /></a>
<a href="#" id=""><img alt="Add to My List"
- src="/opac/skin/kcls/graphics/add_mylist.gif" /></a>
+ src="/images/add_mylist.gif" /></a>
</td>
</tr>
</table>
<div style="border-bottom:1px dotted #ccc;padding-top:10px;"
class="results_aux_utils"><a
href="javascript:;" name="place_hold_link"><img
- src="/opac/skin/kcls/graphics/green_check.png"
+ src="/images/green_check.png"
alt="place hold" /><span
style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</div>
<a href="javascript:;"
name="result_my_list_link_img"><img
alt="add to my list"
- src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+ src="/images/clipboard.png" /></a>
</div>
<div style="padding-top:7px;" class="results_aux_utils">
<a title="Reviews and More" target="_blank"
name="reviews_and_more" href="javascript:;"><img
alt="reviews & more"
- src="/opac/skin/kcls/graphics/starz.png" /> <span
+ src="/images/starz.png" /> <span
style="position:relative;top:-5px;">Reviews & More</span></a>
</div>
</div>
<input type="button" id="search_submit" value="GO"
class="hide_me" /><a href="#"
id="search_submit_alt"><img
- alt="Search" src="/opac/skin/kcls/graphics/go-btn.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/go-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/go-btn.png';" /></a>
+ alt="Search" src="/images/go-btn.png"
+ onmouseover="this.src='/images/go-btn-hover.png';"
+ onmouseout="this.src='/images/go-btn.png';" /></a>
</div>
</div>
</td>
<div id="header">
<div class="float-left"><a
href="http://www.kcls.org"><img alt="KCLS Logo"
- src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /></a></div>
+ src="/images/KCLS_logo_horiz.gif" /></a></div>
<div class="float-right">
<div id="your-acct-login"><a
href="[% skin_root %]login" id="home_myopac_link"><img
alt="Your Account Log in"
- src="/opac/skin/kcls/graphics/login-btn.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/login-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/login-btn.png';" /></a></div>
+ src="/images/login-btn.png"
+ onmouseover="this.src='/images/login-btn-hover.png';"
+ onmouseout="this.src='/images/login-btn.png';" /></a></div>
</div>
<div class="float-right">
<div class="pos-rel">
<img
- src="/opac/skin/kcls/graphics/utils-corner-left.png"
+ src="/images/utils-corner-left.png"
class="float-left" />
<div class="left-corner">
<a href="javascript:history.go(-1)"
id="util_back_btn"><img alt="Back"
- src="/opac/skin/kcls/graphics/tool_back.png" /></a>
+ src="/images/tool_back.png" /></a>
<a href="[% skin_root %]home"
id="util_home_btn"><img alt="Homepage"
- src="/opac/skin/kcls/graphics/tool_home.png" /></a>
+ src="/images/tool_home.png" /></a>
<a href="javascript:window.print();"
id="util_print_btn"><img alt="Print Page"
- src="/opac/skin/kcls/graphics/tool_print.png" /></a>
+ src="/images/tool_print.png" /></a>
<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm"
id="util_help_btn"><img alt="Help"
- src="/opac/skin/kcls/graphics/tool_help.png" /></a>
+ src="/images/tool_help.png" /></a>
<a href="javascript:history.go(+1)"
id="util_forw_btn"><img alt="Forward"
- src="/opac/skin/kcls/graphics/tool_forward.png" /></a>
+ src="/images/tool_forward.png" /></a>
</div>
<img
- src="/opac/skin/kcls/graphics/utils-corner-right.png"
+ src="/images/utils-corner-right.png"
class="float-left" />
</div>
</div>
<div id="results_header_inner">
<div class="results_header_btns">
<a href="index.xml"><img alt="Another Search"
- src="/opac/skin/kcls/graphics/another_search.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/another_search_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/another_search.png';" /></a>
+ src="/images/another_search.png"
+ onmouseover="this.src='/images/another_search_hover.png';"
+ onmouseout="this.src='/images/another_search.png';" /></a>
</div>
<div class="results_header_btns">
<a href="advanced"><img alt="Advanced Search"
- src="/opac/skin/kcls/graphics/adv_search.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/adv_search_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/adv_search.png';" /></a>
+ src="/images/adv_search.png"
+ onmouseover="this.src='/images/adv_search_hover.png';"
+ onmouseout="this.src='/images/adv_search.png';" /></a>
</div>
<div class="results_header_btns cached_list_div">
<a href="#" class="hide_me" id="cacheListLink"><img
alt="View My List"
- src="/opac/skin/kcls/graphics/view_my_list.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/view_my_list_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/view_my_list.png';" /></a>
+ src="/images/view_my_list.png"
+ onmouseover="this.src='/images/view_my_list_hover.png';"
+ onmouseout="this.src='/images/view_my_list.png';" /></a>
</div>
<div class="results_header_div"></div>
<div class="results_header_lbl">Sort by</div>