From 77c01470c2b9075bc8873c6caa3ec8e72cfa9c6d Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 12 Sep 2011 16:41:27 -0400
Subject: [PATCH] CSS-ize current circ and circulation history tabs

More accessible. More win.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
---
 .../templates/opac/myopac/circ_history.tt2    |  9 +++--
 Open-ILS/src/templates/opac/myopac/circs.tt2  | 10 +++---
 Open-ILS/web/css/skin/default/opac/style.css  | 35 +++++++++++++++----
 3 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/Open-ILS/src/templates/opac/myopac/circ_history.tt2 b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
index feb5bfac12..4bb348cd63 100644
--- a/Open-ILS/src/templates/opac/myopac/circ_history.tt2
+++ b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
@@ -9,13 +9,12 @@
 <div style="padding:0px;">
     
     <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
-        <div class="align selected">
-            <a href='circs'><img src="[% ctx.media_prefix %]/images/sub_checked_out_off.jpg"/></a>
-        </div>
         <div class="align">
-            <img src="[% ctx.media_prefix %]/images/sub_checked_hist_on.jpg"/>
+            <a href='circs'>[% l("Current Items Checked Out") %]</a>
+        </div>
+        <div class="align selected">
+            <a href="#">[% l("Check Out History") %]</a>
         </div>
-        <div class="clear-both"></div>
     </div>
 
     <div class="header_middle">
diff --git a/Open-ILS/src/templates/opac/myopac/circs.tt2 b/Open-ILS/src/templates/opac/myopac/circs.tt2
index 4898116a23..c6312e3ed6 100644
--- a/Open-ILS/src/templates/opac/myopac/circs.tt2
+++ b/Open-ILS/src/templates/opac/myopac/circs.tt2
@@ -2,17 +2,15 @@
     PROCESS "opac/parts/misc_util.tt2";
     WRAPPER "opac/parts/myopac/base.tt2";
     myopac_page = "circs"  %]
-<div id='myopac_checked_div' style="padding:0px;">
+<div id='myopac_checked_div'>
 
-    <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
+    <div id="acct_checked_tabs">
         <div class="align selected">
-            <img src="[% ctx.media_prefix %]/images/sub_checked_out_on.jpg" />
+            <a href="#">[% l("Current Items Checked Out") %]</a>
         </div>
         <div class="align">
-            <a href="circ_history"><img
-                src="[% ctx.media_prefix %]/images/sub_checked_hist_off.jpg" /></a>
+            <a href="circ_history">[% l("Check Out History") %]</a>
         </div>
-        <div class="clear-both"></div>
     </div>
 
     <div class="header_middle">
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index b6d618005d..adf9ecda69 100644
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -273,23 +273,24 @@ div.select-wrapper:hover {
 	color: white;
 	font-size: 10px;
 }
-#adv_search_tabs, #acct_tabs, #acct_fines_tabs {
+
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs {
 	height: 40px;
 	width:974px;
 	margin:auto;
 }
 
-#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a {
     float: left;
-	text-align: center;
+    text-align: center;
     vertical-align: middle;
-	display: block;
-	margin: 10px 7px 10px 0px;
+    display: block;
+    margin: 10px 7px 10px 0px;
     padding: 10px 0px 10px 0px;
     -moz-border-radius: 5%; 
     border-radius: 5%;
     font-weight: bold;
-	width:156px;
+    width:156px;
     color: 45709b;
     background: #9ad0f1;
     font-weight: bold;
@@ -309,6 +310,22 @@ div.select-wrapper:hover {
     background: #9ad0f1;
 }
 
+#acct_checked_tabs a {
+    margin-top: 0px;
+    font-size: 10px;
+    color: #333333;
+}
+
+#acct_checked_tabs div.selected a {
+    background: #e1e1e1;
+    color: #333333;
+}
+
+#acct_checked_tabs {
+    padding-bottom: 12px;
+    color: #666;
+}
+
 #rdetail_header {
 	font-size:14px;
 	font-weight:bold;
@@ -997,3 +1014,9 @@ a.opac-button {
     position: relative;
     top: 10px;
 }
+
+#myopac_checked_div {
+    padding: 0px;
+}
+
+
-- 
2.43.2