From af7fa815c3c86a4893da84510ac5f2e45383d341 Mon Sep 17 00:00:00 2001
From: senator <lebbeous@esilibrary.com>
Date: Fri, 4 Feb 2011 10:41:23 -0500
Subject: [PATCH] utils changes

---
 Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css  | 20 ++++-----
 .../web/templates/default/kcls-wire/parts/base.tt2 |  8 +++-
 .../templates/default/kcls-wire/parts/utils.tt2    | 48 +++++++++++++---------
 3 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css b/Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css
index a5fdc0868e..f8009cf8ff 100644
--- a/Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css
+++ b/Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css
@@ -1,3 +1,4 @@
+/* once done renaming and everything, combine with style.css */
 .opac-auto-001 { background: #2bb0fd; }
 .opac-auto-002 { background: #54987f; }
 .opac-auto-003 { background: #decc92; }
@@ -30,7 +31,7 @@
 .float-left { float: left; }
 .opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
 .opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
-.opac-auto-042 { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
+.left-corner { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
 .opac-auto-043 { float: left; width: 300px; margin-top: 20px; }
 .float-right { float: right; }
 .opac-auto-045 { float: right; margin-right: 17px; }
@@ -55,7 +56,7 @@
 .very-big-height { height: 30px; }
 .opac-auto-066 { height: 24px; background: #252525; }
 .opac-auto-067 { margin: 3px; width: 100%; }
-.opac-auto-068 { margin: auto; width: 974px; height: 0px; }
+.big-block { margin: auto; width: 974px; height: 0px; }
 .opac-auto-069 { margin-bottom: 10px; }
 .opac-auto-070 { margin-bottom: 20px; }
 .opac-auto-071 { margin-bottom: 5px; }
@@ -111,10 +112,9 @@
 .opac-auto-121 { padding-top: 6px; }
 .opac-auto-122 { padding-top: 7px; }
 .opac-auto-123 { padding-top: 8px; }
-.opac-auto-124 { position: absolute }
-.opac-auto-125 { position: absolute; }
+.pos-abs { position: absolute; }
 .opac-auto-126 { position: absolute; z-index: 101; }
-.opac-auto-127 { position: relative; }
+.pos-rel { position: relative; }
 .opac-auto-128 { position: relative; left: -10px; }
 .opac-auto-129 { position: relative; left: -19px; }
 .opac-auto-130 { position: relative; left: 80px; }
@@ -126,18 +126,18 @@
 .opac-auto-136 { position: relative; top: 161px; left: 172px; }
 .opac-auto-137 { position: relative; top: 161px; left: -23px; }
 .opac-auto-138 { position: relative; top: -1px; left: 10px; }
-.opac-auto-139 { position: relative; top: 1px; left: 10px; }
+#util_back_btn { position: relative; top: 1px; left: 10px; }
 .opac-auto-140 { position: relative; top: -2px; }
-.opac-auto-141 { position: relative; top: 2px; left: 40px; }
-.opac-auto-142 { position: relative; top: 2px; left: 50px; }
+#util_help_btn { position: relative; top: 2px; left: 40px; }
+#util_forw_btn { position: relative; top: 2px; left: 50px; }
 .opac-auto-143 { position: relative; top: -3px; }
-.opac-auto-144 { position: relative; top: 3px; left: 20px; }
+#util_home_btn { position: relative; top: 3px; left: 20px; }
 .opac-auto-145 { position: relative; top: -3px; left: 3px; }
 .opac-auto-146 { position: relative; top: -3px; left: -5px; }
 .opac-auto-147 { position: relative; top: -5px; }
 .opac-auto-148 { position: relative; top: 5px; }
 .opac-auto-149 { position: relative; top: 5px; left: 25px; }
-.opac-auto-150 { position: relative; top: 5px; left: 30px; }
+#util_print_btn { position: relative; top: 5px; left: 30px; }
 .opac-auto-151 { position: relative; top: 75px; }
 .opac-auto-152 { position: relative; top: -9px; }
 .opac-auto-153 { position: relative; z-index: 100; }
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2
index cd2ea84f57..7d51671e95 100644
--- a/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/base.tt2
@@ -2,8 +2,12 @@
 <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="/opac/skin/kcls-wire/css/style.css" />
-        <link rel="stylesheet" type="text/css" href="/opac/skin/kcls-wire/css/contentslider.css" />
+        <link rel="stylesheet" type="text/css"
+            href="/opac/skin/kcls-wire/css/semiauto.css" />
+        <link rel="stylesheet" type="text/css"
+            href="/opac/skin/kcls-wire/css/style.css" />
+        <link rel="stylesheet" type="text/css"
+            href="/opac/skin/kcls-wire/css/contentslider.css" />
         <title>Catalog - King County Library - [% ctx.page_title %]</title>
         <link rel="unapi-server" type="application/xml" title="unAPI"
             href="/opac/extras/unapi" />
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/utils.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/utils.tt2
index 85e1df8778..21d64e2666 100644
--- a/Open-ILS/web/templates/default/kcls-wire/parts/utils.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/utils.tt2
@@ -1,4 +1,4 @@
-        <div style="margin:auto;width:974px;height:0px;">
+        <div class="big-block">
             <div id="user-ql">
                 <script type="text/javascript">
 /* if(grabUser()) {
@@ -10,23 +10,31 @@
 }*/
                 </script>
             </div>
-
-<!-- ****************** utils.xml ***************************** -->
-
-<div style="float:right;">
-<div style="position:relative;">
-<img src="/opac/skin/kcls/graphics/utils-corner-left.png" style="float:left;" />
-  <div style="float:left;width:163px;height:30px;background:url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top;"> 
-  
-  	<a href="javascript:history.go(-1)" style="position:relative;top:1px;left:10px;"><img alt="Back" src="/opac/skin/kcls/graphics/tool_back.png" /></a>
-	<a href="[% skin_root %]home" style="position:relative;top:3px;left:20px;"><img src="/opac/skin/kcls/graphics/tool_home.png" alt="Homepage" /></a>
-	<a href="javascript:window.print();" style="position:relative;top:5px;left:30px;"><img src="/opac/skin/kcls/graphics/tool_print.png" alt="Print Page" /></a>
-	<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm" style="position:relative;top:2px;left:40px;"><img alt="Help" src="/opac/skin/kcls/graphics/tool_help.png" /></a>
-   	<a href="javascript:history.go(+1)" style="position:relative;top:2px;left:50px;"><img src="/opac/skin/kcls/graphics/tool_forward.png" alt="Forward" /></a>
-	
-  </div>
-<img src="/opac/skin/kcls/graphics/utils-corner-right.png" style="float:left;" />
-</div>
-</div>
-
+            <div class="float-right">
+                <div class="pos-rel">
+                    <img
+                        src="/opac/skin/kcls/graphics/utils-corner-left.png"
+                        class="float-left" />
+                    <div class="left-corner"> 
+                        <a href="javascript:history.go(-1)"
+                            id="util_back_btn"><img alt="Back"
+                            src="/opac/skin/kcls/graphics/tool_back.png" /></a>
+                        <a href="[% skin_root %]home"
+                            id="util_home_btn"><img alt="Homepage"
+                            src="/opac/skin/kcls/graphics/tool_home.png" /></a>
+                        <a href="javascript:window.print();"
+                            id="util_print_btn"><img alt="Print Page"
+                            src="/opac/skin/kcls/graphics/tool_print.png" /></a>
+                        <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm"
+                            id="util_help_btn"><img alt="Help"
+                            src="/opac/skin/kcls/graphics/tool_help.png" /></a>
+                        <a href="javascript:history.go(+1)"
+                            id="util_forw_btn"><img alt="Forward"
+                            src="/opac/skin/kcls/graphics/tool_forward.png" /></a>
+                    </div>
+                    <img
+                        src="/opac/skin/kcls/graphics/utils-corner-right.png"
+                        class="float-left" />
+                </div>
+            </div>
         </div>
-- 
2.11.0