CSS-ize holds and holds history tabs

From images to CSS-styled links.

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 4bb348c..f983ad5 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/circ_history.tt2
+++ b/Open-ILS/src/templates/opac/myopac/circ_history.tt2
@@ -8,7 +8,7 @@
 
 <div style="padding:0px;">
     
-    <div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
+    <div id="acct_checked_tabs">
         <div class="align">
             <a href='circs'>[% l("Current Items Checked Out") %]</a>
         </div>

diff --git a/Open-ILS/src/templates/opac/myopac/hold_history.tt2 b/Open-ILS/src/templates/opac/myopac/hold_history.tt2
index 9fdfd8b..e48c2f8 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/hold_history.tt2
+++ b/Open-ILS/src/templates/opac/myopac/hold_history.tt2
@@ -8,14 +8,13 @@
 
 <div id='myopac_holds_div'>
 
-    <div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
-        <div class="align selected">
-            <a href='holds'><img src="[% ctx.media_prefix %]/images/sub_holds_off.jpg"/></a>
-        </div>
+    <div id="acct_holds_tabs">
         <div class="align">
-            <img src="[% ctx.media_prefix %]/images/sub_holds_hist_on.jpg"/>
+            <a href='holds'>[% l("Items on Hold") %]</a>
+        </div>
+        <div class="align selected">
+            <a href="#">[% l("Holds History") %]</a>
         </div>
-        <div class="clear-both"></div>
     </div>
 
     <div class="header_middle">

diff --git a/Open-ILS/src/templates/opac/myopac/holds.tt2 b/Open-ILS/src/templates/opac/myopac/holds.tt2
index 94c8394..f008fb7 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/holds.tt2
+++ b/Open-ILS/src/templates/opac/myopac/holds.tt2
@@ -5,14 +5,13 @@
     myopac_page = "holds"  %]
 <div id='myopac_holds_div'>
 
-    <div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
+    <div id="acct_holds_tabs">
         <div class="align selected">
-            <img src="[% ctx.media_prefix %]/images/sub_holds_on.jpg"/>
+            <a href='#'>[% l("Items on Hold") %]</a>
         </div>
         <div class="align">
-            <a href='hold_history'><img src="[% ctx.media_prefix %]/images/sub_holds_hist_off.jpg"/></a>
+            <a href='hold_history'>[% l("Holds 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 2706a2c..80087c5 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -274,13 +274,13 @@ div.select-wrapper:hover {
        font-size: 10px;
 }
 
-#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #results_header_inner{
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #results_header_inner{
        height: 40px;
        width:974px;
        margin:auto;
 }
 
-#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a {
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a {
     float: left;
     text-align: center;
     vertical-align: middle;
@@ -290,12 +290,15 @@ div.select-wrapper:hover {
     -moz-border-radius: 5%; 
     border-radius: 5%;
     font-weight: bold;
-    width:156px;
-    color: 45709b;
+    color: #45709b;
     background: #9ad0f1;
     font-weight: bold;
 }
 
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
+    width:156px;
+}
+
 #adv_search.on, #num_search.on, #expert_search.on {
     color: #333333;
     background: white;
@@ -310,18 +313,19 @@ div.select-wrapper:hover {
     background: #9ad0f1;
 }
 
-#acct_checked_tabs a {
+#acct_checked_tabs a, #acct_holds_tabs a {
     margin-top: 0px;
     font-size: 10px;
     color: #333333;
+    padding: 10px 10px 10px 10px;
 }
 
-#acct_checked_tabs div.selected a {
+#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a {
     background: #e1e1e1;
     color: #333333;
 }
 
-#acct_checked_tabs {
+#acct_checked_tabs, #acct_holds_tabs {
     padding-bottom: 12px;
     color: #666;
 }