CSSize fine/payment tabs on My Account page

More consolidation of CSS is a win for making changes in one place.
More accessibility as well.

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

diff --git a/Open-ILS/src/templates/opac/parts/myopac/base.tt2 b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
index d0d79dd..62291cf 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/myopac/base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
@@ -25,7 +25,7 @@
                         cls_which = "acct-tab-off";
                     END -%]
                 <a href="[% ctx.opac_root _ '/myopac/' _ page.url %]"
-                    class="[% cls_which %] acct-tab">[% page.name; %]</a>
+                    class="[% cls_which %]">[% page.name; %]</a>
                 [% END %]
             </div>
         </div>

diff --git a/Open-ILS/src/templates/opac/parts/myopac/main_base.tt2 b/Open-ILS/src/templates/opac/parts/myopac/main_base.tt2
index 62e3174..850673a 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/myopac/main_base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/main_base.tt2
@@ -86,11 +86,11 @@
     <div id='fines_payments_wrapper'>
         <div id='acct_fines_tabs'>
             [% IF myopac_main_page == 'main' %]
-            <a href='#'><img src='[% ctx.media_prefix %]/images/acct_fines_on.jpg'/></a>
-            <a href='main_payments'><img src='[% ctx.media_prefix %]/images/acct_payments_off.jpg'/></a>
+            <a href='#' class="acct-tab-on">[% l("Fines") %]</a>
+            <a href='main_payments' class="acct-tab-off">[% l("Payments") %]</a>
             [% ELSE %]
-            <a href='main'><img src='[% ctx.media_prefix %]/images/acct_fines_off.jpg'/></a>
-            <a href='#'><img src='[% ctx.media_prefix %]/images/acct_payments_on.jpg'/></a>
+            <a href='main' class="acct-tab-off">[% l("Fines") %]</a>
+            <a href='#' class="acct-tab-on">[% l("Payments") %]</a>
             [% END %]
         </div>
     </div>

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 29227be..b6d6180 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -273,13 +273,13 @@ div.select-wrapper:hover {
        color: white;
        font-size: 10px;
 }
-#adv_search_tabs {
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs {
        height: 40px;
        width:974px;
        margin:auto;
 }
 
-#adv_search_tabs a, #acct_tabs a {
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
     float: left;
        text-align: center;
     vertical-align: middle;
@@ -288,41 +288,25 @@ div.select-wrapper:hover {
     padding: 10px 0px 10px 0px;
     -moz-border-radius: 5%; 
     border-radius: 5%;
-}
-
-#adv_search, #num_search, #expert_search {
+    font-weight: bold;
        width:156px;
     color: 45709b;
     background: #9ad0f1;
     font-weight: bold;
 }
+
 #adv_search.on, #num_search.on, #expert_search.on {
     color: #333333;
     background: white;
 }
 
-#acct_tabs, #acct_fines_tabs {
-       height:33px;
-       width:974px;
-       margin:auto;
-}
-
-#acct_fines_tabs a {
-       float: left;
-       display: block;
-       height:33px;
-       margin-right:7px;
+#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
+    color: #333333;
+    background: white;
 }
 
-.acct-tab {
-    width:156px;
+.acct-tab-off {
     background: #9ad0f1;
-    font-weight: bold;
-}
-
-.acct-tab-on {
-    color: #333333;
-    background: white;
 }
 
 #rdetail_header {