my $path = $self->apache->path_info;
return $self->load_simple("index") if $path =~ m|kpac/index|;
+ return $self->load_simple("category") if $path =~ m|kpac/category|;
+ return $self->load_simple("checkout") if $path =~ m|kpac/checkout|;
+ return $self->load_simple("checkout_results") if $path =~ m|kpac/checkout_results|;
+ return $self->load_simple("detailed") if $path =~ m|kpac/detailed|;
+ return $self->load_simple("search_results") if $path =~ m|kpac/search_results|;
# ----------------------------------------------------------------
# Everything below here requires SSL
--- /dev/null
+[%
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l("Sub Page");
+%]
+
+<h2 class="sub_header2">Living Creatures</h2>
+<div class="hr"> </div>
+<div class="sub_cat_wrapper">
+ <table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
+ <tr>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series this is more test text</span></a></td>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Current Events</span></a></td>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>
+ </tr>
+ </table>
+</div>
+
+<div class="sub_navigation1">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%">
+ <tr>
+ <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ </tr>
+ </table>
+</div>
+
+[% END %]
--- /dev/null
+[%
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l("Sub Page");
+%]
+
+ <div id="search_results_parent">
+ <div class="search_results checkout_item_pad">
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_info">
+ <div class="item_detail_name">Book Name</div>
+ <div class="item_detail_author">by Author Name</div>
+ <div class="item_detail_callnumber">Call Number</div>
+ <div class="item_detail_extra_info">Publisher, Year, Size</div>
+ </div>
+ <div class="item_icon_wrapper">
+ <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon_type_text">Book</div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+
+ <div class="checkout_options">
+ <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" class="left_brain_cell">
+ <div class="left_brain">
+
+ <!-- ************************************* all help popups should go here **************************************** -->
+ <div class="popup_wrapper">
+ <div class="popup_wrapper_inner" id="card_help">
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td class="popup_tl"><div class="clear"> </div></td>
+ <td class="popup_tm"><div class="clear"> </div></td>
+ <td class="popup_tr"><div class="clear"> </div></td>
+ </tr>
+ <tr>
+ <td class="popup_lm"><div class="clear"> </div></td>
+ <td class="popup_mid"><div class="popup_content"><img src="graphics/library_card.png" alt="library card" /></div></td>
+ <td class="popup_rm"><div class="clear"> </div></td>
+ </tr>
+ <tr>
+ <td class="popup_bl"><div class="clear"> </div></td>
+ <td class="popup_bm"><div class="clear"> </div></td>
+ <td class="popup_br"><div class="clear"> </div></td>
+ </tr>
+ <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+ </table>
+ </div>
+ </div>
+
+ <div class="popup_wrapper">
+ <div class="popup_wrapper_inner" id="test_popup">
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td class="popup_tl"><div class="clear"> </div></td>
+ <td class="popup_tm"><div class="clear"> </div></td>
+ <td class="popup_tr"><div class="clear"> </div></td>
+ </tr>
+ <tr>
+ <td class="popup_lm"><div class="clear"> </div></td>
+ <td class="popup_mid"><div class="popup_content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <a href="javascript:alert('hi');">nonummy</a> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit</p></div></td>
+ <td class="popup_rm"><div class="clear"> </div></td>
+ </tr>
+ <tr>
+ <td class="popup_bl"><div class="clear"> </div></td>
+ <td class="popup_bm"><div class="clear"> </div></td>
+ <td class="popup_br"><div class="clear"> </div></td>
+ </tr>
+ <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>
+ </table>
+ </div>
+ </div>
+<!-- ********************************************** end popups *************************************************** -->
+
+
+
+
+ <div class="top_side">
+ <h2>get it!</h2>
+ <p>If you would like to request this item, please enter the following information and click<br />Submit below:</p>
+ </div>
+ <div class="checkout_box">
+ <div class="box1_top"> </div>
+ <div class="box_inside">
+ <p>Library Card Number without spaces:</p>
+ <div class="input_box"><input type="text" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
+ <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+ <div class="clear"> </div>
+ <div class="hr"> </div>
+ <p>Pin Number:</p>
+ <div class="input_box"><input type="password" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>
+ <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>
+ <div class="clear"> </div>
+ <div class="hr"> </div>
+ <p>Choose a Pickup Library:</p>
+ <div class="pickup_lib"><select name="library"><option>Fairwood</option></select></div>
+ </div>
+ </div>
+ <div class="submit_btn">
+ <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+ </div>
+ </div>
+ </td><td valign="top">
+ <div class="right_brain">
+ <div class="top_side">
+ <h2>save it!</h2>
+ <p>If you would like to save this item to a list to be requested later, please choose a location and click<br />Submit below.</p>
+ </div>
+ <div class="checkout_box">
+ <div class="box1_top"> </div>
+ <div class="box_inside">
+ <p>Choose a Pickup Library:</p>
+ <div class="pickup_lib"><select name="library"><option>Fairwood</option></select></div>
+ <div class="hr"> </div>
+ <div><a href="javascript:;">View all KCLS libraries</a></div>
+ </div>
+ </div>
+ <div class="submit_btn">
+ <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>
+ </div>
+ </div>
+ </td></tr></table>
+ </div>
+
+ <div class="sub_navigation2 checkout">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="javascript:;"><img src="graphics/cancel_back_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"> </td>
+ </tr></table>
+ </div>
+
+[% END %]
--- /dev/null
+[%
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l("Sub Page");
+%]
+
+
+ <h2 class="sub_header2">You Got It!</h2>
+
+ <div class="checkout_res_body">
+ <p>Your Request for <a href="javascript:;">Book Name</a> was successful.<br />You will be able to pick up this material at <a href="javascript:;">Fairwood</a>.</p>
+ </div>
+
+ <div class="sub_navigation2 checkout">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="javascript:;"><img src="graphics/back_to_results_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"> </td>
+ <td><img src="graphics/back_to_book.png" /></td>
+ <td nowrap="nowrap"><a class="checkout_res_back" href="javascript:;">Back to <span>Book Name</span></a></td>
+ </tr></table>
+ </div>
+
+[% END %]
+
--- /dev/null
+[%
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l("Sub Page");
+%]
+
+ <!-- did somebody order the div salad? -->
+ <div class="item_detail_header">
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+
+ <div class="item_detail_info">
+ <div class="item_detail_name">Book Name</div>
+ <div class="item_detail_author">by Author Name</div>
+ <div class="item_detail_icon_rate">
+ <div class="item_icon_wrapper">
+ <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon_type_text">Book</div>
+ </div>
+
+ <div class="item_detail_rate_wrapper">
+ <div class="item_detail_rate_starts"><img alt="rating" src="graphics/stars!.png" /></div>
+ <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>
+ <div class="clear"> </div>
+ <div class="item_detail_cn_wrapper">
+ <div class="item_detail_callnumber">Call Number</div>
+ <div class="item_detail_extra_info">Publisher, Year, Size</div>
+ </div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ <div class="item_detail_header_buttons">
+ <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="graphics/get_it_btn.png" /></a></div>
+ <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="graphics/go_back_btn.png" /></a></div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+ <div class="sub_header">You can find this item at these locations:</div>
+ <div class="item_detail_location_wrapper">
+ <table cellpadding="0" cellspacing="0" border="0" class="item_location_table">
+ <tbody>
+ <tr class="header">
+ <td class="location">Location</td>
+ <td class="loc_info"> </td>
+ <td class="status">Status</td>
+ <td class="callnumber">Call Number</td>
+ </tr>
+ <tr>
+ <td class="location">Bellevue Library</td>
+ <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
+ <td class="status">Check Shelf</td>
+ <td class="callnumber">J613.71 CRE</td>
+ </tr>
+ <tr class="gray">
+ <td class="location">Burien Library</td>
+ <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
+ <td class="status">Check Shelf</td>
+ <td class="callnumber">J613.71 CRE</td>
+ </tr>
+ <tr>
+ <td class="location">Newport Library</td>
+ <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
+ <td class="status">Due: 03-13-10</td>
+ <td class="callnumber">J613.71 CRE</td>
+ </tr>
+ <tr class="gray">
+ <td class="location">Redmond Library</td>
+ <td class="loc_info"><a href="javascript:;">View Library Info</a></td>
+ <td class="status">Check Shelf</td>
+ <td class="callnumber">J613.71 CRE</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="sub_header">About this item:</div>
+ <div class="item_detail_desc">
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <a href="javascript:;">nonummy</a> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit</p>
+ </div>
+ <div class="item_detail_extras_tabs">
+ <a href="javascript:;">Reviews</a>
+ <div class="selected">Rate this Item</div>
+ <a href="javascript:;">About the Author</a>
+ <div class="clear"> </div>
+ </div>
+ <div class="item_detail_rating_top">
+ <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table"><tr>
+ <td class="avg_rate">Average Rating</td>
+ <td class="stars"><img alt="rating" src="graphics/stars!.png" /></td>
+ <td class="total_rates">out of 132 reviews</td>
+ </tr></table>
+ <div class="clear"> </div>
+ </div>
+ <div class="item_detail_rating">
+ <div class="review_box_top"> </div>
+ <div class="review_box_body">
+ <div class="input_boxes">
+ <table cellpadding="0" cellspacing="0" border="0"><tr>
+ <td class="review_name_cell"><input type="text" class="review_name" style="color:#aaa;" value=" Name " onfocus="if(this.value==' Name '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Name '; this.style.color='#aaa';}" /></td>
+ <td class="review_email_cell"><input type="text" class="review_email" style="color:#aaa;" value=" Email Address " onfocus="if(this.value==' Email Address '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Email Address '; this.style.color='#aaa';}" /></td>
+ <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>
+ </tr></table>
+ </div>
+ <div class="item_detail_rating2">
+ <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>
+ <td class="rate">Rating</td>
+ <td class="stars"><img alt="rating" src="graphics/stars!_gray.png" /></td>
+ <td class="scale">1 = Poor, 5 = Awesome</td>
+ </tr></table>
+
+ </div>
+ <div class="review_comment_box"><textarea class="review_comment" style="color:#aaa;" onfocus="if(this.value==' Write the reasons for your rating here. '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Write the reasons for your rating here. '; this.style.color='#aaa';}"> Write the reasons for your rating here. </textarea></div>
+ <div class="clear"> </div>
+ </div>
+ <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="graphics/review_submit_btn.png" /></a></div>
+ </div>
+
+ <div class="sub_navigation1">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ </tr></table>
+ </div>
+
+[% END %]
+++ /dev/null
-[%
- PROCESS "opac/parts/header.tt2";
- PROCESS "kpac/parts/page.tt2";
- WRAPPER "kpac/parts/base.tt2";
- ctx.page_title = l("Home")
-%]
-
- [% render_kpac_page(ctx.kpac_layout); %]
-
-[% END %]
-[% \r
- PROCESS "opac/parts/header.tt2";\r
- PROCESS "kpac/parts/page.tt2";\r
- WRAPPER "kpac/parts/base.tt2";\r
- ctx.page_title = l("Home") \r
-%]\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/kpac/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="[% ctx.media_prefix %]/images/kpac/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow">\r
- <div class="main_tl_corner"> </div>\r
- <div class="main_mid_top"> </div>\r
- <div class="main_tr_corner"> </div>\r
- <div class="clear"> </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top">\r
- <div class="search_wrapper">\r
- <h1>Search your Library</h1>\r
- <h3>for books, movies, music, magazines, and more!</h3>\r
- <table cellpadding="0" cellspacing="0" border="0" align="center" class="search_box_wrapper"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label st_author_box"><label for="st_author">Author</label></td>\r
- <td><input type="text" class="search_box" /></td>\r
- <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/search_btn.png" alt="search" /></a></td>\r
- </tr></table>\r
- </div>\r
- \r
- <div class="category_wrapper">\r
- <h3 class="c_header_image">Or click on an image to get started:</h3>\r
- [% render_kpac_page(ctx.kpac_layout); %]\r
-\r
- <!--\r
- <table cellpadding="0" cellspacing="0" border="0" class="main_category_table">\r
- <tr>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series this is more test text</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Current Events</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- </tr>\r
- <tr>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td width="20%"><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/category.png" alt="" /><span>Book Series</span></a></td>\r
- </tr>\r
- </table>\r
- -->\r
- </div>\r
-\r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_bl_corner"> </div>\r
- <div class="main_mid_bottom"> </div>\r
- <div class="main_br_corner"> </div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-[% END %]\r
-\r
+[%
+ PROCESS "opac/parts/header.tt2";
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/base.tt2";
+ ctx.page_title = l("Home")
+%]
+
+<div class="main_top_shadow">
+ <div class="main_tl_corner"> </div>
+ <div class="main_mid_top"> </div>
+ <div class="main_tr_corner"> </div>
+ <div class="clear"> </div>
+</div>
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+ <tr>
+ <td width="3" class="main_left_shadow"><div class="clear"> </div></td>
+ <td valign="top" class="main_inside_cell" valign="top">
+ <div class="search_wrapper">
+ <h1>Search your Library</h1>
+ <h3>for books, movies, music, magazines, and more!</h3>
+ <table cellpadding="0" cellspacing="0" border="0" align="center" class="search_box_wrapper">
+ <tr>
+ <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td>
+ <td class="st_label"><label for="st_word">Word</label></td>
+ <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td>
+ <td class="st_label"><label for="st_title">Title</label></td>
+ <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td>
+ <td class="st_label st_author_box"><label for="st_author">Author</label></td>
+ <td><input type="text" class="search_box" /></td>
+ <td><a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/search_btn.png" alt="search" /></a></td>
+ </tr>
+ </table>
+ </div>
+ <div class="category_wrapper">
+ <h3 class="c_header_image">Or click on an image to get started:</h3>
+ [% render_kpac_grid(ctx.kpac_layout); %]
+ </div>
+
+ </td>
+ <td width="3" class="main_right_shadow"><div class="clear"> </div></td>
+ </tr>
+</table>
+
+<div class="main_bottom_shadow">
+ <div class="main_bl_corner"> </div>
+ <div class="main_mid_bottom"> </div>
+ <div class="main_br_corner"> </div>
+ <div class="clear"> </div>
+</div>
+
+[% END %]
+
<title>[% l("Kid's Catalog - [_1]", ctx.page_title) %]</title>
</head>
<body>
- [% content %]
- [%# INCLUDE 'opac/parts/js.tt2' %]
+ <div class="main_center">
+
+ <!-- TODO -->
+ <div class="main_header_wrapper">
+ <div class="logo_wrapper">
+ <a href="javascript:;">
+ <span class="logo_left"> </span>
+ <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/kpac/kcls_logo.jpg" alt="kcls" /></span>
+ <span class="logo_right"> </span>
+ </a>
+ </div>
+ <div class="header_utils">
+ <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img
+ alt="text size" src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png" /></a>
+ <a href="javascript:;" class="print_btn"><span>Print</span> <img
+ alt="print" src="[% ctx.media_prefix %]/images/kpac/print_btn.png" /></a>
+ </div>
+ <div class="header_menu">
+ <!-- menu rendered in reverse order -->
+ <a href="javascript:;">Login</a>
+ <a href="javascript:;">Get a Library Card</a>
+ <a href="javascript:;">Help</a>
+ </div>
+ <div class="clear"> </div>
+ </div>
+
+ <div class="main_wrapper"> [% content %] </div>
+
+ <!-- TODO -->
+ <div class="footer_wrapper">
+ <a href="javascript:;">Contact Us</a>
+ <a href="javascript:;">Site Help</a>
+ <a href="javascript:;">Site Map</a>
+ <a href="javascript:;">Back to Main KCLS Catalog</a>
+ <div class="clear"> </div>
+ </div>
+
+ </div>
+ <script type="text/javascript" src="js/functions.js"></script>
</body>
</html>
--- /dev/null
+
+[%
+ MACRO img_path(img) BLOCK;
+ IF img.match('^/') OR img.match('^https?://');
+ img;
+ ELSE;
+ ctx.media_prefix _ '/images/kpac/' _ img;
+ END;
+ END;
+%]
+
+[%
+ MACRO render_kpac_grid(page) BLOCK;
+ ncols = page.columns;
+ name = page.name;
+ idx = 0 %]
+<table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
+ <tr>
+ [%
+ width = POSIX.floor(100 / ncols);
+ FOR cell IN page.cell;
+ IF idx == ncols;
+ %]</tr><tr>[%
+ idx = 0;
+ END;
+ idx = idx + 1;
+
+ IF cell.type == 'topic';
+ page_id = cell.content;
+ topic_page = ctx.kpac_config.pages.page.$page_id %]
+
+ <td width="[% width %]%"><a href="javascript:;"><img
+ src="[% img_path(topic_page.img) %]" alt="" /><span>[% topic_page.name %]</span></a></td>
+
+ [% ELSIF cell.type == 'search'; %]
+
+ <td>[% cell.name _ ' : ' _ cell.content %]</td>
+ <td><img src="[% ctx.media_prefix %][% cell.img %]"</td>
+
+ [% ELSIF cell.type == 'link'; %]
+
+ <td>[% cell.name _ ' : ' _ cell.content %]</td>
+ <td><img src="[% ctx.media_prefix %][% cell.img %]"</td>
+
+ [% END %]
+ [% END %]
+ </tr>
+</table>
+[% END %]
+++ /dev/null
-
-[%
- MACRO img_path(img) BLOCK;
- IF img.match('^/') OR img.match('^https?://');
- img;
- ELSE;
- ctx.media_prefix _ '/images/kpac/' _ img;
- END;
- END;
-%]
-
-[%
- MACRO render_kpac_page(page) BLOCK;
- ncols = page.columns;
- name = page.name;
- idx = 0 %]
-<table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
- <tr>
- [%
- width = POSIX.floor(100 / ncols);
- FOR cell IN page.cell;
- IF idx == ncols;
- %]</tr><tr>[%
- idx = 0;
- END;
- idx = idx + 1;
-
- IF cell.type == 'topic';
- page_id = cell.content;
- topic_page = ctx.kpac_config.pages.page.$page_id %]
-
- <td width="[% width %]%"><a href="javascript:;"><img
- src="[% img_path(topic_page.img) %]" alt="" /><span>[% topic_page.name %]</span></a></td>
-
- [% ELSIF cell.type == 'search'; %]
-
- <td>[% cell.name _ ' : ' _ cell.content %]</td>
- <td><img src="[% ctx.media_prefix %][% cell.img %]"</td>
-
- [% ELSIF cell.type == 'link'; %]
-
- <td>[% cell.name _ ' : ' _ cell.content %]</td>
- <td><img src="[% ctx.media_prefix %][% cell.img %]"</td>
-
- [% END %]
- [% END %]
- </tr>
-</table>
-[% END %]
--- /dev/null
+[%
+ PROCESS "opac/parts/header.tt2";
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/base.tt2";
+%]
+
+ <div class="main_top_shadow_sub">
+ <div class="main_mid_top_sub">
+ <div class="breadcrumb">
+ <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>
+ <div class="bread_green_mid"> </div>
+ <a href="javascript:;">Animals, insects, & birds</a>
+ <div class="bread_green_mid"> </div>
+ <a href="javascript:;">search results</a>
+ <div class="bread_green_mid"> </div>
+ <a href="javascript:;">book name</a>
+ <div class="bread_green_last"> </div>
+ <span class="bread_last">got it</span>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ </div>
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td width="3" class="main_left_shadow"><div class="clear"> </div></td>
+ <td valign="top" class="main_inside_cell" valign="top" height="300">
+ <div class="main_content_wrapper">
+
+<!-- ******************************************** main content body start **************************************** -->
+
+
+ [% content %]
+
+
+<!-- **************************************************** end content body ************************************************ -->
+
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td width="266" valign="top" class="sub_sidebar">
+ <div class="sub_sidebar_inner">
+ <div class="sub_sidebar_header">New Search</div>
+ <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>
+ <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>
+ <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>
+ <td class="st_radio_spacer"><div> </div></td>
+ <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>
+ <td class="st_radio_spacer"><div> </div></td>
+ <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>
+ </tr></table>
+ <div class="hr"> </div>
+ <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>
+ <div class="hr"> </div>
+ <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>
+ </div>
+
+ </td>
+ <td width="3" class="main_right_shadow"><div class="clear"> </div></td>
+ </tr></table>
+ <div class="main_bottom_shadow">
+ <div class="main_mid_bottom_sub"> </div>
+ </div>
+
+[% END %]
+
+
--- /dev/null
+[%
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l("Sub Page");
+%]
+
+ <h2 class="sub_header2">Search Results</h2>
+
+ <div class="sub_navigation2">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+ <td width="100%" class="nav_mid_bg">
+ <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
+ </td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
+ </tr></table>
+ </div>
+
+ <div id="search_results_parent">
+ <div class="search_results" id="search_results_template">
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_info">
+ <div class="item_detail_name">Book Name</div>
+ <div class="item_detail_author">by Author Name</div>
+ <div class="item_detail_callnumber">Call Number</div>
+ <div class="item_detail_extra_info">Publisher, Year, Size</div>
+ <div class="item_detail_actions">
+ <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ <div class="item_icon_wrapper">
+ <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon_type_text">Book</div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+
+ <div class="search_results">
+ <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>
+ <div class="item_detail_info">
+ <div class="item_detail_name">Book Name</div>
+ <div class="item_detail_author">by Author Name</div>
+ <div class="item_detail_callnumber">Call Number</div>
+ <div class="item_detail_extra_info">Publisher, Year, Size</div>
+ <div class="item_detail_actions">
+ <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>
+ <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+ <div class="item_icon_wrapper">
+ <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>
+ <div class="item_icon_type_text">Book</div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+
+ <div class="sub_navigation3">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>
+ <td width="100%" class="nav_mid_bg">
+ <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>
+ </td>
+ <td><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>
+ <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>
+ </tr></table>
+ </div>
+
+[% END %]
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-<script type="text/javascript" src="js/functions.js"></script>\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">Animals, insects, & birds</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
-<!-- ******************************************** main content body start **************************************** -->\r
- \r
- \r
- <h2 class="sub_header2">Living Creatures</h2>\r
- <div class="hr"> </div>\r
- <div class="sub_cat_wrapper">\r
- <table cellpadding="0" cellspacing="0" border="0" class="main_category_table">\r
- <tr>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series this is more test text</span></a></td>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Current Events</span></a></td>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>\r
- </tr>\r
- <tr>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>\r
- <td><a href="javascript:;"><img src="graphics/category.png" alt="" /><span>Book Series</span></a></td>\r
- </tr>\r
- </table>\r
- </div>\r
- \r
- \r
- <div class="sub_navigation1">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg"></td>\r
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>\r
- </tr></table>\r
- </div>\r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- \r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-<script type="text/javascript" src="js/functions.js"></script>\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Animals, insects, & birds</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">search results</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">book name</a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">got it</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
-<!-- ******************************************** main content body start **************************************** -->\r
- \r
- \r
- <div id="search_results_parent">\r
- <div class="search_results checkout_item_pad">\r
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>\r
- <div class="item_detail_info">\r
- <div class="item_detail_name">Book Name</div>\r
- <div class="item_detail_author">by Author Name</div>\r
- <div class="item_detail_callnumber">Call Number</div>\r
- <div class="item_detail_extra_info">Publisher, Year, Size</div>\r
- </div>\r
- <div class="item_icon_wrapper">\r
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>\r
- <div class="item_icon_type_text">Book</div>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- \r
- <div class="checkout_options">\r
- <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" class="left_brain_cell">\r
- <div class="left_brain">\r
- \r
- \r
- \r
- \r
-<!-- ************************************* all help popups should go here **************************************** -->\r
- <div class="popup_wrapper">\r
- <div class="popup_wrapper_inner" id="card_help">\r
- <table cellpadding="0" cellspacing="0" border="0">\r
- <tr>\r
- <td class="popup_tl"><div class="clear"> </div></td>\r
- <td class="popup_tm"><div class="clear"> </div></td>\r
- <td class="popup_tr"><div class="clear"> </div></td>\r
- </tr>\r
- <tr>\r
- <td class="popup_lm"><div class="clear"> </div></td>\r
- <td class="popup_mid"><div class="popup_content"><img src="graphics/library_card.png" alt="library card" /></div></td>\r
- <td class="popup_rm"><div class="clear"> </div></td>\r
- </tr>\r
- <tr>\r
- <td class="popup_bl"><div class="clear"> </div></td>\r
- <td class="popup_bm"><div class="clear"> </div></td>\r
- <td class="popup_br"><div class="clear"> </div></td>\r
- </tr>\r
- <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>\r
- </table>\r
- </div>\r
- </div>\r
- \r
- <div class="popup_wrapper">\r
- <div class="popup_wrapper_inner" id="test_popup">\r
- <table cellpadding="0" cellspacing="0" border="0">\r
- <tr>\r
- <td class="popup_tl"><div class="clear"> </div></td>\r
- <td class="popup_tm"><div class="clear"> </div></td>\r
- <td class="popup_tr"><div class="clear"> </div></td>\r
- </tr>\r
- <tr>\r
- <td class="popup_lm"><div class="clear"> </div></td>\r
- <td class="popup_mid"><div class="popup_content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <a href="javascript:alert('hi');">nonummy</a> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit</p></div></td>\r
- <td class="popup_rm"><div class="clear"> </div></td>\r
- </tr>\r
- <tr>\r
- <td class="popup_bl"><div class="clear"> </div></td>\r
- <td class="popup_bm"><div class="clear"> </div></td>\r
- <td class="popup_br"><div class="clear"> </div></td>\r
- </tr>\r
- <tr><td colspan="3" align="center" valign="top"><img class="popup_arrow_bm" src="graphics/popup_arrow_bm.png" /></td></tr>\r
- </table>\r
- </div>\r
- </div>\r
-<!-- ********************************************** end popups *************************************************** -->\r
- \r
- \r
- \r
- \r
- <div class="top_side">\r
- <h2>get it!</h2>\r
- <p>If you would like to request this item, please enter the following information and click<br />Submit below:</p>\r
- </div>\r
- <div class="checkout_box">\r
- <div class="box1_top"> </div>\r
- <div class="box_inside">\r
- <p>Library Card Number without spaces:</p>\r
- <div class="input_box"><input type="text" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>\r
- <a class="help_btn" href="javascript:;" onclick="helpPopup('card_help', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>\r
- <div class="clear"> </div>\r
- <div class="hr"> </div>\r
- <p>Pin Number:</p>\r
- <div class="input_box"><input type="password" class="text_box" style="color:#aaa;" value=" Enter Numbers... " onfocus="if(this.value==' Enter Numbers... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Numbers... '; this.style.color='#aaa';}" /></div>\r
- <a class="help_btn" href="javascript:;" onclick="helpPopup('test_popup', this, event);"><img src="graphics/question_mark.png" alt="pin number help" /></a>\r
- <div class="clear"> </div>\r
- <div class="hr"> </div>\r
- <p>Choose a Pickup Library:</p>\r
- <div class="pickup_lib"><select name="library"><option>Fairwood</option></select></div>\r
- </div>\r
- </div>\r
- <div class="submit_btn">\r
- <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>\r
- </div>\r
- </div>\r
- </td><td valign="top">\r
- <div class="right_brain">\r
- <div class="top_side">\r
- <h2>save it!</h2>\r
- <p>If you would like to save this item to a list to be requested later, please choose a location and click<br />Submit below.</p>\r
- </div>\r
- <div class="checkout_box">\r
- <div class="box1_top"> </div>\r
- <div class="box_inside">\r
- <p>Choose a Pickup Library:</p>\r
- <div class="pickup_lib"><select name="library"><option>Fairwood</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;">View all KCLS libraries</a></div>\r
- </div>\r
- </div>\r
- <div class="submit_btn">\r
- <a href="javascript:;"><img src="graphics/review_submit_btn.png" alt="submit" /></a>\r
- </div>\r
- </div>\r
- </td></tr></table>\r
- </div>\r
- \r
- <div class="sub_navigation2 checkout">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/cancel_back_btn.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg"> </td>\r
- </tr></table>\r
- </div>\r
- \r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- \r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Animals, insects, & birds</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">search results</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">book name</a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">got it</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
-<!-- ******************************************** main content body start **************************************** -->\r
- \r
- <h2 class="sub_header2">You Got It!</h2>\r
- \r
- <div class="checkout_res_body">\r
- <p>Your Request for <a href="javascript:;">Book Name</a> was successful.<br />You will be able to pick up this material at <a href="javascript:;">Fairwood</a>.</p>\r
- </div>\r
- \r
- <div class="sub_navigation2 checkout">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/back_to_results_btn.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg"> </td>\r
- <td><img src="graphics/back_to_book.png" /></td>\r
- <td nowrap="nowrap"><a class="checkout_res_back" href="javascript:;">Back to <span>Book Name</span></a></td>\r
- </tr></table>\r
- </div>\r
- \r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- \r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Animals, insects, & birds</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Search Results</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Book name</a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">Get It</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- \r
- <!-- did somebody order the div salad? -->\r
- <div class="item_detail_header">\r
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>\r
- \r
- <div class="item_detail_info">\r
- <div class="item_detail_name">Book Name</div>\r
- <div class="item_detail_author">by Author Name</div>\r
- <div class="item_detail_icon_rate">\r
- <div class="item_icon_wrapper">\r
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>\r
- <div class="item_icon_type_text">Book</div>\r
- </div>\r
- \r
- <div class="item_detail_rate_wrapper">\r
- <div class="item_detail_rate_starts"><img alt="rating" src="graphics/stars!.png" /></div>\r
- <div class="item_detail_rate_link"><a href="javascript:;">Rate this</a></div>\r
- <div class="clear"> </div>\r
- <div class="item_detail_cn_wrapper">\r
- <div class="item_detail_callnumber">Call Number</div>\r
- <div class="item_detail_extra_info">Publisher, Year, Size</div>\r
- </div>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- <div class="item_detail_header_buttons">\r
- <div class="item_detail_getit_btn"><a href=""><img alt="get it" src="graphics/get_it_btn.png" /></a></div>\r
- <div class="item_detail_goback_btn"><a href=""><img alt="go back" src="graphics/go_back_btn.png" /></a></div>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
- <div class="sub_header">You can find this item at these locations:</div>\r
- <div class="item_detail_location_wrapper">\r
- <table cellpadding="0" cellspacing="0" border="0" class="item_location_table">\r
- <tbody>\r
- <tr class="header">\r
- <td class="location">Location</td>\r
- <td class="loc_info"> </td>\r
- <td class="status">Status</td>\r
- <td class="callnumber">Call Number</td>\r
- </tr>\r
- <tr>\r
- <td class="location">Bellevue Library</td>\r
- <td class="loc_info"><a href="javascript:;">View Library Info</a></td>\r
- <td class="status">Check Shelf</td>\r
- <td class="callnumber">J613.71 CRE</td>\r
- </tr>\r
- <tr class="gray">\r
- <td class="location">Burien Library</td>\r
- <td class="loc_info"><a href="javascript:;">View Library Info</a></td>\r
- <td class="status">Check Shelf</td>\r
- <td class="callnumber">J613.71 CRE</td>\r
- </tr>\r
- <tr>\r
- <td class="location">Newport Library</td>\r
- <td class="loc_info"><a href="javascript:;">View Library Info</a></td>\r
- <td class="status">Due: 03-13-10</td>\r
- <td class="callnumber">J613.71 CRE</td>\r
- </tr>\r
- <tr class="gray">\r
- <td class="location">Redmond Library</td>\r
- <td class="loc_info"><a href="javascript:;">View Library Info</a></td>\r
- <td class="status">Check Shelf</td>\r
- <td class="callnumber">J613.71 CRE</td>\r
- </tr>\r
- </tbody>\r
- </table>\r
- </div>\r
- <div class="sub_header">About this item:</div>\r
- <div class="item_detail_desc">\r
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <a href="javascript:;">nonummy</a> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit</p>\r
- </div>\r
- <div class="item_detail_extras_tabs">\r
- <a href="javascript:;">Reviews</a>\r
- <div class="selected">Rate this Item</div>\r
- <a href="javascript:;">About the Author</a>\r
- <div class="clear"> </div>\r
- </div>\r
- <div class="item_detail_rating_top">\r
- <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table"><tr>\r
- <td class="avg_rate">Average Rating</td>\r
- <td class="stars"><img alt="rating" src="graphics/stars!.png" /></td>\r
- <td class="total_rates">out of 132 reviews</td>\r
- </tr></table>\r
- <div class="clear"> </div>\r
- </div>\r
- <div class="item_detail_rating">\r
- <div class="review_box_top"> </div>\r
- <div class="review_box_body">\r
- <div class="input_boxes">\r
- <table cellpadding="0" cellspacing="0" border="0"><tr>\r
- <td class="review_name_cell"><input type="text" class="review_name" style="color:#aaa;" value=" Name " onfocus="if(this.value==' Name '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Name '; this.style.color='#aaa';}" /></td>\r
- <td class="review_email_cell"><input type="text" class="review_email" style="color:#aaa;" value=" Email Address " onfocus="if(this.value==' Email Address '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Email Address '; this.style.color='#aaa';}" /></td>\r
- <td class="rating_msg_box">Your email address will not<br />be displayed to other users.</td>\r
- </tr></table>\r
- </div>\r
- <div class="item_detail_rating2">\r
- <table cellpadding="0" cellspacing="0" border="0" class="item_avg_rate_table2"><tr>\r
- <td class="rate">Rating</td>\r
- <td class="stars"><img alt="rating" src="graphics/stars!_gray.png" /></td>\r
- <td class="scale">1 = Poor, 5 = Awesome</td>\r
- </tr></table>\r
- \r
- </div>\r
- <div class="review_comment_box"><textarea class="review_comment" style="color:#aaa;" onfocus="if(this.value==' Write the reasons for your rating here. '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Write the reasons for your rating here. '; this.style.color='#aaa';}"> Write the reasons for your rating here. </textarea></div>\r
- <div class="clear"> </div>\r
- </div>\r
- <div class="review_submit_box"><a href="javascript:;"><img alt="submit review" src="graphics/review_submit_btn.png" /></a></div>\r
- </div>\r
- \r
- <div class="sub_navigation1">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/go_back_btn.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg"></td>\r
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>\r
- </tr></table>\r
- </div>\r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Animals, insects, & birds</a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">search results</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
- \r
-<!-- ******************************************** main content body start **************************************** -->\r
- \r
- \r
- \r
- <h2 class="sub_header2">Search Results</h2>\r
- \r
- <div class="sub_navigation2">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg">\r
- <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>\r
- </td>\r
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>\r
- </tr></table>\r
- </div>\r
- \r
- <div id="search_results_parent">\r
- <div class="search_results" id="search_results_template">\r
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>\r
- <div class="item_detail_info">\r
- <div class="item_detail_name">Book Name</div>\r
- <div class="item_detail_author">by Author Name</div>\r
- <div class="item_detail_callnumber">Call Number</div>\r
- <div class="item_detail_extra_info">Publisher, Year, Size</div>\r
- <div class="item_detail_actions">\r
- <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>\r
- <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- <div class="item_icon_wrapper">\r
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>\r
- <div class="item_icon_type_text">Book</div>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
- <div class="search_results">\r
- <div class="item_detail_image"><a href="javascript:;"><img alt="item image" src="graphics/item_image.jpg" /></a></div>\r
- <div class="item_detail_info">\r
- <div class="item_detail_name">Book Name</div>\r
- <div class="item_detail_author">by Author Name</div>\r
- <div class="item_detail_callnumber">Call Number</div>\r
- <div class="item_detail_extra_info">Publisher, Year, Size</div>\r
- <div class="item_detail_actions">\r
- <div class="button"><a href="javascript:;"><img src="graphics/more_info_btn.png" alt="more info" /></a></div>\r
- <div class="button"><a href="javascript:;"><img src="graphics/get_it_btn_sm.png" alt="get it" /></a></div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- <div class="item_icon_wrapper">\r
- <div class="item_icon"> <img alt="book" src="graphics/icon_book.png" /> <!-- put a single around each side of the image - for vertical centering --></div>\r
- <div class="item_icon_type_text">Book</div>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- \r
- <div class="sub_navigation3">\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td><a href="javascript:;"><img src="graphics/arrow_last.png" /></a></td>\r
- <td width="100%" class="nav_mid_bg">\r
- <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td>Page </td><td class="current_page">3</td><td> of </td><td class="total_pages">12</td></tr></table>\r
- </td>\r
- <td><a href="javascript:;"><img src="graphics/arrow_next.png" /></a></td>\r
- <td class="to_top_btn"><a href="javascript:;"><img src="graphics/to_top_btn.png" /></a></td>\r
- </tr></table>\r
- </div>\r
- \r
- \r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml">\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
-<title>Bibliomation</title>\r
-<link rel="stylesheet" type="text/css" href="css/style.css" />\r
-<script type="text/javascript" src="js/functions.js"></script>\r
-</head>\r
-<body>\r
-<div class="main_center">\r
- <div class="main_header_wrapper">\r
- <div class="logo_wrapper">\r
- <a href="javascript:;">\r
- <span class="logo_left"> </span>\r
- <span class="logo_middle"><img src="graphics/kcls_logo.jpg" alt="kcls" /></span>\r
- <span class="logo_right"> </span>\r
- </a>\r
- </div>\r
- <div class="header_utils">\r
- <a href="javascript:;" class="text_size_btn"><span>Text size</span> <img alt="text size" src="graphics/text_size_btn.png" /></a>\r
- <a href="javascript:;" class="print_btn"><span>Print</span> <img alt="print" src="graphics/print_btn.png" /></a>\r
- </div>\r
- <div class="header_menu">\r
- <!-- menu rendered in reverse order -->\r
- <a href="javascript:;">Login</a>\r
- <a href="javascript:;">Get a Library Card</a>\r
- <a href="javascript:;">Help</a>\r
- </div>\r
- <div class="clear"> </div>\r
- </div>\r
-\r
-\r
- <div class="main_wrapper">\r
- <div class="main_top_shadow_sub">\r
- <div class="main_mid_top_sub">\r
- <div class="breadcrumb">\r
- <a class="bread_home"><img alt="home" src="graphics/home_icon.png" /></a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">Animals, insects, & birds</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">search results</a>\r
- <div class="bread_green_mid"> </div>\r
- <a href="javascript:;">book name</a>\r
- <div class="bread_green_last"> </div>\r
- <span class="bread_last">got it</span>\r
- <div class="clear"> </div>\r
- </div>\r
- </div>\r
- </div>\r
- <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>\r
- <td width="3" class="main_left_shadow"><div class="clear"> </div></td>\r
- <td valign="top" class="main_inside_cell" valign="top" height="300">\r
- <div class="main_content_wrapper">\r
- \r
-<!-- ******************************************** main content body start **************************************** -->\r
- \r
- \r
- Subpage template\r
- \r
- \r
- \r
-<!-- **************************************************** end content body ************************************************ -->\r
- \r
- <div class="clear"> </div>\r
- </div>\r
- </td>\r
- <td width="266" valign="top" class="sub_sidebar">\r
- <div class="sub_sidebar_inner">\r
- <div class="sub_sidebar_header">New Search</div>\r
- <div class="sub_sidebar_search_wrapper"><input type="text" class="sub_sidebar_search_box" style="color:#aaa;" value=" Enter Text... " onfocus="if(this.value==' Enter Text... '){this.value='';this.style.color='#424242';}" onblur="if(this.value==''){this.value=' Enter Text... '; this.style.color='#aaa';}" /></div>\r
- <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st"><tr>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" checked="checked" id="st_word" class="st_word" /></td><td class="st_label"><label for="st_word">Word</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_title" class="st_title" /></td><td class="st_label"><label for="st_title">Title</label></td>\r
- <td class="st_radio_spacer"><div> </div></td>\r
- <td class="st_radio_btn"><input type="radio" name="search_type" id="st_author" class="st_author" /></td><td class="st_label"><label for="st_author">Author</label></td>\r
- </tr></table>\r
- <div class="hr"> </div>\r
- <div class="sub_search_category"><select class="search_category" name="search_category"><option>Children's Material</option></select></div>\r
- <div class="hr"> </div>\r
- <div><a href="javascript:;"><img alt="search" src="graphics/search_btn_sub.png" /></a></div>\r
- </div>\r
- \r
- </td>\r
- <td width="3" class="main_right_shadow"><div class="clear"> </div></td>\r
- </tr></table>\r
- <div class="main_bottom_shadow">\r
- <div class="main_mid_bottom_sub"> </div>\r
- </div>\r
- </div>\r
- \r
- \r
- <div class="footer_wrapper">\r
- <a href="javascript:;">Contact Us</a>\r
- <a href="javascript:;">Site Help</a>\r
- <a href="javascript:;">Site Map</a>\r
- <a href="javascript:;">Back to Main KCLS Catalog</a>\r
- <div class="clear"> </div>\r
- </div>\r
- \r
-</div>\r
-</body>\r
-</html>\r