Add a basic HRSRH theme for testing
authordbs <dbs@6d9bc8c9-1ec2-4278-b937-99fde70a366f>
Fri, 4 Dec 2009 21:33:21 +0000 (21:33 +0000)
committerdbs <dbs@6d9bc8c9-1ec2-4278-b937-99fde70a366f>
Fri, 4 Dec 2009 21:33:21 +0000 (21:33 +0000)
git-svn-id: svn://svn.open-ils.org/ILS-Contrib/conifer/trunk@739 6d9bc8c9-1ec2-4278-b937-99fde70a366f

web/opac/images/hrsrh_logo.png [new file with mode: 0644]
web/opac/images/hrsrh_logo_small.png [new file with mode: 0644]
web/opac/skin/hrsrh/xml/common/css_common.xml [new file with mode: 0644]
web/opac/skin/hrsrh/xml/common/logo.xml [new file with mode: 0644]
web/opac/skin/hrsrh/xml/home/homesearch.xml [new file with mode: 0644]
web/opac/theme/hrsrh/css/colors.css [new file with mode: 0644]

diff --git a/web/opac/images/hrsrh_logo.png b/web/opac/images/hrsrh_logo.png
new file mode 100644 (file)
index 0000000..bea349b
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 (file)
index 0000000..59de781
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 (file)
index 0000000..c3b1c6d
--- /dev/null
@@ -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 (file)
index 0000000..da03395
--- /dev/null
@@ -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 (file)
index 0000000..14d2b8b
--- /dev/null
@@ -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 (file)
index 0000000..6086d68
--- /dev/null
@@ -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; }
+