CSS-ize current circ and circulation history tabs

More accessible. More win.

Signed-off-by: Dan Scott <dscott@laurentian.ca>

diff --git a/Open-ILS/src/templates/opac/myopac/circ_history.tt2 b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
index feb5bfa..4bb348c 100644 (file)
--- 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 4898116..c6312e3 100644 (file)
--- 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 b6d6180..adf9ecd 100644 (file)
--- 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;
+}
+
+