<cell type="topic">10</cell>
<cell type="topic">12</cell>
<cell type="topic">11</cell>
- <cell name="Dewey Categories" img="cat-dewey.png" type="link">dewey</cell>
+ <cell name="Dewey Categories" img="cat-dewey.png" type="link">homedewey</cell>
</page>
<!-- topic pages -->
- <page id="10" columns="3" name="Vehicles" img="cat-truck.png" >
- <cell name="Cars & Trucks" img="cat-truck.png" type="search">kw:car || kw:truck || kw:automobile</cell>
+ <page id="10" columns="2" name="Transportation" img="cat-truck.png" >
+ <cell name="Cars & Trucks" img="cat-car.png" type="search">kw:car || kw:truck || kw:automobile</cell>
<cell name="Planes" img="cat-plane.png" type="search">kw:airplane</cell>
<cell name="Trains" img="cat-train.png" type="search">kw:train</cell>
<cell name="Tractors & Construction" img="cat-tractor.png" type="search">kw:tractor || kw:construction</cell>
+ <cell name="Boats" img="cat-boat.png" type="search">kw:boat || kw:ship</cell>
+ <cell name="Military" img="cat-military.png" type="search">kw:tank || kw:submarine || kw:aircraft carrier</cell>
</page>
- <page id="11" columns="3" name="Award-Winners" img="cat-caldecott.png" >
+ <page id="11" columns="2" name="Award-Winners" img="cat-caldecott.png" >
<cell name="Caldecott Medal" img="cat-caldecott.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153202;page=0;locg=1;depth=0</cell>
<cell name="Coretta Scott King" img="cat-king.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153204;page=0;locg=1;depth=0</cell>
<cell name="Geisel Award" img="cat-geisel.png" type="link">https://gapines.org/eg/kpac/results?bookbag=153203;page=0;locg=1;depth=0</cell>
</page>
- <page id="12" columns="3" name="Early Learning" img="cat-123.png">
+ <page id="12" columns="2" name="Early Learning" img="cat-123.png">
<cell name="ABCs" img="cat-abc.png" type="link">?</cell>
<cell name="Counting" img="cat-123.png" type="link">?</cell>
<cell name="Colors" img="cat-colors.png" type="link">?</cell>
-@charset "utf-8";\r
-\r
-@font-face {\r
- font-family: 'Cabin';\r
- src: url('fonts/Cabin-Regular.eot');\r
- src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),\r
- url('fonts/Cabin-Regular.woff') format('woff'),\r
- url('fonts/Cabin-Regular.ttf') format('truetype'),\r
- url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');\r
-}\r
-\r
-@font-face {\r
- font-family: 'Cabin-Semibold';\r
- src: url('fonts/Cabin-SemiBold.eot');\r
- src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),\r
- url('fonts/Cabin-SemiBold.woff') format('woff'),\r
- url('fonts/Cabin-SemiBold.ttf') format('truetype'),\r
- url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');\r
-}\r
-\r
-@font-face {\r
- font-family: 'Kreon';\r
- src: url('fonts/Kreon.eot');\r
- src: url('fonts/Kreon.eot?#iefix') format('embedded-opentype'),\r
- url('fonts/Kreon.woff') format('woff'),\r
- url('fonts/Kreon.ttf') format('truetype'),\r
- url('fonts/Kreon.svg#webfont8iYScu0S') format('svg');\r
-}\r
-\r
-body {\r
- font-family:'Cabin', Arial;\r
- font-size:12px;\r
- margin:0;\r
- padding:0;\r
- border:0;\r
- color:#424242;\r
-}\r
-\r
-a img { border:0; }\r
-\r
-a {\r
- text-decoration:none;\r
- cursor:pointer;\r
- color:#b53ea6;\r
-}\r
-\r
-h1, h2, h3 {\r
- font-weight:normal;\r
- text-transform:uppercase;\r
- margin:0;\r
- font-family: 'Kreon';\r
-}\r
-\r
-h1 {\r
- font-size:52px;\r
-}\r
-\r
-h2 {\r
- font-size:48px;\r
-}\r
-\r
-h3 {\r
- color:#989898;\r
- font-size:18px;\r
- text-transform:none;\r
-}\r
-\r
-select {\r
- font-size:14px;\r
- border:1px solid #d0d0d0;\r
- color:#424242;\r
-}\r
-\r
-input[type=radio] {\r
- margin:0;\r
- padding:0;\r
-}\r
-\r
-input[type=text], input[type=password], textarea {\r
- border:1px solid #d0d0d0;\r
- font-family:'Cabin', Arial;\r
- color:#424242;\r
- margin:0;\r
- resize:none;\r
-}\r
-\r
-.main_center {\r
- width:956px;\r
- margin:auto;\r
- padding-bottom:20px;\r
- padding-top:10px;\r
-}\r
-\r
-.main_header_wrapper {\r
- width:956px;\r
- height:50px;\r
- padding-top:10px;\r
- overflow:hidden;\r
-}\r
-\r
-.logo_wrapper {\r
- float:left;\r
-}\r
-\r
-.logo_left, .logo_right {\r
- display:block;\r
- width:16px;\r
- height:71px;\r
- overflow:hidden;\r
- float:left;\r
-}\r
-\r
-.logo_right {\r
-}\r
-\r
-.logo_middle {\r
- display:block;\r
- float:left;\r
- padding:6px 14px 0px 26px;\r
-}\r
-\r
-.header_menu {\r
- margin-right:29px;\r
- font-family:Arial;\r
-}\r
-\r
-.header_menu a {\r
- display:block;\r
- float:right;\r
- color:#8e8e8e;\r
- margin-left:5px;\r
-}\r
-\r
-.header_menu a:hover {\r
- color:#b53ea6;\r
-}\r
-\r
-.banner_wrapper {\r
- height:352px;\r
- position:relative;\r
- z-index:1;\r
-}\r
-\r
-.hp_banner_bgl {\r
- background:url('/images/kpac/hp_banner_bgl.png') repeat-x bottom right;\r
-}\r
-\r
-.hp_banner_bgr {\r
- background:url('/images/kpac/hp_banner_bgr.png') repeat-x bottom left;\r
-}\r
-\r
-.hp_banner_content {\r
- width:902px;\r
- background:url('/images/kpac/hp_banner.png') repeat-x bottom left;\r
-}\r
-\r
-.hp_search_main {\r
- padding-top:197px;\r
- padding-left:16px;\r
-}\r
-\r
-.hp_search_box_wrapper {\r
- padding-bottom:5px;\r
- padding-right:10px;\r
-}\r
-\r
-.hp_search_box {\r
- border:none !important;\r
- font-size:18px;\r
- padding: 8px 5px 7px 5px;\r
- width:304px;\r
-}\r
-\r
-.hp_search_st {\r
- font-size:18px;\r
- text-transform:uppercase;\r
- color:white;\r
- font-family: 'Kreon';\r
-}\r
-\r
-.hp_search_st .st_radio_btn {\r
- background:#303030;\r
- padding:7px 6px 9px 10px;\r
-}\r
-\r
-.hp_search_st .st_radio_btn input[type=radio] {\r
- overflow:hidden;\r
- width:15px;\r
-}\r
-\r
-.hp_search_st .st_label {\r
- background:#303030;\r
- padding-right:17px;\r
-}\r
-\r
-.main_wrapper {\r
- width:956px;\r
- overflow:hidden;\r
-}\r
-\r
-.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {\r
- width:956px;\r
- height:8px;\r
- overflow:hidden;\r
-}\r
-\r
-.main_top_shadow_sub {\r
- height:69px;\r
-}\r
-\r
-.main_tl_corner, .main_bl_corner {\r
- width:8px;\r
- height:8px;\r
- overflow:hidden;\r
- background:url('/images/kpac/main_tl_corner.png') no-repeat;\r
- float:left;\r
-}\r
-\r
-.main_bl_corner {\r
- background:url('/images/kpac/main_bl_corner.png') no-repeat;\r
-}\r
-\r
-.main_tr_corner, .main_br_corner {\r
- width:8px;\r
- height:8px;\r
- overflow:hidden;\r
- background:url('/images/kpac/main_tr_corner.png') no-repeat;\r
- float:right;\r
-}\r
-\r
-.main_br_corner {\r
- background:url('/images/kpac/main_br_corner.png') no-repeat;\r
-}\r
-\r
-.main_mid_top, .main_mid_bottom {\r
- width:940px;\r
- height:8px;\r
- overflow:hidden;\r
- float:left;\r
- background:url('/images/kpac/main_top_bg.png') repeat-x;\r
-}\r
-\r
-.main_mid_bottom_sub {\r
- width:956px;\r
- height:8px;\r
- overflow:hidden;\r
- background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;\r
-}\r
-\r
-.main_mid_top_sub {\r
- width:3000px;\r
- height:69px;\r
- overflow:hidden;\r
- background:url('/images/kpac/main_top_bg_sub.png') no-repeat;\r
-}\r
-\r
-.main_mid_bottom {\r
- background:url('/images/kpac/main_bottom_bg.png') repeat-x;\r
-}\r
-\r
-.main_left_shadow {\r
- background:url('/images/kpac/main_left_shadow.png') repeat-y;\r
-}\r
-\r
-.main_right_shadow {\r
- background:url('/images/kpac/main_right_shadow.png') repeat-y;\r
-}\r
-\r
-.main_inside_cell {\r
- background: white;\r
-}\r
-\r
-.main_content_wrapper {\r
- width:684px;\r
- overflow:hidden;\r
-}\r
-\r
-/*\r
-.main_content_wrapper a {\r
- padding:0 2px;\r
- color:#b53ea6;\r
-}\r
-\r
-.main_content_wrapper a:hover {\r
- background:#b53ea6;\r
- color:white;\r
-}\r
-*/\r
-\r
-.sub_search_category .search_category {\r
- width:216px;\r
-}\r
-\r
-.search_wrapper {\r
- text-align:center;\r
- width:950px;\r
- background:url('/images/kpac/search_bg.png') no-repeat bottom;\r
-}\r
-\r
-.search_wrapper h1 {\r
- margin-top:23px;\r
-}\r
-\r
-.search_box_wrapper {\r
- margin-top:15px;\r
- padding-bottom:37px;\r
-}\r
-\r
-.search_box_wrapper label {\r
- font-size:20px;\r
- font-weight:bold;\r
- color:#74d514;\r
- margin:0;\r
- padding:0;\r
-}\r
-\r
-.search_box_wrapper .st_radio_btn {\r
- padding-right:4px;\r
-}\r
-\r
-.search_box_wrapper .st_label {\r
- padding-right:24px;\r
-}\r
-\r
-.search_box {\r
- width:304px;\r
- height:17px;\r
- font-size:14px;\r
- padding:10px;\r
- font-weight:bold;\r
- margin-right:6px !important;\r
-}\r
-\r
-.st_author_box {\r
- padding-right:15px !important;\r
-}\r
-\r
-.category_wrapper {\r
- margin-left:24px;\r
-}\r
-\r
-.c_header_image, .c_header_image2 {\r
- margin-top:10px;\r
- margin-bottom:10px;\r
-}\r
-\r
-.c_header_image2 {\r
- font-size:20px;\r
- color:#74d514;\r
-}\r
-\r
-.c_header_hp_or {\r
- color:#323232;\r
- text-transform:uppercase;\r
-}\r
-\r
-.main_category_table td {\r
- padding-right:13px;\r
- padding-bottom:11px;\r
-}\r
-\r
-.main_category_table td a {\r
- display:block;\r
- width:168px;\r
- height:144px;\r
- border:1px solid #d0d0d0;\r
- font-size:16px;\r
- color:white;\r
- overflow:hidden;\r
- white-space:nowrap;\r
-}\r
-\r
-.main_category_table td a span {\r
- display:block;\r
- width:168px;\r
- height:29px;\r
- background:#b53ea6;\r
- overflow:hidden;\r
- text-align:center;\r
- padding-top:8px;\r
-}\r
-\r
-.footer_wrapper {\r
- font-size:11px;\r
- font-family:Arial;\r
- margin-left:26px;\r
-}\r
-\r
-.footer_wrapper a {\r
- display:block;\r
- float:left;\r
- color:#666;\r
- padding:7px 15px 7px 0px;\r
-}\r
-\r
-.footer_wrapper a:hover {\r
- color:#b53ea6;\r
-}\r
-\r
-.sub_sidebar {\r
- background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;\r
- border-top:1px solid #eee;\r
-}\r
-\r
-.sub_sidebar_inner {\r
- width:216px;\r
- overflow:hidden;\r
- margin:26px 25px 0px 25px;\r
-}\r
-\r
-.sub_sidebar_header {\r
- color:#424242;\r
- font-size:18px;\r
- text-transform:uppercase;\r
- margin-bottom:7px;\r
- font-family: 'Kreon';\r
-}\r
-\r
-.sub_sidebar_search_box,\r
-.item_detail_rating .review_box_body .input_boxes input[type=text],\r
-.checkout_box .box_inside .text_box {\r
- width:198px;\r
- font-size:14px;\r
- padding:11px 8px 11px 8px;\r
-}\r
-\r
-.sub_sidebar_search_wrapper {\r
- margin-bottom:4px;\r
-}\r
-\r
-.sub_sidebar_search_st {\r
- font-size:14px;\r
- color:white;\r
- font-family: 'Kreon';\r
-}\r
-\r
-.sub_sidebar_search_st .st_radio_btn {\r
- background:#9e9e9e;\r
- padding:6px 4px 7px 7px;\r
-}\r
-\r
-.sub_sidebar_search_st .st_radio_btn input[type=radio] {\r
- overflow:hidden;\r
- width:15px;\r
-}\r
-\r
-.sub_sidebar_search_st .st_label {\r
- background:#9e9e9e;\r
- padding-right:10px;\r
-}\r
-\r
-.st_radio_spacer div {\r
- width:4px;\r
-}\r
-\r
-.breadcrumb {\r
- margin-top:11px;\r
- margin-left:3px;\r
-}\r
-\r
-.breadcrumb a, .breadcrumb .bread_last {\r
- display:block;\r
- float:left;\r
- background:#74d514;\r
- font-family:'Cabin-Semibold', 'Cabin', Arial;\r
- color:white;\r
- font-size:11px;\r
- text-transform:uppercase;\r
- padding:18px 10px 18px 15px;\r
- height:14px;\r
-}\r
-\r
-.breadcrumb .bread_last {\r
- display:block;\r
- background:#b9b9b9;\r
- padding-right:15px;\r
-}\r
-\r
-.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {\r
- float:left;\r
- width:27px;\r
- height:50px;\r
- overflow:hidden;\r
- background:url('/images/kpac/bread_green_mid.png') no-repeat;\r
-}\r
-\r
-.breadcrumb .bread_green_last {\r
- background:url('/images/kpac/bread_green_last.png') no-repeat;\r
-}\r
-\r
-.breadcrumb .bread_home {\r
- padding:7px 4px 7px 8px;\r
- height:36px;\r
-}\r
-\r
-.item_detail_header {\r
- padding-left:23px;\r
- padding-top:28px;\r
- margin-bottom:20px;\r
-}\r
-\r
-.item_detail_image {\r
- float:left;\r
- padding-top:3px;\r
- width:169px;\r
- overflow:hidden;\r
-}\r
-\r
-.item_detail_image a img {\r
- border:1px solid #d0d0d0;\r
-}\r
-\r
-.item_detail_info {\r
- float:left;\r
- width:321px;\r
- padding-left:18px;\r
-}\r
-\r
-.item_detail_name {\r
- font-size:18px;\r
- color:#b53ea6;\r
- padding-bottom:2px;\r
-}\r
-\r
-.item_detail_author {\r
- padding-bottom:14px;\r
- color:#878787;\r
- font-size:14px;\r
-}\r
-\r
-.item_icon_wrapper {\r
- width:80px;\r
- height:106px;\r
- overflow:hidden;\r
- float:left;\r
-}\r
-\r
-.item_icon {\r
- width:80px;\r
- height:80px;\r
- background:url('/images/kpac/icon_bg.png') no-repeat;\r
- text-align:center;\r
- overflow:hidden;\r
- line-height:80px;\r
-}\r
-\r
-.item_icon img {\r
- vertical-align:middle;\r
- position:relative;\r
- top:-1px;\r
-}\r
-\r
-.item_icon_type_text {\r
- width:80px;\r
- height:24px;\r
- text-align:center;\r
- overflow:hidden;\r
- display:table-cell;\r
- vertical-align:middle;\r
- line-height:12px;\r
-}\r
-\r
-.item_detail_rate_wrapper {\r
- float:left;\r
- padding-left:20px;\r
-}\r
-\r
-.item_detail_rate_starts {\r
- float:left;\r
- border-right:1px solid #e4e5e5;\r
- padding-right:10px;\r
- margin-right:10px;\r
- margin-bottom:7px;\r
-}\r
-\r
-.item_detail_rate_link {\r
- float:left;\r
- font-size:14px;\r
-}\r
-\r
-.item_detail_callnumber {\r
- margin-bottom:4px;\r
-}\r
-\r
-.item_detail_header_buttons {\r
- float:right;\r
- margin-top:3px;\r
- margin-right:23px;\r
- text-align:right;\r
-}\r
-\r
-.item_detail_getit_btn {\r
- margin-bottom:10px;\r
-}\r
-\r
-.item_location_table td {\r
- padding-top:7px;\r
- padding-bottom:7px;\r
-}\r
-\r
-.item_location_table .header td {\r
- font-size:14px;\r
- font-weight:bold;\r
- text-transform:uppercase;\r
- border-bottom:1px solid #e3e3e3;\r
- padding-top:14px;\r
- padding-bottom:12px;\r
-}\r
-\r
-.item_location_table td.location {\r
- width:142px;\r
- padding-left:43px;\r
-}\r
-\r
-.item_location_table td.loc_info {\r
- width:148px;\r
-}\r
-\r
-.item_location_table td.status {\r
- width:138px;\r
-}\r
-\r
-.item_location_table td.callnumber {\r
- width:213px;\r
-}\r
-\r
-.item_location_table .gray td {\r
- background:#f2f2f2;\r
-}\r
-\r
-.item_detail_desc {\r
- font-size:14px;\r
- line-height:22px;\r
- padding:11px 23px;\r
-}\r
-\r
-.item_detail_desc p {\r
- margin:0;\r
- margin-bottom:10px;\r
-}\r
-\r
-.item_detail_desc a {\r
- padding:0px 2px;\r
-}\r
-\r
-.item_detail_desc a:hover {\r
- color:white;\r
- background:#b53ea6;\r
-}\r
-\r
-.item_detail_extras_tabs {\r
- padding-top:15px;\r
- padding-left:23px;\r
- width:3000px;\r
- background:#e3e3e3;\r
-}\r
-\r
-.item_detail_extras_tabs a,\r
-.item_detail_extras_tabs div.selected {\r
- display:block;\r
- float:left;\r
- padding:14px 35px;\r
- background:#b53ea6;\r
- color:white;\r
- font-size:14px;\r
- margin-right:10px;\r
-}\r
-\r
-.item_detail_extras_tabs a.selected,\r
-.item_detail_extras_tabs div.selected {\r
- background:white;\r
- color:#424242;\r
-}\r
-\r
-.item_detail_rating_top {\r
- font-size:14px;\r
- border-bottom:1px solid #e3e3e3;\r
- padding-left:23px;\r
-}\r
-\r
-.item_avg_rate_table {\r
- margin:11px 0;\r
-}\r
-\r
-.item_avg_rate_table .avg_rate {\r
- padding-right:10px;\r
- border-right:1px solid #e3e3e3;\r
-}\r
-\r
-.item_avg_rate_table .stars {\r
- padding-left:10px;\r
-}\r
-\r
-.item_avg_rate_table .total_rates {\r
- padding-left:10px;\r
-}\r
-\r
-.item_detail_rating {\r
- width:638px;\r
- padding:15px 23px 25px 23px;\r
- overflow:hidden;\r
- border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.item_detail_rating .review_box_top {\r
- width:638px;\r
- height:9px;\r
- overflow:hidden;\r
- background:url('/images/kpac/reviews_top.png') no-repeat;\r
-}\r
-\r
-.item_detail_rating .review_box_body {\r
- background:#e3e3e3;\r
- padding:1px 25px 0px 25px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes {\r
- padding-bottom:15px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes .review_email_cell {\r
- padding-left:10px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes .rating_msg_box {\r
- font-size:11px;\r
- color:#9a9a9a;\r
- padding-left:12px;\r
-}\r
-\r
-.item_detail_rating2 {\r
- font-size:14px;\r
- padding:7px 0px;\r
- border-top:1px solid #c4c2c2;\r
- border-bottom:1px solid #c4c2c2;\r
- margin-bottom:15px;\r
-}\r
-\r
-.item_avg_rate_table2 .rate {\r
- padding-right:10px;\r
-}\r
-\r
-.item_avg_rate_table2 .stars {\r
- padding:0px 10px;\r
- border-left:1px solid #c4c2c2;\r
- border-right:1px solid #c4c2c2;\r
-}\r
-\r
-.item_avg_rate_table2 .scale {\r
- padding-left:10px;\r
- color:#9a9a9a;\r
-}\r
-\r
-.item_detail_rating .review_box_body .review_comment_box {\r
- margin-bottom:20px;\r
-}\r
-\r
-.item_detail_rating\r
- .review_box_body\r
- .review_comment_box\r
- .review_comment {\r
- width:578px;\r
- height:87px;\r
- padding-left:7px;\r
- padding-top:9px;\r
- font-size:14px;\r
-}\r
-\r
-.item_detail_rating .review_submit_box {\r
- padding-top:5px;\r
-}\r
-\r
-.sub_navigation1, .sub_navigation3 {\r
- padding:25px 23px 20px 23px;\r
-}\r
-\r
-.sub_navigation2 {\r
- padding:0px 23px 25px 23px;\r
- border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.sub_navigation1 .nav_mid_bg,\r
-.sub_navigation2 .nav_mid_bg,\r
-.sub_navigation3 .nav_mid_bg {\r
- background:#eaeaea;\r
- text-align:center;\r
- font-size:14px;\r
- font-family: 'Kreon';\r
-}\r
-\r
-\r
-.sub_navigation1 .nav_mid_bg .current_page,\r
-.sub_navigation2 .nav_mid_bg .current_page,\r
-.sub_navigation3 .nav_mid_bg .current_page {\r
- font-size:24px;\r
- color:#b53ea6;\r
- padding:0px 12px;\r
-}\r
-\r
-.sub_navigation1 .nav_mid_bg .total_pages,\r
-.sub_navigation2 .nav_mid_bg .total_pages,\r
-.sub_navigation3 .nav_mid_bg .total_pages {\r
- font-size:24px;\r
- padding-left:12px;\r
-}\r
-\r
-\r
-.sub_navigation1 .to_top_btn,\r
-.sub_navigation3 .to_top_btn {\r
- padding-left:19px;\r
-}\r
-\r
-.sub_navigation2.checkout {\r
- padding-top:25px;\r
- border-bottom:none;\r
-}\r
-\r
-.search_results {\r
- padding:17px 23px 20px 23px;\r
- border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.search_results .item_icon_wrapper {\r
- padding-top:3px;\r
-}\r
-\r
-.search_results .item_detail_info {\r
- width:370px;\r
-}\r
-\r
-.search_results .item_detail_info .item_detail_author {\r
- padding-bottom:6px;\r
-}\r
-\r
-.search_results .item_detail_info .item_detail_actions {\r
- padding-top:28px;\r
-}\r
-\r
-.search_results\r
- .item_detail_info\r
- .item_detail_actions\r
- .button {\r
- float:left;\r
- padding-right:5px;\r
-}\r
-\r
-.checkout_options {\r
- border-bottom:1px solid #e3e3e3;\r
- font-size:14px;\r
-}\r
-\r
-.checkout_options .left_brain {\r
- width:294px;\r
- overflow:hidden;\r
- padding:11px 25px 25px 23px;\r
-}\r
-\r
-.checkout_options .left_brain_cell {\r
- border-right:1px solid #e3e3e3;\r
-}\r
-\r
-.checkout_options .right_brain {\r
- width:294px;\r
- overflow:hidden;\r
- padding:11px 23px 25px 25px;\r
-}\r
-\r
-.checkout_options p {\r
- margin:0;\r
-}\r
-\r
-.checkout_options .top_side {\r
- text-align:center;\r
- padding-bottom:15px;\r
-}\r
-\r
-.checkout_options .submit_btn {\r
- \r
-}\r
-\r
-.checkout_box {\r
- padding-bottom:5px;\r
-}\r
-\r
-.checkout_box .box1_top {\r
- width:294px;\r
- height:9px;\r
- font-size:0px;\r
- overflow:hidden;\r
- background:url('/images/kpac/box1_top.png') no-repeat;\r
-}\r
-\r
-.checkout_box .box_inside {\r
- background:#e3e3e3;\r
- padding:7px 25px 20px 25px;\r
-}\r
-\r
-.checkout_box .box_inside p {\r
- margin-bottom:5px;\r
-}\r
-\r
-.checkout_box .box_inside .input_box {\r
- float:left;\r
-}\r
-\r
-.checkout_box .box_inside .help_btn {\r
- float:right;\r
- display:block;\r
- \r
- /* IE7 star hack */\r
- *position:relative;\r
- *top:1px;\r
-}\r
-\r
-.checkout_box .box_inside .text_box {\r
- padding-bottom:10px;\r
-}\r
-\r
-.checkout_box .box_inside .pickup_lib select {\r
- width:244px;\r
-}\r
-\r
-.checkout_item_pad {\r
- padding-top:30px;\r
-}\r
-\r
-.checkout_res_body {\r
- font-size:18px;\r
- text-align:center;\r
- line-height:30px;\r
-}\r
-\r
-.checkout_res_back {\r
- font-size:11px;\r
- font-family:'Cabin-Semibold', 'Cabin', Arial;\r
- text-transform:uppercase;\r
- white-space:nowrap;\r
- color:white;\r
- background:#74d514;\r
- padding:18px 28px 18px 0px;\r
- display:block;\r
- overflow:hidden;\r
- height:14px;\r
-}\r
-\r
-.sub_cat_wrapper {\r
- padding:13px 0px 13px 75px;\r
- border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.center_me {\r
- width:956px;\r
- margin:auto;\r
-}\r
-\r
-.hp_reposition {\r
- position:relative;\r
- top:-46px;\r
-}\r
-\r
-.sub_header2 {\r
- text-align:center;\r
- margin-top:20px;\r
- margin-bottom:9px;\r
-}\r
-\r
-.sub_header {\r
- font-size:14px;\r
- background:#e3e3e3;\r
- padding:8px 23px;\r
-}\r
-\r
-.clear {\r
- clear:both;\r
- font-size:0px;\r
- line-height:0px;\r
- /* background:green; - for debugging */\r
- \r
- /* IE7 has a problem with these\r
- height:0px;\r
- overflow:hidden;\r
- */\r
-}\r
-\r
-div.hr {\r
- margin: 12px 0;\r
- background:#c4c2c2;\r
- height:1px;\r
- overflow:hidden;\r
-}\r
-\r
-.popup_wrapper {\r
- position:absolute;\r
-}\r
-\r
-.popup_wrapper .popup_wrapper_inner {\r
- position:relative;\r
- display:none;\r
- top:0px;\r
- left:0px;\r
-}\r
-\r
-.popup_wrapper .popup_mid {\r
- background:white;\r
-}\r
-\r
-.popup_wrapper .popup_content {\r
- margin-right:-20px;\r
- margin-bottom:-20px;\r
- position:relative;\r
- top:-10px;\r
- left:-10px;\r
- padding:2px;\r
- overflow:hidden;\r
- font-size:14px;\r
-}\r
-\r
-.popup_wrapper .popup_arrow_bm {\r
- position:relative;\r
- top:-3px;\r
-}\r
-\r
-.popup_wrapper .popup_tl {\r
- width:13px;\r
- height:13px;\r
- background:url('/images/kpac/popup_tl.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_tm {\r
- background:url('/images/kpac/popup_tm.png') repeat-x;\r
-}\r
-\r
-.popup_wrapper .popup_tr {\r
- width:13px;\r
- height:13px;\r
- background:url('/images/kpac/popup_tr.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_lm {\r
- background:url('/images/kpac/popup_lm.png') repeat-y;\r
-}\r
-\r
-.popup_wrapper .popup_rm {\r
- background:url('/images/kpac/popup_rm.png') repeat-y;\r
-}\r
-\r
-.popup_wrapper .popup_bl {\r
- width:13px;\r
- height:13px;\r
- background:url('/images/kpac/popup_bl.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_bm {\r
- background:url('/images/kpac/popup_bm.png') repeat-x;\r
-}\r
-\r
-.popup_wrapper .popup_br {\r
- width:13px;\r
- height:13px;\r
- background:url('/images/kpac/popup_br.png') no-repeat;\r
-}\r
-\r
-.invisible {\r
- visibility : hidden;\r
-}\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
+@charset "utf-8";
+
+@font-face {
+ font-family: 'Cabin';
+ src: url('fonts/Cabin-Regular.eot');
+ src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
+ url('fonts/Cabin-Regular.woff') format('woff'),
+ url('fonts/Cabin-Regular.ttf') format('truetype'),
+ url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');
+}
+
+@font-face {
+ font-family: 'Cabin-Semibold';
+ src: url('fonts/Cabin-SemiBold.eot');
+ src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/Cabin-SemiBold.woff') format('woff'),
+ url('fonts/Cabin-SemiBold.ttf') format('truetype'),
+ url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');
+}
+
+body {
+ font-family:'Cabin', Arial;
+ font-size:12px;
+ background: #e0f1fb;
+ margin:0;
+ padding:0;
+ border:0;
+ color:#424242;
+}
+
+a img { border:0; }
+
+a {
+ text-decoration:none;
+ cursor:pointer;
+ color:#0098f9;
+}
+
+h1, h2, h3 {
+ font-weight:normal;
+ text-transform:uppercase;
+ margin:0;
+}
+
+h1 {
+ font-size:45px;
+}
+
+h2 {
+ font-size:40px;
+}
+
+h3 {
+ color:#777777;
+ font-size:18px;
+ text-transform:none;
+}
+
+select {
+ font-size:14px;
+ border:1px solid #d0d0d0;
+ color:#424242;
+}
+
+input[type=radio] {
+ margin:0;
+ padding:0;
+}
+
+input[type=text], input[type=password], textarea {
+ border:1px solid #d0d0d0;
+ font-family:'Cabin', Arial;
+ color:#424242;
+ margin:0;
+ resize:none;
+}
+
+.main_center {
+ width:956px;
+ margin:auto;
+ padding-bottom:20px;
+ padding-top:17px;
+}
+
+.main_header_wrapper {
+ width:950px;
+ height:440px;
+ position:relative;
+ top:5px;
+ overflow:hidden;
+ background:url('/images/kpac/KPAC_Main_Graphic.jpg') no-repeat bottom;
+ font-size:14px;
+}
+
+
+.logo_wrapper {
+ float:left;
+ text-align:center;
+}
+
+.logo_wrapper a {
+ color:#777777;
+}
+
+.logo_wrapper a:hover {
+ color:#b53ea6;
+}
+
+.logo {
+ padding:10px 0px 3px 0px;
+}
+
+.header_utils {
+ font-family:Arial;
+}
+
+.header_utils a {
+ color:#8e8e8e;
+ display:block;
+ float:left;
+ margin-top:19px;
+ padding:17px 8px 15px 8px;
+}
+
+.header_utils a:hover {
+ color:#b53ea6;
+}
+
+.text_size_btn {
+ margin-left:2px;
+ padding:15px 8px 11px 9px !important;
+}
+
+.text_size_btn span {
+ position:relative;
+ top:-4px;
+}
+
+.print_btn {
+ padding:12px 9px 9px 9px !important;
+}
+
+.print_btn span {
+ position:relative;
+ top:-6px;
+}
+
+.header_menu {
+}
+
+.header_menu a {
+ display:block;
+ float:right;
+ color:#777777;
+ padding:17px 8px 15px 8px;
+}
+
+.header_menu a:hover {
+ color:#b53ea6;
+}
+
+.main_wrapper {
+ width:956px;
+ overflow:hidden;
+}
+
+.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {
+ width:956px;
+ height:8px;
+ overflow:hidden;
+}
+
+.main_top_shadow_sub {
+ height:69px;
+}
+
+.main_tl_corner, .main_bl_corner {
+ width:8px;
+ height:8px;
+ overflow:hidden;
+ background:url('/images/kpac/main_tl_corner.png') no-repeat;
+ float:left;
+}
+
+.main_bl_corner {
+ background:url('/images/kpac/main_bl_corner.png') no-repeat;
+}
+
+.main_tr_corner, .main_br_corner {
+ width:8px;
+ height:8px;
+ overflow:hidden;
+ background:url('/images/kpac/main_tr_corner.png') no-repeat;
+ float:right;
+}
+
+.main_br_corner {
+ background:url('/images/kpac/main_br_corner.png') no-repeat;
+}
+
+.main_mid_top, .main_mid_bottom {
+ width:940px;
+ height:8px;
+ overflow:hidden;
+ float:left;
+ background:url('/images/kpac/main_top_bg.png') repeat-x;
+}
+
+.main_mid_bottom_sub {
+ width:956px;
+ height:8px;
+ overflow:hidden;
+ background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;
+}
+
+.main_mid_top_sub {
+ width:3000px;
+ height:69px;
+ overflow:hidden;
+}
+
+.main_mid_bottom {
+ background:url('/images/kpac/main_bottom_bg.png') repeat-x;
+}
+
+.main_left_shadow {
+ background:url('/images/kpac/main_left_shadow.png') repeat-y;
+}
+
+.main_right_shadow {
+ background:url('/images/kpac/main_right_shadow.png') repeat-y;
+}
+
+.main_inside_cell {
+ background: white;
+}
+
+.main_content_wrapper {
+ width:684px;
+ overflow:hidden;
+}
+
+/*
+.main_content_wrapper a {
+ padding:0 2px;
+ color:#0098f9;
+}
+
+.main_content_wrapper a:hover {
+ background:#b53ea6;
+ color:white;
+}
+*/
+
+.sub_search_category .search_category {
+ width:216px;
+}
+
+.search_wrapper {
+ text-align:center;
+ width:950px;
+ margin-top:190px;
+}
+
+.search_wrapper h1 {
+ margin-top:23px;
+}
+
+.search_box_wrapper {
+ margin-top:15px;
+ padding-bottom:37px;
+}
+
+.search_box_wrapper label {
+ font-size:20px;
+ font-weight:bold;
+ color:#38c500;
+ margin:0;
+ padding:0;
+}
+
+.search_box_wrapper .st_radio_btn {
+ padding-right:4px;
+}
+
+.search_box_wrapper .st_label {
+ padding-right:24px;
+}
+
+.search_box {
+ width:304px;
+ height:17px;
+ font-size:14px;
+ padding:10px;
+ font-weight:bold;
+ margin-right:6px !important;
+}
+
+.st_author_box {
+ padding-right:15px !important;
+}
+
+.category_wrapper {
+ margin-left:24px;
+ padding-bottom:10px;
+}
+
+.c_header_image {
+ margin-top:10px;
+ margin-bottom:10px;
+}
+
+.main_category_table td {
+ padding-right:75px;
+ padding-bottom:20px;
+}
+
+.main_category_table td a {
+ display:block;
+ width:168px;
+ height:144px;
+ border:none;
+ font-size:16px;
+ color:white;
+ overflow:hidden;
+ white-space:nowrap;
+}
+
+.main_category_table td a span {
+ display:block;
+ width:168px;
+ height:29px;
+ background:#0098f9;
+ overflow:hidden;
+ text-align:center;
+ padding-top:8px;
+}
+
+.footer_wrapper {
+ position:absolute;
+ bottom:-50;
+ width:100%;
+ height:60px;
+ background:#000;
+ font-size:13px;
+ color:#fff;
+ padding:20px 0px 0px 20px;
+}
+
+.footer_wrapper a {
+ color:#fff;
+}
+
+.footer_wrapper a:hover {
+ color:#b53ea6;
+}
+
+.copyright_text {
+ float:left;
+}
+
+.illustrator_text {
+ float:right;
+ margin-right:50px;
+}
+
+.footer_logo {
+}
+
+.sub_sidebar {
+
+}
+
+.sub_sidebar_inner {
+ width:216px;
+ overflow:hidden;
+ margin:26px 25px 0px 25px;
+}
+
+.sub_sidebar_header {
+ color:#424242;
+ font-size:18px;
+ text-transform:uppercase;
+ margin-bottom:7px;
+}
+
+.sub_sidebar_search_box,
+.item_detail_rating .review_box_body .input_boxes input[type=text],
+.checkout_box .box_inside .text_box {
+ width:198px;
+ font-size:14px;
+ padding:11px 8px 11px 8px;
+}
+
+.sub_sidebar_search_wrapper {
+ margin-bottom:4px;
+}
+
+.sub_sidebar_search_st {
+ font-size:14px;
+ color:white;
+}
+
+.sub_sidebar_search_st .st_radio_btn {
+ background:#9e9e9e;
+ padding:6px 4px 7px 7px;
+}
+
+.sub_sidebar_search_st .st_radio_btn input[type=radio] {
+ overflow:hidden;
+ width:15px;
+}
+
+.sub_sidebar_search_st .st_label {
+ background:#9e9e9e;
+ padding-right:10px;
+}
+
+.st_radio_spacer div {
+ width:4px;
+}
+
+.breadcrumb {
+ margin-top:11px;
+ margin-left:3px;
+}
+
+.breadcrumb a, .breadcrumb .bread_last {
+ display:block;
+ float:left;
+ background:#74d514;
+ font-family:'Cabin-Semibold', 'Cabin', Arial;
+ color:white;
+ font-size:11px;
+ text-transform:uppercase;
+ padding:18px 10px 18px 15px;
+ height:14px;
+}
+
+.breadcrumb .bread_last {
+ display:block;
+ background:#b9b9b9;
+ padding-right:15px;
+}
+
+.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {
+ float:left;
+ width:27px;
+ height:50px;
+ overflow:hidden;
+ background:url('/images/kpac/bread_green_mid.png') no-repeat;
+}
+
+.breadcrumb .bread_green_last {
+ background:url('/images/kpac/bread_green_last.png') no-repeat;
+}
+
+.breadcrumb .bread_home {
+ padding:7px 4px 7px 8px;
+ height:36px;
+}
+
+.item_detail_header {
+ padding-left:23px;
+ padding-top:28px;
+ margin-bottom:20px;
+}
+
+.item_detail_image {
+ float:left;
+ padding-top:3px;
+ width:169px;
+ overflow:hidden;
+}
+
+.item_detail_image a img {
+ border:1px solid #d0d0d0;
+}
+
+.item_detail_info {
+ float:left;
+ width:321px;
+ padding-left:18px;
+}
+
+.item_detail_name {
+ font-size:18px;
+ color:#0098f9;
+ padding-bottom:2px;
+}
+
+.item_detail_author {
+ padding-bottom:14px;
+ color:#878787;
+ font-size:14px;
+}
+
+.item_icon_wrapper {
+ width:80px;
+ height:106px;
+ overflow:hidden;
+ float:left;
+}
+
+.item_icon {
+ width:80px;
+ height:80px;
+ background:url('/images/kpac/icon_bg.png') no-repeat;
+ text-align:center;
+ overflow:hidden;
+ line-height:80px;
+}
+
+.item_icon img {
+ vertical-align:middle;
+ position:relative;
+ top:-1px;
+}
+
+.item_icon_type_text {
+ width:80px;
+ height:24px;
+ text-align:center;
+ overflow:hidden;
+ display:table-cell;
+ vertical-align:middle;
+ line-height:12px;
+}
+
+.item_detail_rate_wrapper {
+ float:left;
+ padding-left:20px;
+}
+
+.item_detail_rate_starts {
+ float:left;
+ border-right:1px solid #e4e5e5;
+ padding-right:10px;
+ margin-right:10px;
+ margin-bottom:7px;
+}
+
+.item_detail_rate_link {
+ float:left;
+ font-size:14px;
+}
+
+.item_detail_callnumber {
+ margin-bottom:4px;
+}
+
+.item_detail_header_buttons {
+ float:right;
+ margin-top:3px;
+ margin-right:23px;
+ text-align:right;
+}
+
+.item_detail_getit_btn {
+ margin-bottom:10px;
+}
+
+.item_location_table td {
+ padding-top:7px;
+ padding-bottom:7px;
+}
+
+.item_location_table .header td {
+ font-size:14px;
+ font-weight:bold;
+ text-transform:uppercase;
+ border-bottom:1px solid #e3e3e3;
+ padding-top:14px;
+ padding-bottom:12px;
+}
+
+.item_location_table td.location {
+ width:300px;
+ padding-left:25px;
+}
+
+.item_location_table td.loc_info {
+ width:150px;
+}
+
+.item_location_table td.status {
+ width:100px;
+}
+
+.item_location_table td.callnumber {
+ width:160px;
+}
+
+.item_location_table .gray td {
+ background:#f2f2f2;
+}
+
+.item_detail_desc {
+ font-size:14px;
+ line-height:22px;
+ padding:11px 23px;
+}
+
+.item_detail_desc p {
+ margin:0;
+ margin-bottom:10px;
+}
+
+.item_detail_desc a {
+ padding:0px 2px;
+}
+
+.item_detail_desc a:hover {
+ color:white;
+ background:#b53ea6;
+}
+
+.item_detail_extras_tabs {
+ padding-top:15px;
+ padding-left:23px;
+ width:3000px;
+ background:#e3e3e3;
+}
+
+.item_detail_extras_tabs a {
+ display:block;
+ float:left;
+ padding:14px 27px;
+ background:#0098f9;
+ color:white;
+ font-size:14px;
+ margin-right:10px;
+}
+
+.item_detail_extras_tabs a.ac_tab_selected,
+.item_detail_extras_tabs div.ac_tab_selected {
+ background:white;
+ color:#424242;
+}
+
+.item_detail_rating_top {
+ font-size:14px;
+ border-bottom:1px solid #e3e3e3;
+ padding-left:23px;
+}
+
+.item_avg_rate_table {
+ margin:11px 0;
+}
+
+.item_avg_rate_table .avg_rate {
+ padding-right:10px;
+ border-right:1px solid #e3e3e3;
+}
+
+.item_avg_rate_table .stars {
+ padding-left:10px;
+}
+
+.item_avg_rate_table .total_rates {
+ padding-left:10px;
+}
+
+.item_detail_rating {
+ width:638px;
+ padding:15px 23px 25px 23px;
+ overflow:hidden;
+ border-bottom:1px solid #e3e3e3;
+}
+
+.item_detail_rating .review_box_top {
+ width:638px;
+ height:9px;
+ overflow:hidden;
+ background:url('/images/kpac/reviews_top.png') no-repeat;
+}
+
+.item_detail_rating .review_box_body {
+ background:#e3e3e3;
+ padding:1px 25px 0px 25px;
+}
+
+.item_detail_rating .review_box_body .input_boxes {
+ padding-bottom:15px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .review_email_cell {
+ padding-left:10px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .rating_msg_box {
+ font-size:11px;
+ color:#9a9a9a;
+ padding-left:12px;
+}
+
+.item_detail_rating2 {
+ font-size:14px;
+ padding:7px 0px;
+ border-top:1px solid #c4c2c2;
+ border-bottom:1px solid #c4c2c2;
+ margin-bottom:15px;
+}
+
+.item_avg_rate_table2 .rate {
+ padding-right:10px;
+}
+
+.item_avg_rate_table2 .stars {
+ padding:0px 10px;
+ border-left:1px solid #c4c2c2;
+ border-right:1px solid #c4c2c2;
+}
+
+.item_avg_rate_table2 .scale {
+ padding-left:10px;
+ color:#9a9a9a;
+}
+
+.item_detail_rating .review_box_body .review_comment_box {
+ margin-bottom:20px;
+}
+
+.item_detail_rating
+ .review_box_body
+ .review_comment_box
+ .review_comment {
+ width:578px;
+ height:87px;
+ padding-left:7px;
+ padding-top:9px;
+ font-size:14px;
+}
+
+.item_detail_rating .review_submit_box {
+ padding-top:5px;
+}
+
+.sub_navigation1, .sub_navigation3 {
+ padding:25px 23px 20px 23px;
+}
+
+.sub_navigation2 {
+ padding:0px 23px 25px 23px;
+ border-bottom:1px solid #e3e3e3;
+}
+
+.sub_navigation1 .nav_mid_bg,
+.sub_navigation2 .nav_mid_bg,
+.sub_navigation3 .nav_mid_bg {
+ background:#eaeaea;
+ text-align:center;
+ font-size:14px;
+
+}
+
+
+.sub_navigation1 .nav_mid_bg .current_page,
+.sub_navigation2 .nav_mid_bg .current_page,
+.sub_navigation3 .nav_mid_bg .current_page {
+ font-size:24px;
+ color:#0098f9;
+ padding:0px 12px;
+}
+
+.sub_navigation1 .nav_mid_bg .total_pages,
+.sub_navigation2 .nav_mid_bg .total_pages,
+.sub_navigation3 .nav_mid_bg .total_pages {
+ font-size:24px;
+ padding-left:12px;
+}
+
+
+.sub_navigation1 .to_top_btn,
+.sub_navigation3 .to_top_btn {
+ padding-left:19px;
+}
+
+.sub_navigation2.checkout {
+ padding-top:25px;
+ border-bottom:none;
+}
+
+.search_results {
+ padding:17px 23px 20px 23px;
+ border-bottom:1px solid #e3e3e3;
+}
+
+.search_results .item_icon_wrapper {
+ padding-top:3px;
+}
+
+.search_results .item_detail_info {
+ width:370px;
+}
+
+.search_results .item_detail_info .item_detail_author {
+ padding-bottom:6px;
+}
+
+.search_results .item_detail_info .item_detail_actions {
+ padding-top:28px;
+}
+
+.search_results
+ .item_detail_info
+ .item_detail_actions
+ .button {
+ float:left;
+ padding-right:5px;
+}
+
+.checkout_options {
+ border-bottom:1px solid #e3e3e3;
+ font-size:14px;
+}
+
+.checkout_options .left_brain {
+ width:294px;
+ overflow:hidden;
+ padding:11px 25px 25px 23px;
+}
+
+.checkout_options .left_brain_cell {
+ border-right:1px solid #e3e3e3;
+}
+
+.checkout_options .right_brain {
+ width:294px;
+ overflow:hidden;
+ padding:11px 23px 25px 25px;
+}
+
+.checkout_options p {
+ margin:0;
+}
+
+.checkout_options .top_side {
+ text-align:center;
+ padding-bottom:15px;
+}
+
+.checkout_options .submit_btn {
+
+}
+
+.checkout_box {
+ padding-bottom:5px;
+}
+
+.checkout_box .box1_top {
+ width:294px;
+ height:9px;
+ font-size:0px;
+ overflow:hidden;
+ background:url('/images/kpac/box1_top.png') no-repeat;
+}
+
+.checkout_box .box_inside {
+ background:#e3e3e3;
+ padding:7px 25px 20px 25px;
+}
+
+.checkout_box .box_inside p {
+ margin-bottom:5px;
+}
+
+.checkout_box .box_inside .input_box {
+ float:left;
+}
+
+.checkout_box .box_inside .help_btn {
+ float:right;
+ display:block;
+
+ /* IE7 star hack */
+ *position:relative;
+ *top:1px;
+}
+
+.checkout_box .box_inside .text_box {
+ padding-bottom:10px;
+}
+
+.checkout_box .box_inside .pickup_lib select {
+ width:244px;
+}
+
+.checkout_item_pad {
+ padding-top:30px;
+}
+
+.checkout_res_body {
+ font-size:18px;
+ text-align:center;
+ line-height:30px;
+}
+
+.checkout_res_back {
+ font-size:11px;
+ font-family:'Cabin-Semibold', 'Cabin', Arial;
+ text-transform:uppercase;
+ white-space:nowrap;
+ color:white;
+ background:#74d514;
+ padding:18px 28px 18px 0px;
+ display:block;
+ overflow:hidden;
+ height:14px;
+}
+
+.sub_cat_wrapper {
+ padding:13px 0px 13px 75px;
+ border-bottom:1px solid #e3e3e3;
+}
+
+.sub_header2 {
+ text-align:center;
+ margin-top:20px;
+ margin-bottom:9px;
+}
+
+.sub_header {
+ font-size:14px;
+ background:#e3e3e3;
+ padding:8px 23px;
+}
+
+.clear {
+ clear:both;
+ font-size:0px;
+ line-height:0px;
+ /* background:green; - for debugging */
+
+ /* IE7 has a problem with these
+ height:0px;
+ overflow:hidden;
+ */
+}
+
+div.hr {
+ margin: 12px 0;
+ background:#c4c2c2;
+ height:1px;
+ overflow:hidden;
+}
+
+.popup_wrapper {
+ position:absolute;
+}
+
+.popup_wrapper .popup_wrapper_inner {
+ position:relative;
+ display:none;
+ top:0px;
+ left:0px;
+}
+
+.popup_wrapper .popup_mid {
+ background:white;
+}
+
+.popup_wrapper .popup_content {
+ margin-right:-20px;
+ margin-bottom:-20px;
+ position:relative;
+ top:-10px;
+ left:-10px;
+ padding:2px;
+ overflow:hidden;
+ font-size:14px;
+}
+
+.popup_wrapper .popup_arrow_bm {
+ position:relative;
+ top:-3px;
+}
+
+.popup_wrapper .popup_tl {
+ width:13px;
+ height:13px;
+ background:url('/images/kpac/popup_tl.png') no-repeat;
+}
+
+.popup_wrapper .popup_tm {
+ background:url('/images/kpac/popup_tm.png') repeat-x;
+}
+
+.popup_wrapper .popup_tr {
+ width:13px;
+ height:13px;
+ background:url('/images/kpac/popup_tr.png') no-repeat;
+}
+
+.popup_wrapper .popup_lm {
+ background:url('/images/kpac/popup_lm.png') repeat-y;
+}
+
+.popup_wrapper .popup_rm {
+ background:url('/images/kpac/popup_rm.png') repeat-y;
+}
+
+.popup_wrapper .popup_bl {
+ width:13px;
+ height:13px;
+ background:url('/images/kpac/popup_bl.png') no-repeat;
+}
+
+.popup_wrapper .popup_bm {
+ background:url('/images/kpac/popup_bm.png') repeat-x;
+}
+
+.popup_wrapper .popup_br {
+ width:13px;
+ height:13px;
+ background:url('/images/kpac/popup_br.png') no-repeat;
+}
+
+.invisible {
+ visibility : hidden;
+}
+
+.hidden {
+ visibility : hidden;
+ display : none;
+}
+
+/* For Dewey Decimal Page */
+
+
+.deweyhundreds {
+ border-top: 3px dotted #000;
+ height: 180px;
+ padding: 5px;
+ margin-top: 20px;
+}
+
+.deweyhundredsdescription {
+ float: left;
+ border:1px solid red;
+ height: 180px;
+ width: 168px;
+ text-align:center;
+ margin-top:5px;
+ font-size:x-large;
+}
+
+.deweytens {
+ float: left;
+ margin-left:10px;
+ margin-top:10px;
+ border:none;
+ text-align:center;
+ height: 180px;
+ width: 168px;
+}
+
+.deweytenstitle {
+ font-weight:bold;
+ font-size:x-large;
+ background-color:#000;
+ color:#fff;
+ margin:0px;
+}
+
+.deweytensdescription {
+ font-weight:bold;
+ font-size:large;
+ background-color:#000;
+ color:#fff;
+ margin:0px;
+ height:50px;
+}
+
--- /dev/null
+[% PROCESS "opac/parts/header.tt2";
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/subpage.tt2";
+ page_id = trail_endpoint();
+ page = ctx.kpac_config.pages.page.$page_id;
+ ctx.page_title = page.name %]
+
+<h2 class="sub_header2">[% page.name | html %]</h2>
+<div class="hr"> </div>
+<div class="sub_cat_wrapper">
+ [% render_kpac_grid(page_id) %]
+</div>
+
+<div class="sub_navigation1">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%">
+ <tr>
+ <td><a href="[% mkurl(ctx.home_page, {}, ['trail']) %]">
+ <img src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"></td>
+ <td class="to_top_btn"><a href="[% mkurl(ctx.unparsed_uri, {}, 1) %]">
+ <img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" /></a></td>
+ </tr>
+ </table>
+</div>
+
+[% END %]
--- /dev/null
+[%
+ PROCESS "opac/parts/header.tt2";
+ PROCESS "opac/parts/misc_util.tt2"; # MARC
+ WRAPPER "kpac/parts/subpage.tt2";
+ attrs = {marc_xml => ctx.marc_xml};
+ INCLUDE get_marc_attrs args=attrs;
+ ctx.page_title = attrs.title | html
+%]
+
+<div id="search_results_parent">
+ [% INCLUDE 'kpac/parts/record_row.tt2' rec_id=ctx.bre_id%]
+</div>
+
+<div class="checkout_options">
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tr>
+ <td valign="top" class="left_brain_cell">
+ <div class="left_brain">
+
+ [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='card_help' %]
+ <img src="[% ctx.media_prefix %]/images/kpac/library_card.png" alt="[% l('library card') %]" /></div></td>
+ [% END %]
+ [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='password_help' %]
+ <p>[% l('Enter your password') %]</p>
+ [% END %]
+
+ <div class="top_side">
+ <h2>get it!</h2>
+ <p>[% |l %]If you would like to place a hold on this item, please enter the
+ following information and click<br />Submit below:[% END %]</p>
+ </div>
+
+ <form method='POST'><!-- login + place hold form -->
+
+ <div class="checkout_box">
+ <div class="box1_top"> </div>
+ <div class="box_inside">
+
+ [% IF !ctx.user %]
+ [% seed = l(' Enter Numbers... ') %]
+ <p>[% l('Library Card Number without spaces:') %]</p>
+ <div class="input_box">
+ <input name="username" type="text" class="text_box" style="color:#aaa;" value="[% seed %]"
+ onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}"
+ onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+ </div>
+ <a class="help_btn" href="javascript:;"
+ onclick="helpPopup('card_help', this, event);"><img
+ src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="pin number help" /></a>
+
+ <div class="clear"> </div>
+ <div class="hr"> </div>
+
+ <p>[% l('Password') %]</p>
+ <div class="input_box">
+ <input name="password" type="password" class="text_box" style="color:#aaa;" value="[% seed %]"
+ onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}"
+ onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+ </div>
+
+ <a class="help_btn" href="javascript:;"
+ onclick="helpPopup('password_help', this, event);"><img
+ src="[% ctx.media_prefix %]/images/kpac/question_mark.png" alt="[% l('password help') %]" /></a>
+
+ <div class="clear"> </div>
+ <div class="hr"> </div>
+ [% END %]
+
+ <p>[% l('Choose a Pickup Library:') %]</p>
+ <div class="pickup_lib">
+ [% def_lib = ctx.default_pickup_lib || ctx.physical_loc;
+ PROCESS "opac/parts/org_selector.tt2";
+ INCLUDE build_org_selector name='pickup_lib'
+ value=def_lib id='pickup_lib' can_have_vols_only=1 %]
+ </div>
+ </div>
+ </div>
+ <div class="submit_btn">
+ <input type='hidden' name='action' value='hold'/>
+ <input type='image' src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="[% l('Submit') %]"/>
+ </div>
+ </form>
+ </div>
+ </td>
+
+ <td valign="top">
+ <div class="right_brain">
+ <div class="top_side">
+ <h2>[% l('save it!') %]</h2>
+ <p>[% l('If you would like to save this item to a list to be requested later, click Submit below.') %]</p>
+ [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %]
+ <br/>
+ <p>
+ [% l('You may also save this item to a list you have already created by selecting one of your lists below.') %]
+ </p>
+ [% END %]
+ </div>
+ <form method='POST'>
+ <input type='hidden' name='action' value='save'/>
+ [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %]
+ <div class="checkout_box">
+ <div class="box1_top"> </div>
+ <div class="box_inside">
+ <p>[% l('Add to one of your lists?') %]</p>
+ <select name='bookbag'>
+ <option value='' selected='selected'>[% l('-- Temporary List --') %]</option>
+ [% FOR bbag IN ctx.bookbags %]
+ <option value="[% bbag.id %]">[% bbag.name | html %]</option>
+ [% END %]
+ </select>
+ </div>
+ </div>
+ [% END %]
+ <div class="submit_btn">
+ <input type='image' src="[% ctx.media_prefix %]/images/kpac/review_submit_btn.png" alt="[% l('Submit') %]" />
+ </div>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </table>
+</div>
+
+<div class="sub_navigation2 checkout">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%">
+ <tr>
+ [% # in the absence of a sane referer, return to the detail page
+ url = ctx.kpac_root _ (ctx.referer.match('results') ? '/results' : '/record/' _ ctx.bre_id) %]
+ <td><a href="[% mkurl(url) %]"><img src="[% ctx.media_prefix %]/images/kpac/cancel_back_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"> </td>
+ </tr>
+ </table>
+</div>
+
+[% END %]
--- /dev/null
+[% PROCESS "opac/parts/header.tt2";
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/subpage.tt2";
+ PROCESS "opac/parts/misc_util.tt2"; # MARC
+ attrs = {marc_xml => ctx.marc_xml};
+ PROCESS get_marc_attrs args=attrs;
+ ctx.page_title = l('Get it');
+ kill_params = ['list', 'hold', 'hold_failed', 'pickup_lib', 'action'];
+ title_html = attrs.title | html;
+%]
+
+
+<div class="checkout_res_body">
+ [% IF ctx.added_to_anon %]
+ <h2 class="sub_header2">[% l('You Saved It!') %]</h2>
+ <p>
+ [% |l(title_html) %]
+ You successfully saved [_1]. <br/>
+ To manage your lists, go to <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, 1) %]">My Lists</a>
+ [% END %]
+ <p>
+ [% ELSIF ctx.added_to_list %]
+ [% list_html = ctx.list.name | html %]
+ <h2 class="sub_header2">[% l('You Saved It!') %]</h2>
+ <p>
+ [% |l(title_html, list_html) %]
+ You successfully saved [_1] to [_2]. <br/>
+ To manage your lists, go to <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, 1) %]">My Lists</a>
+ [% END %]
+ <p>
+ [% ELSIF CGI.param('hold') %]
+ [% lib_html = ctx.get_aou(ctx.hold.pickup_lib).name | html %]
+ <h2 class="sub_header2">[% l('Hold Successful!') %]</h2>
+ <p>
+ [% |l(title_html, lib_html) %]
+ Your request for <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">[_1]</a> was successful.<br/>
+ You will be notified when your item is ready for pickup. You will be able to pick your item up at [_2].
+ [% END %]
+ <p>
+ [% ELSE %]
+ <p>
+ [% |l(title_html) %]
+ Unable to request <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">[_1]</a>.<br/>
+ Please see a librarian.
+ [% END %]
+ [% END %]
+</div>
+
+<div class="sub_navigation2 checkout">
+ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
+ <td><a href="[% mkurl(ctx.kpac_root _ '/results', {}, kill_params) %]">
+ <img src="[% ctx.media_prefix %]/images/kpac/back_to_results_btn.png" /></a></td>
+ <td width="100%" class="nav_mid_bg"> </td>
+ <td><img src="[% ctx.media_prefix %]/images/kpac/back_to_book.png" /></td>
+ <td nowrap="nowrap">
+ <a class="checkout_res_back" href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, kill_params) %]">
+ [% title = attrs.title || '';
+ IF title.length > 18; title = title.substr(18, title.length, '...'); END;
+ l('Back to [_1]', title);
+ %]
+ </a>
+ </td>
+ </tr></table>
+</div>
+
+[% END %]
+
--- /dev/null
+[%
+ 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>
+ <form action="[% ctx.kpac_root _ '/results' %]">
+ [% qtype = CGI.param('qtype') %]
+ <table cellpadding="0" cellspacing="0" border="0" align="center" class="search_box_wrapper">
+ <tr>
+ <td class="st_radio_btn"><input type="radio" name="qtype" value="keyword" id="st_word" class="st_word"
+ [% IF !qtype OR qtype == 'keyword' %]checked="checked"[% END %]/></td>
+ <td class="st_label"><label for="st_word">[% l('Word') %]</label></td>
+
+ <td class="st_radio_btn"><input type="radio" name="qtype" value="title" id="st_title" class="st_title"
+ [% IF qtype == 'title' %]checked="checked"[% END %]/></td>
+ <td class="st_label"><label for="st_title">[% l('Title') %]</label></td>
+
+ <td class="st_radio_btn"><input type="radio" name="qtype" value="author" id="st_author" class="st_author"
+ [% IF qtype == 'author' %]checked="checked"[% END %]/></td>
+ <td class="st_label st_author_box"><label for="st_author">[% l('Author') %]</label></td>
+
+ <td><input type="text" class="search_box" name="query"
+ value="[% CGI.param('nosprop') ? '' : CGI.param('query') | html %]"/></td>
+ <td><input type="image" src="[% ctx.media_prefix %]/images/kpac/search_btn.png" alt="search" /></td>
+ </tr>
+ </table>
+ </form>
+ </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.page) %]
+ </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 %]
+
--- /dev/null
+[%
+ # added content only shows on record detail page
+ IF ctx.page == 'record';
+
+ # chilifresh
+ IF ENV.OILS_CHILIFRESH_URL AND ENV.OILS_CHILIFRESH_ACCOUNT;
+ chili_url = ENV.OILS_CHILIFRESH_URL;
+ IF CGI.https AND ENV.OILS_CHILIFRESH_HTTPS_URL;
+ chili_url = ENV.OILS_CHILIFRESH_HTTPS_URL;
+ END %]
+ <!-- Set up the chilifresh account information and load the JS -->
+ <input type="hidden" id="chilifresh_account" name="chilifresh_account" value="[% ENV.OILS_CHILIFRESH_ACCOUNT %]"/>
+ <input type="hidden" id="chilifresh_version" name="chilifresh_version" value="onsite_v1" />
+ <input type="hidden" id="chilifresh_type" name="chilifresh_type" value="search" />
+ <script type="text/javascript" src="[% chili_url %]"></script>
+ <script>try { setTimeout(chili_init, 0); } catch(E) {}</script>
+
+ [% END;
+
+ # LibraryThing
+ IF ENV.OILS_LIBRARYTHING_URL;
+ lt_url = ENV.OILS_LIBRARYTHING_URL;
+ IF CGI.https AND ENV.OILS_LIBRARYTHING_HTTPS_URL;
+ lt_url = ENV.OILS_LIBRARYTHING_HTTPS_URL;
+ END %]
+
+ <script src="[% lt_url %]" type="text/javascript"></script>
+ [% END %]
+[%- END %]
--- /dev/null
+<a name='addedcontent'></a> <!-- for page focus -->
+<div class='item_detail_extras_tabs'>
+[%-
+ # NOTE: enabling all of these types may result in the tabs occupying
+ # too much horizontal space to fit within the fixed-width box.
+
+ ac_types = {
+ reviews => l('Reviews'),
+ anotes => l('Author Notes'),
+ toc => l('Table of Contents'),
+ excerpt => l('Excerpt'),
+ summary => l('Summary')
+ };
+
+ selected_type = CGI.param('ac');
+
+ # For each type of added content, render the link if it's known to have
+ # content, do not render the link if it's known to not have content. If
+ # the content status is unknown, render the link, but hide the link via CSS
+ # if dojo is enabled. If dojo is not enabled, render and display the link.
+
+ all_hidden = 1;
+ FOR type IN ac_types.keys;
+ tab_class = '';
+ SET tab_class = 'ac_tab_selected' IF type == selected_type;
+ '<!-- status = ' _ type _ ' : ' _ ctx.added_content.$type.status _ '-->';
+ IF ctx.added_content.$type.status != '2'; # no content
+ all_hidden = 0;
+ IF ctx.added_content.$type.status == '3' AND want_dojo; # status unknown
+ tab_class = tab_class _ ' hidden';
+ END %]
+ <a class="[% tab_class %]" id="ac:[% type %]" href="[% mkurl('', {ac => type}) _ '#addedcontent' %]">[% ac_types.$type %]</a>
+ [% END;
+ END %]
+
+ <div class="clear"> </div>
+</div>
+
+<div style='width:98%; padding:5px;'>
+ <div id='ac_content'>
+ [%
+ IF selected_type;
+ content = ctx.added_content.$selected_type.content;
+ IF content;
+ content;
+ ELSE;
+ l('No Content Available');
+ END;
+ END;
+ %]
+ </div>
+</div>
+
+
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/kpac/style.css" />
+ [% IF ctx.authtime %]
+ <meta http-equiv="refresh" content="[% ctx.authtime %];[%
+ ctx.logout_page _ '?redirect_to=' _ ctx.home_page %]">
+ [% END %]
+ <title>[% l("Kid's Catalog - [_1]", ctx.page_title) %]</title>
+ </head>
+ <body>
+ <div class="main_center">
+ [% INCLUDE 'kpac/parts/header.tt2' %]
+ <div class="main_wrapper"> [% content %] </div>
+ [% INCLUDE 'kpac/parts/footer.tt2' %]
+ </div>
+ <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/kpac/functions.js"></script>
+ [%- INCLUDE 'kpac/parts/acimport.tt2' %]
+ </body>
+</html>
--- /dev/null
+<div class="breadcrumb">
+ [% clear_params = ['action', 'hold', 'pickup_lib', 'ac', 'copy_limit', 'copy_offset', 'list'] %]
+
+ <!-- home page -->
+ <a href="[% mkurl(ctx.kpac_root _ '/home', {}, ['trail', 'page']) %]"
+ class="bread_home"><img alt="[% l('Home') %]"
+ src="[% ctx.media_prefix %]/images/kpac/home_icon.png" /></a>
+
+ <!-- category trail -->
+ [% trail = CGI.param('trail');
+ trail = trail ? trail.split('/') : [];
+ FOR page_id IN trail;
+ page = ctx.kpac_config.pages.page.$page_id %]
+ <div class="bread_green_mid"> </div>
+ <a href="[% mkurl(ctx.kpac_root _ '/category',
+ {trail = trail_splice(page_id)}, clear_params) %]">[% page.name | html %]</a>
+ [% END %]
+
+ [% IF ctx.page != 'index' AND ctx.page != 'category' %]
+
+ <!-- search results -->
+ <div class="bread_green_mid"> </div>
+ <a href="[% mkurl(ctx.kpac_root _ '/results', {}, clear_params) %]">[% l('search results') | html %]</a>
+
+ [% IF ctx.page != 'rresult' %]
+
+ <!-- record title -->
+ <div class="bread_green_mid"> </div>
+ [% tlen = 18; # TODO config?
+ title = attrs.title || '';
+ IF title.length > tlen;
+ title = l('[_1]...', title.substr(0, tlen - 3));
+ END;
+ # I know there's a way to do this all w/ substr,
+ # but it's trying my patience. this works.
+ %]
+ <a href="[% mkurl(ctx.kpac_root _ '/record/' _ ctx.bre_id, {}, clear_params) %]">[% title | html %]</a>
+
+ <!-- Get it -->
+ <div class="bread_green_last"> </div>
+ <span class="bread_last">[% l('Get it') %]</span>
+ <div class="clear"> </div>
+
+ [% END %]
+ [% END %]
+</div>
+
--- /dev/null
+[%-
+FOREACH copy_info IN ctx.copies;
+ IF copy_info.call_number_label != '##URI##';
+ has_copies = 'true';
+ END;
+ IF copy_info.part_label != '';
+ has_parts = 'true';
+ END;
+ IF has_parts && has_copies;
+ LAST;
+ END;
+END;
+%]
+[%- IF has_copies; %]
+<table cellpadding="0" cellspacing="0" border="0" width="100%" class="item_location_table">
+ <tbody>
+ <tr class="header">
+ <td class="location">[% l('Location') %]</td>
+ <td class="callnumber">[% l('Call Number') %]</td>
+ <td class="shelving_location">[% l('Shelving Location') %]</td>
+ <td class="status">[% l('Status') %]</td>
+ </tr>
+ [%-
+ FOR copy_info IN ctx.copies;
+ callnum = copy_info.call_number_label;
+ NEXT IF callnum == '##URI##';
+
+ callnum_prefix = copy_info.call_number_prefix_label;
+ IF callnum_prefix != "";
+ callnum = callnum_prefix _ " " _ callnum;
+ END;
+
+ callnum_suffix = copy_info.call_number_suffix_label;
+ IF callnum_suffix != "";
+ callnum = callnum _ " " _ callnum_suffix;
+ END;
+ -%]
+ <tr>
+ <td class="location">[% ctx.get_aou(copy_info.circ_lib).name | html %]</td>
+ [%- IF has_parts == 'true' %]
+ <td class="callnumber">[% l('[_1] ([_2])', callnum, copy_info.part_label) | html %]</td>
+ [% ELSE %]
+ <td class="callnumber">[% callnum | html %]</td>
+ [%- END %]
+ <td class="shelving_location">[% copy_info.copy_location | html %]</td>
+ <td class="status">[% copy_info.copy_status | html %]</td>
+ </tr>
+ [%- END %]
+
+ <!-- PAGING -->
+
+ <tr>
+
+ <td>
+ [%- IF ctx.copy_offset > 0;
+ new_offset = ctx.copy_offset - ctx.copy_limit;
+ IF new_offset < 0; new_offset = 0; END %]
+ <a href="[% mkurl('', {copy_offset => new_offset, copy_limit => ctx.copy_limit}) %]">« [%
+ l('Previous [_1]', ctx.copy_offset - new_offset) %]</a>
+ [%- END %]
+ </td>
+
+ <td>
+ [%- IF ctx.copies.size >= ctx.copy_limit %]
+ <a href="[% mkurl('', {copy_offset => ctx.copy_offset + ctx.copy_limit, copy_limit => ctx.copy_limit}) %]">[%
+ l('Next [_1]', ctx.copy_limit) %] »</a>
+ [%- END %]
+ </td>
+
+ [%- more_copies_limit = 50 %] [%# TODO: config %]
+ <td>
+ [%- IF ctx.copy_limit != more_copies_limit AND ctx.copies.size >= ctx.copy_limit %]
+ <a href="[% mkurl('', {copy_limit => more_copies_limit, copy_offset => 0}) %]">[% l('Show more copies') %]</a>
+ [%- ELSIF ctx.copy_limit == more_copies_limit %]
+ <a href="[% mkurl('', {copy_limit => 0, copy_offset => 0}) %]">[% l('Show fewer copies') %]</a>
+ [%- END %]
+ </td>
+ </tr>
+ </tbody>
+</table>
+[% END %]
+
--- /dev/null
+<div class="footer_wrapper">
+ <a href="javascript:;">[% l('Contact Us') %]</a>
+ <a href="javascript:;">[% l('Site Help') %]</a>
+ <a href="javascript:;">[% l('Site Map') %]</a>
+ <a href="[% mkurl(ctx.opac_root _ '/home') %]">[% l('Back to Main Catalog') %]</a>
+ <div class="clear"> </div>
+</div>
+
--- /dev/null
+[%
+PROCESS 'kpac/parts/util.tt2';
+
+# Renders a single 'page' grid
+
+MACRO render_kpac_grid(page_id) BLOCK;
+ page = ctx.kpac_config.pages.page.$page_id;
+ ncols = page.columns || 3; # avoid divide-by-zero
+ name = page.name;
+ idx = 0 %]
+<table cellpadding="0" cellspacing="0" border="0" class="main_category_table">
+ <tr> [%
+ width = 100 / ncols;
+ FOR cell IN page.cell;
+ IF idx == ncols;
+ %]</tr><tr>[%
+ idx = 0;
+ END;
+ idx = idx + 1;
+
+ IF cell.type == 'topic';
+ tpage_id = cell.content;
+ topic_page = ctx.kpac_config.pages.page.$tpage_id %]
+
+ <td width="[% width %]%"><a href="[% mkurl(ctx.kpac_root _ '/category', {trail => trail_append(tpage_id)}) %]"><img
+ src="[% kpac_img_path(topic_page.img) %]" alt="" /><span>[% topic_page.name %]</span></a></td>
+
+ [% ELSIF cell.type == 'search'; %]
+
+ <td width="[% width %]%"><a href="[%
+ mkurl(ctx.kpac_root _ '/results', {query => cell.content, nosprop => 1}, ['page', 'qtype']) %]"><img
+ src="[% kpac_img_path(cell.img) %]" alt="" /><span>[% cell.name %]</span></a></td>
+
+ [% ELSIF cell.type == 'link'; %]
+
+ <td width="[% width %]%"><a href="[% cell.content | html %]"><img
+ src="[% kpac_img_path(cell.img) %]" alt="" /><span>[% cell.name %]</span></a></td>
+
+ [% END %]
+ [% END %]
+ </tr>
+</table>
+[% END %]
--- /dev/null
+<div class="main_header_wrapper">
+ <div class="logo_wrapper">
+ <a href="http://evergreen-ils.org">
+ <span class="logo_left"> </span>
+ <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/eg_logo.jpg" width="170" lt="[% l('Logo') %]" /></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:window.print()" 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 -->
+ [% IF ctx.user %]
+ [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %]
+ <a href="[% mkurl(ctx.logout_page,
+ {redirect_to => redir.replace('^https:', 'http:')}, 1) %]">[%
+ l('Logout ([_1] [_2])', ctx.user.first_given_name, ctx.user.family_name) %]</a>
+ [% ELSE %]
+ <a href="[% mkurl(ctx.opac_root _ '/login').replace('^http:', 'https:') %]">[% l('Login') %]</a>
+ [% END %]
+ <a href="javascript:;">[% l('Get a Library Card') %]</a>
+ <a href="javascript:;">[% l('Help') %]</a>
+ </div>
+ <div class="clear"> </div>
+</div>
+
--- /dev/null
+<div class="popup_wrapper">
+ <div class="popup_wrapper_inner" id="[% popup_id %]">
+ <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">[% content %]</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="[% ctx.media_prefix %]/images/kpac/popup_arrow_bm.png" />
+ </td>
+ </tr>
+ </table>
+ </div>
+</div>
--- /dev/null
+[% # paging, weeee
+ page = CGI.param('page');
+ page = page.match('^\d+$') ? page : 0; # verify page is a sane value
+ page_count = ctx.page_size == 0 ? 1 : POSIX.ceil(ctx.hit_count / ctx.page_size);
+ ctx.result_start = 1 + ctx.page_size * page;
+ ctx.result_stop = ctx.page_size * (page + 1);
+ IF ctx.result_stop > ctx.hit_count; ctx.result_stop = ctx.hit_count; END;
+ result_count = ctx.result_start;
+%]
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+ <tr>
+ <!-- Next -->
+ <td>
+ [% class = '';
+ href = '#';
+ IF page > 0;
+ href = mkurl('', {page => page - 1});
+ ELSE; class = class _ ' invisible'; END %]
+ <a class="[% class %]" href="[% href %]"><img src="[% ctx.media_prefix %]/images/kpac/arrow_last.png" /></a>
+ </td>
+
+ <!-- page X of Y -->
+ <td width="100%" class="nav_mid_bg">
+ <table cellpadding="0" cellspacing="0" border="0" align="center">
+ <tr>
+ [% |l(page + 1, page_count) %]
+ <td>Page </td><td class="current_page">[_1]</td><td> of </td><td class="total_pages">[_2]</td>
+ [% END %]
+ </tr>
+ </table>
+ </td>
+
+ <!-- Prev -->
+ <td class="to_top_btn">
+ [% class = '';
+ href = '#';
+ IF (page + 1) < page_count;
+ href = mkurl('', {page => page + 1});
+ ELSE; class = class _ ' invisible'; END;
+ %]
+ <a class="[% class %]" href="[% href %]"><img src="[% ctx.media_prefix %]/images/kpac/arrow_next.png" /></a>
+ </td>
+
+ <!-- Top of page -->
+ [% IF showtop %]
+ <td class="to_top_btn"><a href="[% mkurl('').replace('#.*', '') %]">
+ <img src="[% ctx.media_prefix %]/images/kpac/to_top_btn.png" />
+ </a></td>
+ [% END %]
+ </tr>
+</table>
--- /dev/null
+<div class="search_results">
+ <div class="item_detail_image">
+ [% img_src = ctx.media_prefix _ '/images/kpac/item_image.jpg'; # default image
+ ident = attrs.isbn_clean || attrs.upc;
+ IF ident;
+ img_src = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident;
+ END;
+ %]
+ <a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]"><img
+ alt="[% l('Image of item') %]" width="167"
+ src='[% mkurl(img_src, {}, 1) %]' /></a><br />
+ </div>
+ <div class="item_detail_info">
+ <div class="item_detail_name"><a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]">[% attrs.title | html %]</a></div>
+ <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
+ <div class="item_detail_callnumber">[% attrs.holdings.0.label | html %]</div>
+ <div class="item_detail_extra_info">
+ [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
+ [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
+ </div>
+ [% IF show_actions %]
+ <div class="item_detail_actions">
+ <div class="button"><a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]"><img
+ src="[% ctx.media_prefix %]/images/kpac/more_info_btn.png" alt="more info" /></a></div>
+ <div class="button"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ rec_id) %]"><img
+ src="[% ctx.media_prefix %]/images/kpac/get_it_btn_sm.png" alt="get it" /></a></div>
+ <div class="clear"> </div>
+ </div>
+ [% END %]
+ </div>
+ <div class="item_icon_wrapper">
+ <div class="item_icon">
+ <img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />
+ <!-- put a single around each side of the image - for vertical centering -->
+ </div>
+ <div class="item_icon_type_text">[% attrs.format_label %]</div>
+ </div>
+ <div class="clear"> </div>
+</div>
+
--- /dev/null
+<div class="sub_sidebar_header">[% l('New Search') %]</div>
+<form action="[% ctx.kpac_root _ '/results' %]">
+ <div class="sub_sidebar_search_wrapper">
+ <input type="text" name='query'
+ value="[% CGI.param('nosprop') ? '' : CGI.param('query') | html %]"
+ [% seed = l(' Enter Text... ') | html %]
+ class="sub_sidebar_search_box" style="color:#aaa;" value="[% seed %]"
+ onfocus="if(this.value=='[% seed %]'){this.value='';this.style.color='#424242';}"
+ onblur="if(this.value==''){this.value='[% seed %]'; this.style.color='#aaa';}" />
+ </div>
+ <table cellpadding="0" cellspacing="0" border="0" class="sub_sidebar_search_st">
+ <tr>
+ [%
+ types = [
+ {keyword => l('Word')},
+ {title => l('Title')},
+ {author => l('Author')}
+ ];
+ FOR qtype_blob IN types;
+ qtype = qtype_blob.keys.0 %]
+ <td class="st_radio_btn">
+ <input type="radio" name="qtype" value="[% qtype %]" id="st_[% qtype %]"
+ [% IF (CGI.param('qtype') == qtype) OR
+ (!CGI.param('qtype') AND qtype == 'keyword') %]checked="checked"[% END %]/>
+ </td>
+ <td class="st_label"><label for="st_[% qtype %]">[% qtype_blob.$qtype | html %]</label></td>
+ [% IF !loop.last %]
+ <td class="st_radio_spacer"><div> </div></td>
+ [% END %]
+ [% END %]
+ </tr>
+ </table>
+ <div class="hr"> </div>
+ <div class="sub_search_category">
+ <span>[% ctx.filter_groups.kpac.label %]<span>
+ <span>
+ [%
+ INCLUDE 'opac/parts/filter_group_selector.tt2'
+ filter_group='kpac_main'
+ class='search_category'
+ none_label=l('Full Collection')
+ none_ok=1
+ %]
+ <span>
+ </div>
+ <div class="hr"> </div>
+ <div>
+ <input type="image" alt="search" src="[% ctx.media_prefix %]/images/kpac/search_btn_sub.png" />
+ </div>
+</form>
+
--- /dev/null
+[% PROCESS 'kpac/parts/util.tt2'; WRAPPER "kpac/parts/base.tt2" %]
+
+<!-- subpage is the main wrapper page for everything except 'home' -->
+
+<div class="main_top_shadow_sub">
+ <div class="main_mid_top_sub">
+ [% INCLUDE 'kpac/parts/breadcrumb.tt2' %]
+ </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">
+ [% content %]
+ <div class="clear"> </div>
+ </div>
+ </td>
+ <td width="266" valign="top" class="sub_sidebar">
+ <div class="sub_sidebar_inner">
+ [% INCLUDE 'kpac/parts/searchbox.tt2' %]
+ </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
+[%
+
+ # -----------------------------------------------------------------
+ # Category trail/path utilities
+ # page trail looks like trail=id/id/id
+
+ # adds an ID, esults in the full trail as a string
+ MACRO trail_append(node_id) BLOCK;
+ trail = CGI.param('trail');
+ trail ? trail _ '/' _ node_id : node_id;
+ END;
+
+ # last trail component/id as a string
+ MACRO trail_endpoint BLOCK;
+ trail = CGI.param('trail');
+ list = trail ? trail.split('/') : [];
+ list().last;
+ END;
+
+ MACRO trail_splice(page_id) BLOCK;
+ trail = CGI.param('trail');
+ list = trail ? trail.split('/') : [];
+ path = '';
+ FOR id IN list;
+ path = path ? path _ '/' _ id : id;
+ IF id == page_id; LAST; END;
+ END;
+ path;
+ END;
+
+ # -----------------------------------------------------------------
+ # Determines the full path to image URLs
+ # Use absolute and fully-qualified image URLs as-is.
+ # For all others, use the kpac base path.
+ MACRO kpac_img_path(img) BLOCK;
+ IF img.match('^/') OR img.match('^https?://');
+ img;
+ ELSE;
+ ctx.media_prefix _ '/images/kpac/' _ img;
+ END;
+ END;
+%]
+
+
--- /dev/null
+[%
+ PROCESS "opac/parts/header.tt2";
+ PROCESS "opac/parts/misc_util.tt2"; # MARC
+ WRAPPER "kpac/parts/subpage.tt2";
+ attrs = {marc_xml => ctx.marc_xml};
+ PROCESS get_marc_attrs args=attrs;
+ ctx.page_title = attrs.title | html
+%]
+
+<div class="item_detail_header">
+
+ <div class="item_detail_image">
+ [% ident = attrs.isbn_clean || attrs.upc;
+ href = ctx.media_prefix _ '/images/kpac/item_image.jpg';
+ IF ident; href = ctx.media_prefix _ '/opac/extras/ac/jacket/medium/' _ ident; END %]
+ <a href="[% href | url %]"><img
+ alt="[% l('Image of item') %]" width="167" src='[% href | url %]' /></a><br />
+ </div>
+
+ <div class="item_detail_info">
+ <div class="item_detail_name">[% attrs.title | html %]</div>
+ <div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
+ <div class="item_detail_icon_rate">
+ <div class="item_icon_wrapper">
+ <div class="item_icon">
+ <img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />
+ <!-- put a single around each side of the image - for vertical centering -->
+ </div>
+ <div class="item_icon_type_text">[% attrs.format_label %]</div>
+ </div>
+
+ <div class="item_detail_rate_wrapper">
+ <div class="item_detail_rate_starts">
+ <span class="chili_review" id="isbn_[% attrs.isbn_clean | html %]"> </span>
+ <span class="ltfl_reviews"/>
+ </div>
+ <!--
+ <div style="margin-bottom:20px;">
+ <div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
+ </div>
+ -->
+
+ <!--
+ <div class="item_detail_rate_starts"><img alt="rating" src="[% ctx.media_prefix %]/images/kpac/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">[% attrs.holdings.0.label | html %]</div>
+ <div class="item_detail_extra_info">
+ [% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
+ [% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
+ </div>
+ </div>
+ </div>
+ <div class="clear"> </div>
+ </div>
+ </div>
+
+ <div class="item_detail_header_buttons">
+ <div class="item_detail_getit_btn"><a href="[% mkurl(ctx.kpac_root _ '/getit/' _ ctx.bre_id) %]"><img
+ alt="[% l('Get it') | html %]" src="[% ctx.media_prefix %]/images/kpac/get_it_btn.png" /></a>
+ </div>
+ <div class="item_detail_goback_btn">
+ <a href="[% mkurl(ctx.kpac_root _ '/results') %]"><img
+ alt="[% l('Go Back') | html %]" src="[% ctx.media_prefix %]/images/kpac/go_back_btn.png" /></a>
+ </div>
+ </div>
+ <div class="clear"> </div>
+</div>
+
+<div id="chili_review_[% attrs.isbn_clean | html %]" style="display: none;" align="center" width="100%"></div>
+
+<div class="sub_header">[% l('You can find this item at these locations:') %]</div>
+ <div class="item_detail_location_wrapper">
+ [% INCLUDE 'kpac/parts/copy_table.tt2' %]
+ </div>
+
+ [% IF attrs.summary %]
+ <div class="sub_header">[% l('About this item:') %]</div>
+ <div class="item_detail_desc">
+ [% FOR sum IN attrs.summary %]
+ [% IF !loop.first; '<br/>'; END %]
+ <p>[% sum | html %] </p>
+ [% END %]
+ </div>
+ [% END %]
+
+ [% INCLUDE 'kpac/parts/addedcontent.tt2' %]
+</div>
+
+[% END %]
--- /dev/null
+[% PROCESS "opac/parts/header.tt2";
+ PROCESS "opac/parts/misc_util.tt2"; # MARC
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/subpage.tt2";
+ ctx.page_title = l('Search Results') %]
+
+<h2 class="sub_header2">Search Results</h2>
+
+[% IF ctx.records.size == 0 %]
+
+ <br/>
+ <div style='width:100%; text-align:center'>
+ <h3>[% l('No records were found that matched your search.') %]</h3>
+ </div>
+
+[% ELSE %]
+
+ <div class="sub_navigation2">
+ [% INCLUDE 'kpac/parts/paginate.tt2' %]
+ </div>
+
+ <div id="search_results_parent"> [%
+ FOR rec IN ctx.records;
+ attrs = {marc_xml => rec.marc_xml};
+ PROCESS get_marc_attrs args=attrs;
+ INCLUDE 'kpac/parts/record_row.tt2' show_actions=1 rec_id=rec.id;
+ END;
+ %] </div>
+
+ <div class="sub_navigation3">
+ [% INCLUDE 'kpac/parts/paginate.tt2' showtop=1 %]
+ </div>
+
+[% END %]
+
+[% END %]
+++ /dev/null
-[%
- WRAPPER "kpac/parts/base.tt2";
- ctx.page_title = l("Dewey Decimal Guide")
-%]
-
- <div class="search_wrapper">
- <h1>Dewey Decimal Guide-Testing</h1>
-
- </div>
-</div> <!-- this ends the main_header_wrapper div that was started in header.tt2 -->
-
- <div class="clear"> </div>
-
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>000</h1>
- <p>General Knowledge</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">000</p>
- <p class="deweytensdescription">Computers</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">001</p>
- <p class="deweytensdescription">UFOs and the Unexplained</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">030</p>
- <p class="deweytensdescription">Encyclopedias and Books of Facts</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>100</h1>
- <p>Philosophy & Psychology</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">130</p>
- <p class="deweytensdescription">Ghosts</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">135</p>
- <p class="deweytensdescription">Dreams</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>200</h1>
- <p>Religions</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">220</p>
- <p class="deweytensdescription">Bible Stories</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">290</p>
- <p class="deweytensdescription">Mythology</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>300</h1>
- <p>Social Sciences</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">300</p>
- <p class="deweytensdescription">World Cultures</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">350</p>
- <p class="deweytensdescription">Military - Tanks, Submarines</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">390</p>
- <p class="deweytensdescription">Folk Tales and Fairy Tales</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>400</h1>
- <p>Languages</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">410</p>
- <p class="deweytensdescription">Sign Language</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">420</p>
- <p class="deweytensdescription">Dictionaries</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">440</p>
- <p class="deweytensdescription">French</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">460</p>
- <p class="deweytensdescription">Spanish</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">490</p>
- <p class="deweytensdescription">Mandarin Chinese</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>500</h1>
- <p>Math & Science</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">500</p>
- <p class="deweytensdescription">Science Fair Projects</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">510</p>
- <p class="deweytensdescription">Math</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">520</p>
- <p class="deweytensdescription">Astronomy - Stars & Planets</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">530</p>
- <p class="deweytensdescription">Physics</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">540</p>
- <p class="deweytensdescription">Chemistry</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">550</p>
- <p class="deweytensdescription">Volcanoes, Earthquakes & Weather</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">560</p>
- <p class="deweytensdescription">Dinosaurs</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">570</p>
- <p class="deweytensdescription">Habitats</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">580</p>
- <p class="deweytensdescription">Plants</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">595</p>
- <p class="deweytensdescription">Insects</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">597</p>
- <p class="deweytensdescription">Snakes & Fish</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">598</p>
- <p class="deweytensdescription">Birds</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">599</p>
- <p class="deweytensdescription">Mammals</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>600</h1>
- <p>Technology</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">600</p>
- <p class="deweytensdescription">Inventions</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">610</p>
- <p class="deweytensdescription">The Human Body</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">620</p>
- <p class="deweytensdescription">Transportation</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">629</p>
- <p class="deweytensdescription">Space Exploration</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">636</p>
- <p class="deweytensdescription">Pets</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">641</p>
- <p class="deweytensdescription">Cooking</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>700</h1>
- <p>Art & Games</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">730</p>
- <p class="deweytensdescription">Sculpture & Origami</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">740</p>
- <p class="deweytensdescription">Arts & Crafts</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">759</p>
- <p class="deweytensdescription">Famous Artists</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">780</p>
- <p class="deweytensdescription">Music</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">790</p>
- <p class="deweytensdescription">Games</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">793</p>
- <p class="deweytensdescription">Magic Tricks</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">796</p>
- <p class="deweytensdescription">Sports</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>800</h1>
- <p>Literature</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">811</p>
- <p class="deweytensdescription">Poetry</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">812</p>
- <p class="deweytensdescription">Plays</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">815</p>
- <p class="deweytensdescription">Speeches</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">820</p>
- <p class="deweytensdescription">Shakespeare</p>
- </div>
- </div>
-
- <div class="clear"> </div>
-
- <div class="deweyhundreds">
- <div class="deweyhundredsdescription">
- <h1>900</h1>
- <p>History & Geography</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">910</p>
- <p class="deweytensdescription">Explorers & Pirates</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">912</p>
- <p class="deweytensdescription">Maps</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">930</p>
- <p class="deweytensdescription">Archeology</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">940</p>
- <p class="deweytensdescription">European History</p>
- </div>
- <div class="deweytens">
- <p class="deweytenstitle">973</p>
- <p class="deweytensdescription">US History</p>
- </div>
- </div>
-[% END %]
-
[%
+ PROCESS "opac/parts/header.tt2";
PROCESS "kpac/parts/grid.tt2";
WRAPPER "kpac/parts/base.tt2";
ctx.page_title = l("Home")
--- /dev/null
+[%
+ PROCESS "opac/parts/header.tt2";
+ PROCESS "kpac/parts/grid.tt2";
+ WRAPPER "kpac/parts/base.tt2";
+ ctx.page_title = "Dewey Decimal Guide"
+%]
+
+ <div class="search_wrapper">
+ <h1>Dewey Decimal Guide</h1>
+ <p style="font-style:italic;font-size:large;">Use this chart to learn how the library's books are organized!</p>
+
+ </div>
+</div> <!-- this ends the main_header_wrapper div that was started in header.tt2 -->
+
+ <div class="clear"> </div>
+
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>000</h1>
+ <p>General Knowledge</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-computer.png" alt="Computers">
+ <p class="deweytenstitle">000</p>
+ <p class="deweytensdescription">Computers</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-ufo.png" alt="UFOs and the Unexplained">
+ <p class="deweytenstitle">001</p>
+ <p class="deweytensdescription">UFOs and the Unexplained</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-encyclopedia.png" alt="Encyclopedias">
+ <p class="deweytenstitle">030</p>
+ <p class="deweytensdescription">Encyclopedias and Books of Facts</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>100</h1>
+ <p>Philosophy & Psychology</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-ghost.png" alt="Ghosts">
+ <p class="deweytenstitle">130</p>
+ <p class="deweytensdescription">Ghosts</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-dreams.png" alt="Dreams">
+ <p class="deweytenstitle">135</p>
+ <p class="deweytensdescription">Dreams</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>200</h1>
+ <p>Religions</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-church.png" alt="Bible Stories">
+ <p class="deweytenstitle">220</p>
+ <p class="deweytensdescription">Bible Stories</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-myth.png" alt="Mythology">
+ <p class="deweytenstitle">290</p>
+ <p class="deweytensdescription">Mythology</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>300</h1>
+ <p>Social Sciences</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-world.png" alt="World Cultures">
+ <p class="deweytenstitle">300</p>
+ <p class="deweytensdescription">World Cultures</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-military.png" alt="Military">
+ <p class="deweytenstitle">350</p>
+ <p class="deweytensdescription">Military<br>(Tanks, Submarines)</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-fairy.png" alt="Fairy Tales and Folk Tales">
+ <p class="deweytenstitle">390</p>
+ <p class="deweytensdescription">Folk Tales and<br/>Fairy Tales</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>400</h1>
+ <p>Languages</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-signlanguage.png" alt="Sign Language">
+ <p class="deweytenstitle">410</p>
+ <p class="deweytensdescription">Sign Language</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-dictionary.png" alt="Dictionaries">
+ <p class="deweytenstitle">420</p>
+ <p class="deweytensdescription">Dictionaries</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-french.png" alt="French Language - Hello">
+ <p class="deweytenstitle">440</p>
+ <p class="deweytensdescription">French</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-spanish.png" alt="Spanish Language - Hello">
+ <p class="deweytenstitle">460</p>
+ <p class="deweytensdescription">Spanish</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-chinese.png" alt="Chinese Language - Hello">
+ <p class="deweytenstitle">490</p>
+ <p class="deweytensdescription">Mandarin Chinese</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>500</h1>
+ <p>Math & Science</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-scienceprojects.png" alt="Science Fair Projects">
+ <p class="deweytenstitle">500</p>
+ <p class="deweytensdescription">Science Fair Projects</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-math.png" alt="Math">
+ <p class="deweytenstitle">510</p>
+ <p class="deweytensdescription">Math</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-astronomy.png" alt="Astronomy">
+ <p class="deweytenstitle">520</p>
+ <p class="deweytensdescription">Astronomy<br/>(Stars & Planets)</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-physics.png" alt="Physics">
+ <p class="deweytenstitle">530</p>
+ <p class="deweytensdescription">Physics</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-chemistry.png" alt="Chemistry">
+ <p class="deweytenstitle">540</p>
+ <p class="deweytensdescription">Chemistry</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-earth.png" alt="Earth Sciences - Volcanoes, Weather, Rocks, and More">
+ <p class="deweytenstitle">550</p>
+ <p class="deweytensdescription">Earth Sciences<br>(Volcanoes, Storms)</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-dinosaur.png" alt="Dinosaurs">
+ <p class="deweytenstitle">560</p>
+ <p class="deweytensdescription">Dinosaurs</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-habitat.png" alt="Habitats / Environments">
+ <p class="deweytenstitle">570</p>
+ <p class="deweytensdescription">Habitats</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-plant.png" alt="Plants">
+ <p class="deweytenstitle">580</p>
+ <p class="deweytensdescription">Plants</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-insects.png" alt="Insects">
+ <p class="deweytenstitle">595</p>
+ <p class="deweytensdescription">Insects</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-reptiles.png" alt="Reptiles - Snakes, Fish, Lizards">
+ <p class="deweytenstitle">597</p>
+ <p class="deweytensdescription">Snakes, Lizards & Fish</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-bird.png" alt="birds">
+ <p class="deweytenstitle">598</p>
+ <p class="deweytensdescription">Birds</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-mammals.png" alt="Mammals">
+ <p class="deweytenstitle">599</p>
+ <p class="deweytensdescription">Mammals</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>600</h1>
+ <p>Technology</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-inventions.png" alt="Inventions">
+ <p class="deweytenstitle">600</p>
+ <p class="deweytensdescription">Inventions</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-doctor.png" alt="The Human Body & Medical Science">
+ <p class="deweytenstitle">610</p>
+ <p class="deweytensdescription">Medical Science</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-car.png" alt="Transportation">
+ <p class="deweytenstitle">620</p>
+ <p class="deweytensdescription">Transportation</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-space.png" alt="Space Exploration">
+ <p class="deweytenstitle">629</p>
+ <p class="deweytensdescription">Space Exploration</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-pets.png" alt="Pets">
+ <p class="deweytenstitle">636</p>
+ <p class="deweytensdescription">Pets</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-cooking.png" alt="Cooking and Recipes">
+ <p class="deweytenstitle">641</p>
+ <p class="deweytensdescription">Cooking</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>700</h1>
+ <p>Art & Games</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-sculpture.png" alt="Sculpture, Origami">
+ <p class="deweytenstitle">730</p>
+ <p class="deweytensdescription">Sculpture & Origami</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-art.png" alt="Arts and Crafts">
+ <p class="deweytenstitle">740</p>
+ <p class="deweytensdescription">Arts & Crafts</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-artists.png" alt="Famous Artists">
+ <p class="deweytenstitle">759</p>
+ <p class="deweytensdescription">Famous Artists</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-music.png" alt="Music">
+ <p class="deweytenstitle">780</p>
+ <p class="deweytensdescription">Music</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-game.png" alt="Games">
+ <p class="deweytenstitle">790</p>
+ <p class="deweytensdescription">Games</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-magic.png" alt="Magic Tricks">
+ <p class="deweytenstitle">793</p>
+ <p class="deweytensdescription">Magic Tricks</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-sports.png" alt="Sports">
+ <p class="deweytenstitle">796</p>
+ <p class="deweytensdescription">Sports</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>800</h1>
+ <p>Literature</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-poetry.png" alt="Poetry">
+ <p class="deweytenstitle">811</p>
+ <p class="deweytensdescription">Poetry</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-plays.png" alt="Plays, Scripts, Theatre">
+ <p class="deweytenstitle">812</p>
+ <p class="deweytensdescription">Plays</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-speeches.png" alt="Speeches">
+ <p class="deweytenstitle">815</p>
+ <p class="deweytensdescription">Speeches</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-shakespeare.png" alt="William Shakespeare">
+ <p class="deweytenstitle">820</p>
+ <p class="deweytensdescription">Shakespeare</p>
+ </div>
+ </div>
+
+ <div class="clear"> </div>
+
+ <div class="deweyhundreds">
+ <div class="deweyhundredsdescription">
+ <h1>900</h1>
+ <p>History & Geography</p>
+ </div>
+ <div class="clear"> </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-pirate.png" alt="Pirates, Explorers">
+ <p class="deweytenstitle">910</p>
+ <p class="deweytensdescription">Explorers & Pirates</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-map.png" alt="Maps">
+ <p class="deweytenstitle">912</p>
+ <p class="deweytensdescription">Maps</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-archeology.png" alt="Archeology, Fossils">
+ <p class="deweytenstitle">930</p>
+ <p class="deweytensdescription">Archeology</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-history-europe.png" alt="European History">
+ <p class="deweytenstitle">940</p>
+ <p class="deweytensdescription">European History</p>
+ </div>
+ <div class="deweytens">
+ <img src="[%- kpac_img_path -%]/cat-history-us.png" alt="American History">
+ <p class="deweytenstitle">973</p>
+ <p class="deweytensdescription">US History</p>
+ </div>
+ </div>
+
+[% END %]
+
}
.main_category_table td {
- padding-right:13px;
- padding-bottom:11px;
+ padding-right:75px;
+ padding-bottom:20px;
}
.main_category_table td a {
.deweyhundreds {
- border-top: 3px dotted #000;
- height: 150px;
+ border:none;
padding: 5px;
- margin-top: 20px;
+ margin-top: 50px;
}
.deweyhundredsdescription {
- float: left;
- border:1px solid red;
- height: 150px;
- width: 200px;
- text-align:center;
- margin-top:5px;
+ border-bottom:3px #000 dotted;
+ width: 100%;
+ text-align:left;
+ font-size:x-large;
+ background-color:#c1e3f7;
+ color:#000;
+ height:60px;
+}
+
+.deweyhundredsdescription h1 {
+ float:left;
+ margin:5px;
+ padding:0px 0px 0px 10px;
+}
+
+.deweyhundredsdescription p {
+ float:left;
+ margin:5px;
+ padding:18px 0px 0px 0px;
}
.deweytens {
float: left;
- margin-left:10px;
- margin-top:5px;
- border:1px solid blue;
+ margin-right:10px;
+ margin-top:10px;
+ border:none;
text-align:center;
- height: 150px;
- width: 150px;
+ height: 180px;
+ width: 168px;
}
.deweytenstitle {
font-weight:bold;
+ font-size:x-large;
+ background-color:#0098f9;
+ color:#fff;
+ margin:0px;
}
.deweytensdescription {
+ font-weight:bold;
+ font-size:large;
+ background-color:#0098f9;
+ color:#fff;
+ margin:0px;
+ height:50px;
}
projects / evergreen / pines.git / commitdiff
