.red { color: red; }
.bold-red { color: red; font-weight: bold }
.pointer { cursor: pointer; }
-.no-display { display: none }
+#lib_selector_span { display: none }
.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; }
.opac-auto-046 { float: right; width: 214px; }
.opac-auto-047 { float: right; width: 353px; background: #ccc; padding: 10px; margin-top: 7px; }
.opac-auto-048 { float: right; width: 65px; }
-.opac-auto-049 { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
+#they_said_dont_touch { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
.opac-auto-050 { float: right; width: 85px; }
.ten-px { font-size: 10px; }
.eleven-px { font-size: 11px; }
.normal-height { height: 15px; }
.big-height { height: 20px; }
.very-big-height { height: 30px; }
-.opac-auto-066 { height: 24px; background: #252525; }
+#gold-links-holder { height: 24px; background: #252525; }
.opac-auto-067 { margin: 3px; width: 100%; }
.big-block { margin: auto; width: 974px; height: 0px; }
.opac-auto-069 { margin-bottom: 10px; }
.opac-auto-071 { margin-bottom: 5px; }
.opac-auto-072 { margin-left: 20px; }
.opac-auto-073 { margin-left: 5px; margin-top: 5px; }
-.opac-auto-074 { margin-left: 6px; }
+#cn_browse_where { margin-left: 6px; }
.opac-auto-075 { margin-right: 20px; }
.opac-auto-076 { margin-right: 3px; }
.opac-auto-077 { margin-right: 4px; position: relative; top: -10px; }
.opac-auto-122 { padding-top: 7px; }
.opac-auto-123 { padding-top: 8px; }
.pos-abs { position: absolute; }
-.opac-auto-126 { position: absolute; z-index: 101; }
+#new_cat_link_holder { position: absolute; z-index: 101; }
+#new_cat_link_holder a { display: block; width: 675px; height: 213px; }
.pos-rel { position: relative; }
-.opac-auto-128 { position: relative; left: -10px; }
+#search-box table { position: relative; left: -10px; }
.opac-auto-129 { position: relative; left: -19px; }
.opac-auto-130 { position: relative; left: 80px; }
.opac-auto-131 { position: relative; top: 0px; left: 55px; }
.opac-auto-135 { position: relative; top: -15px; left: -23px; }
.opac-auto-136 { position: relative; top: 161px; left: 172px; }
.opac-auto-137 { position: relative; top: 161px; left: -23px; }
-.opac-auto-138 { position: relative; top: -1px; left: 10px; }
+#home_adv_search_link { position: relative; top: -1px; left: 10px; }
#util_back_btn { position: relative; top: 1px; left: 10px; }
.opac-auto-140 { position: relative; top: -2px; }
#util_help_btn { position: relative; top: 2px; left: 40px; }
.opac-auto-145 { position: relative; top: -3px; left: 3px; }
.opac-auto-146 { position: relative; top: -3px; left: -5px; }
.opac-auto-147 { position: relative; top: -5px; }
-.opac-auto-148 { position: relative; top: 5px; }
+#learn_more { position: relative; top: 5px; }
.opac-auto-149 { position: relative; top: 5px; left: 25px; }
#util_print_btn { position: relative; top: 5px; left: 30px; }
.opac-auto-151 { position: relative; top: 75px; }
.opac-auto-174 { width: 111px; height: 25px; }
.opac-auto-175 { width: 125px; height: 21px; }
.opac-auto-176 { width: 129px; }
-.opac-auto-177 { width: 162px; }
+#search_box { width: 162px; }
.opac-auto-178 { width: 174px; }
.opac-auto-179 { width: 175px; margin-right: 11px; }
.opac-auto-180 { width: 182px; color: black; padding: 5px 25px; }
.opac-auto-189 { width: 742px; float: left; }
.opac-auto-190 { width: 88px; }
.opac-auto-191 { width: 90px; }
-.opac-auto-192 { width: 90%; text-align: center; margin: 10px; }
+#cn_browse_div > div { width: 90%; text-align: center; margin: 10px; }
.opac-auto-193 { width: 91px; }
-.opac-auto-194 { width: 95%; text-align: center; padding: 15px; }
+#cn_browse { width: 95%; text-align: center; padding: 15px; }
.opac-auto-195 { width: 99%; text-align: center }
$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 */
[% WRAPPER "default/kcls-wire/parts/base.tt2";
INCLUDE "default/kcls-wire/parts/topnav.tt2";
ctx.page_title = "Advanced Search" %]
-[% END -%]
<div id="search-wrapper">
[% INCLUDE "default/kcls-wire/parts/utils.tt2" %]
<div id="adv_search_parent">
<!-- ****************** cn_browse.xml ***************************** -->
-<div id='cn_browse' class='hide_me cn_browser'
- style='width: 95%; text-align: center; padding: 15px;'>
- <div id='cn_browse_loading' class='cn_browse_loading hide_me'>&common.cn.loading;</div>
+<div id='cn_browse' class='cn_browser'>
+ <div id='cn_browse_loading' class='cn_browse_loading hide_me'>
+ &common.cn.loading;
+ </div>
<div id='cn_browse_div'>
- <div style='width: 90%; text-align: center; margin: 10px;' class='color_4'>
+ <div class='color_4'>
<span>&common.cn.browsing;</span>
- <b style='margin-left: 6px;' id='cn_browse_where'> </b>
+ <b id='cn_browse_where'> </b>
</div>
<table class='data_grid bookshelf' width='100%'>
<thead>
<td id='cn_browse_td' class='cn_browse_item' width='25%' valign='top'>
<a><img height='60' width='50'
class='cn_browse_info' name='cn_browse_pic' border='0' /></a>
- <div style='font-weight: bold;' class='cn_browse_info' name='cn_browse_cn'></div>
+ <div class='cn_browse_info bold' name='cn_browse_cn'></div>
<div class='cn_browse_info'>
<a name='cn_browse_title' class='classic_link'></a>
</div>
<div id="hp-welcome">
<h1>Welcome to the<br />New Library Catalog!</h1>
Featuring enhanced holds, management<br />tools, improved self checkout, and more.<br /><br />
- <a href="http://www.kcls.org/newcatalog" style="position:relative;top:5px;">Learn more »</a><br /><br />
-
+ <a href="http://www.kcls.org/newcatalog" id="learn_more">Learn more »</a>
+ <br /><br />
<div id="paginate-homebanner">
- <!-- <a href="#" class="next">next</a>
- <a href="#" class="prev">prev</a> -->
-
<!-- ************************************ home page rotator navigator start ************************************* -->
+ <!-- these are presumably temporary anyway, no need to use css -->
<a class="toc" href="#1" rel="1" style="background:gray;"></a>
<a class="toc" href="#2" rel="2" style="background:#ffc331;"></a>
<a class="toc" href="#3" rel="3" style="background:pink;"></a>
<a class="toc" href="#7" rel="7" style="background:white;"></a>
<!-- **************************************** home page navigator end ******************************************* -->
-
-
-
<!-- DON'T TOUCH THESE NEXT 4 LINES! -->
</div>
</div>
- <div style="float:right;width:675px;height:213px;color:green;overflow:hidden;">
- <div id="homebanner" class="sliderwrapper">
-
-
-
-
-
+ <div id="they_said_dont_touch">
+ <div id="homebanner" class="sliderwrapper">
<!-- ************************************ home page banner start ********************************************** -->
<div class="contentdiv" style="background:white;">
</td></tr></table>
</div>
<!-- ************************************* home page banner end *********************************************** -->
-
-
-
-
-
-
</div>
-
<script type="text/javascript">
featuredcontentslider.init({
id: "homebanner",
})
</script>
- <div style="position:absolute;z-index:101;"><div style="position:relative;"><a href="http://www.kcls.org/newcatalog" style="display:block;width:675px;height:213px;"></a></div></div>
- <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
-
-
-
- </div>
+ <div id="new_cat_link_holder">
+ <div class="pos-rel">
+ <a href="http://www.kcls.org/newcatalog"></a>
+ </div>
+ </div>
+ <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
+ </div>
</div>
<div id="hp-buttons">
- <div style="float:left;"><img src="/opac/skin/kcls/graphics/hp-links-left.jpg" /></div>
- <div style="float:left;">
+ <div class="float-left">
+ <img src="/opac/skin/kcls/graphics/hp-links-left.jpg" />
+ </div>
+ <div class="float-left">
<div id="home-buttons-inner">
<table cellpadding="0" cellspacing="5" border="0" id="hp-ql-table">
- <tr><td colspan="4"><span style="color: #333;font-weight: bold;font-size: 13px;">Browse for:</span></td></tr>
+ <tr><td colspan="4"><span class="opac-auto-029">Browse for:</span></td></tr>
<tr><td><a href="http://www.kcls.org/booksandreading/">books</a></td><td><a href="http://www.kcls.org/movies/movies_browse.cfm">movies</a></td><td><a href="http://www.kcls.org/ecollection/">downloads</a></td><td><a href="http://www.kcls.org/websites/">websites</a></td></tr>
<tr><td><a href="http://www.kcls.org/music/">music</a></td><td><a href="http://www.kcls.org/databases/subject_categories.cfm#17">magazines</a></td><td><a href="http://www.kcls.org/databases/">databases</a></td><td><a href="http://www.kcls.org/answers/">answers</a></td></tr>
</table>
<span id='depth_selector_span'>
<select id='depth_selector'><!-- XXX TODO --></select>
</span>
- <span style="display:none" id='lib_selector_span'>
+ <span id='lib_selector_span'>
<a id='lib_selector_link' class='classic_link'
href='javascript:void(0)'>&library.select.help;</a>
</span>
<div id="search-box">
- <table cellpadding="0" cellspacing="10" border="0"
- style="position:relative;left:-10px;">
+ <table cellpadding="0" cellspacing="10" border="0">
<tr>
<td colspan="3">
<span class="search_catalog_lbl">Search the Catalog</span>
- <a href="[% skin_root %]advanced" id="home_adv_search_link"
- style="position:relative;top:-1px;left:10px;"><span
+ <a href="[% skin_root %]advanced"
+ id="home_adv_search_link"><span
class="adv_search_font">Advanced Search</span></a>
</td>
</tr>
</td>
<td>
<div id="search_box_wrapper">
- <input type="text" id="search_box" style="width:162px;"
+ <input type="text" id="search_box"
value="Search Keyword"
onfocus="if (this.value=='Search Keyword'){this.value='';this.style.color='#000';}"
onblur="if (this.value==''){this.value='Search Keyword';this.style.color='#999';}" />
</div>
</td>
<td valign="top">
- <div style="position:absolute;">
- <div style="position:relative;top:-3px;">
+ <div class="pos-abs">
+ <div class="opac-auto-143">
<input type="button" id="search_submit" value="GO"
class="hide_me" /><a href="javascript:;"
id="search_submit_alt"
</table>
<div class="hide_me">
<input type="checkbox" id="opac.result.limit2avail" />
- <label style="position:relative;top:-3px;"
+ <label class="opac-auto-143"
for="opac.result.limit2avail">
- <span style="font-size:10px;">Limit to available items</span>
+ <span class="ten-px">Limit to available items</span>
</label>
</div>
<div id="breadcrumb">
<span>&common.tips.tip1;</span>
<span>&common.tips.tip2;</span>
</div>
- <span style="font-weight: bold;">&tips.label;</span>
+ <strong>&tips.label;</strong>
</div>
</div>
<!-- ****************** end: tips.xml ***************************** -->
<!-- ****************** top_nav.xml ***************************** -->
<div id="header">
- <div style="float:left;"><a
+ <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>
- <div style="float:right;">
+ <div class="float-right">
<div id="your-acct-login"><a
href="[% skin_root %]login" id="home_myopac_link"><img
alt="Your Account Log in"
</div>
<div class="common-no-pad"></div>
</div>
-<div style="height:24px;background:#252525;">
+<div id="gold-links-holder">
<div id="gold-links">
<div id="header-links">
<a href="http://www.kcls.org/usingthelibrary/index.cfm">Using the Library</a>