CSS versions of the main MyOPAC tabs

We can reuse much of the advanced search tab CSS (imagine that!), so not
only are we getting accessibility and HTTP request wins, we're cutting
down on the size of the CSS to deal with to skin this cat(alogue).

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 6a4e839..d0d79dd 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/myopac/base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/base.tt2
@@ -1,11 +1,11 @@
 [%  WRAPPER "opac/parts/base.tt2" %]
 
 [% myopac_pages = [
-        {url => "main", name => "Account Summary"},
-        {url => "circs", name => "Items Checked Out"},
-        {url => "holds", name => "Holds"},
-        {url => "prefs", name => "Account Preferences"},
-        {url => "lists", name => "My Lists"}
+        {url => "main", name => l("Account Summary")},
+        {url => "circs", name => l("Items Checked Out")},
+        {url => "holds", name => l("Holds")},
+        {url => "prefs", name => l("Account Preferences")},
+        {url => "lists", name => l("My Lists")}
     ];
     skin_root = "../"
 %]
@@ -19,13 +19,13 @@
             <div id="acct_tabs">
                 [%- FOREACH page IN myopac_pages;
                     IF page.url == myopac_page;
-                        cls_which = "on";
+                        cls_which = "acct-tab-on";
                         ctx.page_title = "Your Account - " _ page.name;
                     ELSE;
-                        cls_which = "off";
+                        cls_which = "acct-tab-off";
                     END -%]
                 <a href="[% ctx.opac_root _ '/myopac/' _ page.url %]"
-                    class="acct-[% page.url; '-'; cls_which %] acct-tab"></a>
+                    class="[% cls_which %] acct-tab">[% page.name; %]</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 12850b0..29227be 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -279,7 +279,7 @@ div.select-wrapper:hover {
        margin:auto;
 }
 
-#adv_search_tabs a {
+#adv_search_tabs a, #acct_tabs a {
     float: left;
        text-align: center;
     vertical-align: middle;
@@ -307,7 +307,7 @@ div.select-wrapper:hover {
        margin:auto;
 }
 
-#acct_tabs a, #acct_fines_tabs a {
+#acct_fines_tabs a {
        float: left;
        display: block;
        height:33px;
@@ -315,44 +315,14 @@ div.select-wrapper:hover {
 }
 
 .acct-tab {
-    background-repeat: no-repeat;
-    background-position: bottom;
     width:156px;
+    background: #9ad0f1;
+    font-weight: bold;
 }
 
-.acct-main-off {
-       background-image:url('/images/acct_summary_off.gif');
-}
-.acct-main-on {
-       background-image:url('/images/acct_summary_on.gif');
-}
-
-.acct-circs-off {
-       background-image:url('/images/acct_checked_out_off.gif');
-}
-.acct-circs-on {
-       background-image:url('/images/acct_checked_out_on.gif');
-}
-
-.acct-holds-off {
-       background-image:url('/images/acct_holds_off.gif');
-}
-.acct-holds-on {
-       background-image:url('/images/acct_holds_on.gif');
-}
-
-.acct-prefs-off {
-       background-image:url('/images/acct_prefs_off.gif');
-}
-.acct-prefs-on {
-       background-image:url('/images/acct_prefs_on.gif');
-}
-
-.acct-lists-off {
-       background-image:url('/images/acct_lists_off.gif');
-}
-.acct-lists-on {
-       background-image:url('/images/acct_lists_on.gif');
+.acct-tab-on {
+    color: #333333;
+    background: white;
 }
 
 #rdetail_header {