--- /dev/null
+body a { color: black; text-decoration: none;}\r
+body a:visited { color: black; text-decoration: none;}\r
+body a:hover { color: red; text-decoration: underline;}\r
+\r
+\r
+/* the idea is to have 4 complimentary colors that \r
+ * are used throughout the opac. Edit those colors\r
+ * in this file\r
+ */\r
+ \r
+.color_1 { background: #B2BB1E; color: #000000; }\r
+.color_2 { background: #B2BB1E; color: #000000; }\r
+.color_3 { background: #EEE; color: #000000; }\r
+.color_4 { background: #E7E0D5; color: #000000; }\r
+\r
+.border_1 { border: 1px solid #005595; }\r
+.border_2 { border: 1px solid #B2BB1E; }\r
+.border_3 { border: 1px solid #EEE; }\r
+.border_4 { border: 1px solid #E7E0D5; }\r
+\r
+.border_1_2 { border: 2px solid #B2BB1E; }\r
+.border_2_2 { border: 2px solid #B2BB1E; }\r
+.border_3_2 { border: 2px solid #EEE; }\r
+.border_4_2 { border: 2px solid #E7E0D5; }\r
+\r
+.border_1_3 { border: 3px solid #B2BB1E; }\r
+.border_2_3 { border: 3px solid #B2BB1E; }\r
+.border_3_3 { border: 3px solid #EEE; }\r
+.border_4_3 { border: 3px solid #E7E0D5; }\r
+\r
+/* general purpose light borders */\r
+.border_5 { border: 1px solid #D0D0D0; }\r
+.border_6 { border: 1px solid #808080; }\r
+\r
+/* \r
+input:focus { background: #EEE; color: #000000;}\r
+a:focus { background: #E0F0E0; color: #000000;}\r
+*/\r
+ \r
+/* ---------------------------------------------------------------------- */\r
+\r
+.canvas { /* main content div for each page */\r
+ border-left: 3px solid #005595;\r
+ border-bottom: 3px solid #005595;\r
+ border-top: 3px solid #005595;\r
+}\r
+\r
+/* border around home search box */\r
+.home_search { border: 3px solid #005595; }\r
+\r
+/* main nav sidebar */\r
+.sidebar_item_active { background: #005595; color: #EEE; }\r
+.sidebar_item_active a { background: #005595; color: #EEE; }\r
+.sidebar_item_active a:hover { background: #005595; color: #EEE; text-decoration: none; }\r
+/* #advanced_link { background: #005595; color: #EEE; } */\r
+#sidebar_results_wrapper { border-right: 0; }\r
+\r
+/* record detail summary block */\r
+.rdetail_desc { border: 1px solid #CCC; }\r
+.rdetail_item { border: 1px solid #CCC; }\r
+.rdetails_extra_links { border: 1px solid #CCC; }\r
+.rdetail_extras_td { border: 1px solid #CCC; }\r
+.rdetail_extras_selected { background: #B2BB1E;} \r
+.rdetail_extras_selected a:hover { color: #FF0;} \r
+#rdetail_image_cell { border: 1px solid white; border-right: 1px solid #CCC;}\r
+\r
+\r
+.data_grid thead tr { background: #E7E0D5; color: #000000; }\r
+.data_grid thead td { border: 1px solid #CCC; }\r
+.data_grid tbody td { border: 1px solid #CCC; }\r
+.data_grid_nb thead tr { background: #CCC; color: #000000; }\r
+.data_grid_nb thead td { border: none; }\r
+.data_grid_nb tbody td { border: none; }\r
+.copy_count_cell { border-right: 1px solid #CCC; } \r
+.copy_count_div { border-left: 2px solid #CCC; border-right: 2px solid #CCC; }\r
+\r
+.light_border { border: 1px solid #CCC; }\r
+\r
+.adv_quick_search_submit { border-bottom: 3px solid #CCC;}\r
+\r
+.myopac_link_active { background: #E0F6E0; }\r
+\r
+.sidebar_extra_link { text-decoration: none; }\r
+#searchbar_tag_on { color: red; }\r
+.searchbar_item { color: black; } \r
+#login_box { border-top: 1px solid #808080; border-bottom: 1px solid #808080; }\r
+#next_prev_links_dead { color: #808080; text-decoration: none; }\r
+\r
+.nav_link_active {font-weight: bold;}\r
+\r
+.search_link { text-decoration: none; }\r
+.result_table_subtable { border-top: 1px solid #E0E0E0; }\r
+\r
+.x_mark { color: red; }\r
+.check_mark { color: green; }\r
+\r
+#myopac_holds_thaw_date_form { border: 1px solid #E0E0E0; } \r
+\r
+.invalid_field { border: 3px solid red; }\r
+\r
+#lib_selector_link:hover { color: #FF0; }\r
+#adv_global_search #lib_selector_link:hover { color: red; }\r
+#rdetail_place_hold:hover { color: #FF0; }\r
+#home_adv_search_link:hover { color: #FF0; }\r
+#depth_selector:hover { color: #FF0; }\r
+#home_myopac_link:hover { color: #FF0; }\r
--- /dev/null
+<!-- CSS shared across pages goes here --> \r
+\r
+<link type='text/css' rel='stylesheet' href="<!--#echo var='OILS_SKIN_BASE'-->/default/css/layout.css"/>\r
+\r
+<!-- Our font CSS's -->\r
+<link type='text/css' rel='stylesheet' href='<!--#echo var="OILS_CSS_BASE"-->/mediumfont.css' />\r
+\r
+<!-- Our colors -->\r
+<link type='text/css' rel="stylesheet" href="<!--#echo var='OILS_THEME_BASE'-->/uwin/css/colors.css" />\r
+\r
+<!-- An alternate stylesheet -->\r
+<link type='text/css' rel="alternate stylesheet" title='&opac.style.reddish;' href="<!--#echo var='OILS_THEME_BASE'-->/reddish/css/colors.css" />\r
+\r
+<!-- OpenSearch auto discovery -->\r
+<link type="application/opensearchdescription+xml"\r
+ rel='search' title="Evergreen"\r
+ href="http://<!--#echo var='SERVER_NAME'-->/opac/extras/opensearch/1.1/-/osd.xml" />\r
+\r
+<!-- enable Dojo date picker -->\r
+<style type="text/css">\r
+ @import '/js/dojo/dojo/resources/dojo.css';\r
+ @import '/js/dojo/dijit/themes/tundra/tundra.css';\r
+ @import '/js/dojo/dijit/themes/tundra/tundra_rtl.css';\r
+</style>\r
--- /dev/null
+<div id='logo_div'>\r
+ <script language='javascript' type='text/javascript'>config.ids.common.top_logo = "top_left_logo";</script>\r
+ <img style='margin-right: 4px;' src='<!--#echo var="OILS_BASE"-->/images/uwin_small_logo.png' id='top_left_logo' border='0' class='logo' />\r
+</div>\r
--- /dev/null
+\r
+<div id='canvas_main' class='home_search canvas'\r
+ style='-moz-border-radius: 6px; padding: 6px; margin-top: 65px;' \r
+ xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude">\r
+\r
+ <!-- load my js -->\r
+ <script language='javascript' type='text/javascript'\r
+ src="<!--#echo var="OILS_OPAC_JS_HOST"-->/skin/default/js/depth_selector.js"> </script>\r
+ <script language='javascript' type='text/javascript'\r
+ src="<!--#echo var="OILS_OPAC_JS_HOST"-->/skin/default/js/search_bar.js"> </script>\r
+\r
+ <script language='javascript' type='text/javascript'>\r
+ config.ids.searchbar = {};\r
+ config.css.searchbar = {};\r
+ config.ids.searchbar.text = 'search_box'; \r
+ config.ids.searchbar.submit = 'search_submit'; \r
+ config.ids.searchbar.type_selector = 'search_type_selector';\r
+ config.ids.searchbar.depth_selector = 'depth_selector';\r
+ config.ids.searchbar.form_selector = 'form_selector';\r
+ config.ids.searchbar.extra_row = 'searchbar_extra';\r
+ config.ids.searchbar.main_row = 'searchbar_main_row';\r
+ config.ids.searchbar.table = 'searchbar_table';\r
+ config.ids.searchbar.location_tag = 'search_location_tag_link';\r
+ config.ids.searchbar.lib_sel_span = 'lib_selector_span';\r
+ config.ids.searchbar.lib_sel_link = 'lib_selector_link';\r
+ config.ids.searchbar.depth_sel_span = 'depth_selector_span';\r
+ </script>\r
+\r
+\r
+ <div style='width: 100%; text-align: center'>\r
+ <img src='<!--#echo var="OILS_BASE"-->/images/uwin_main_logo.png' />\r
+ </div>\r
+\r
+ <style>.rowpad { height: 20px; }</style>\r
+\r
+ <table id='frontsearch_table' height='100%' width='100%' \r
+ style='margin-top: 10px; border-collapse: collapse;'>\r
+\r
+ <tbody>\r
+\r
+ <tr class='color_3'>\r
+\r
+ <script language='javascript' type='text/javascript'>\r
+ config.ids.common.now_searching = 'now_searching_location';\r
+ </script>\r
+\r
+ <td style='padding: 6px;' class='border_5' align='center'>\r
+ <span>&opac.search.nowSearching;</span>\r
+ <span style='padding: 1px;' id='now_searching_location'> </span>\r
+ </td>\r
+ </tr>\r
+\r
+\r
+ <tr class='rowpad'><td></td></tr>\r
+\r
+ <tr>\r
+ <td nowrap='nowrap' align='center' class='color_1 border_5'>\r
+ <input id='search_box' style='width: 300px;' type='text' />\r
+ <span style='padding-left: 6px;'>\r
+ <input type='button' style='width: 40px;' id='search_submit' value='Go!' />\r
+ </span>\r
+ </td>\r
+ </tr>\r
+\r
+ <tr class='rowpad'><td></td></tr>\r
+\r
+ <tr class='color_3 border_5'>\r
+\r
+ <td nowrap='nowrap' align='center' style='padding: 4px;'>\r
+\r
+ <span style='padding-right:40px;'>\r
+ <!--#include virtual="../common/stypes_selector.xml"-->\r
+ </span>\r
+\r
+ <span>\r
+ <!--\r
+ <span>&common.format;: </span>\r
+ -->\r
+ <!--#set var='FORM_SEL_ID' value='form_selector'-->\r
+ <!--#include virtual="../common/format_selector.xml"-->\r
+ </span>\r
+\r
+ </td>\r
+ </tr>\r
+\r
+ <tr class='rowpad'><td></td></tr>\r
+\r
+ <tr class='color_1 border_5'>\r
+ <td align='center' style='padding: 4px; padding-bottom: 6px;'>\r
+ <span style='padding-right: 15px;'>\r
+ <a id='home_adv_search_link' href='javascript:void(0);'>&opac.navigate.advanced;</a></span>\r
+ <span>\r
+ <span class='hide_me' id='depth_selector_span'>\r
+ <select id='depth_selector' >\r
+ <option value='new'>&opac.navigate.selectNewOrg;...</option>\r
+ </select>\r
+ </span>\r
+ <span class='hide_me' id='lib_selector_span'>\r
+ <a id='lib_selector_link' href='javascript:void(0)'>&opac.navigate.selectOrg;</a>\r
+ </span>\r
+ </span>\r
+ <span style='padding-left: 15px;'>\r
+ <a id='home_myopac_link' href='javascript:void(0);'>&opac.navigate.myopac;</a>\r
+ </span>\r
+ </td>\r
+ </tr>\r
+\r
+ <!-- locale picker -->\r
+ <tr><td align='center' valign='bottom' style='padding-top:10px;'>\r
+ <span style='vertical-align: top;'>&common.language;</span>\r
+ <span dojoType="dijit.form.FilteringSelect" store="openils.I18N.localeStore" \r
+ searchAttr="label" required="false" jsId='opacLocaleSelector'>\r
+ <script>\r
+ dojo.addOnLoad(function() {\r
+ opacLocaleSelector.setValue(locale);\r
+ dojo.connect(opacLocaleSelector, 'onChange', \r
+ function () {\r
+ location.href = location.href.replace(/opac\/[^\/]+\/skin/, 'opac/' + this.getValue() + '/skin');\r
+ }\r
+ );\r
+ });\r
+ </script>\r
+ </span>\r
+ </td></tr>\r
+\r
+ </tbody>\r
+ </table>\r
+\r
+</div>\r
+\r
+\r
+\r
+\r
+\r
+\r