From: dbs <dbs@6d9bc8c9-1ec2-4278-b937-99fde70a366f>
Date: Fri, 4 Dec 2009 21:33:21 +0000 (+0000)
Subject: Add a basic HRSRH theme for testing
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=8e86467712e8c74bc1610f4da29206735ecee641;p=contrib%2FConifer.git

Add a basic HRSRH theme for testing


git-svn-id: svn://svn.open-ils.org/ILS-Contrib/conifer/trunk@739 6d9bc8c9-1ec2-4278-b937-99fde70a366f
---

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