CSS-ize account preference sub-tabs

Same old, same old.

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

diff --git a/Open-ILS/src/templates/opac/parts/myopac/prefs_base.tt2 b/Open-ILS/src/templates/opac/parts/myopac/prefs_base.tt2
index 0bd3eac..aeec099 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/myopac/prefs_base.tt2
+++ b/Open-ILS/src/templates/opac/parts/myopac/prefs_base.tt2
@@ -2,38 +2,38 @@
     WRAPPER "opac/parts/myopac/base.tt2"; %]
 
 <div id='myopac_prefs_div'>
-    <div id="acct_prefs_tabs" style="padding-bottom: 12px;color:#666;">
+    <div id="acct_prefs_tabs">
         <div style="float:left;">
 
         [% IF prefs_page == 'personal' %]
-            <div class="align">
-                <a href='#'><img src="[% ctx.media_prefix %]/images/sub_prefs_info_on.jpg" /></a>
+            <div class="align selected">
+                <a href='#'>[% l("Personal Information") %]</a>
             </div>
             <div class="align">
-                <a href='prefs_notify'><img src="[% ctx.media_prefix %]/images/sub_prefs_notify_off.jpg" /></a>
+                <a href='prefs_notify'>[% l("Notification Preferences") %]</a>
             </div>
             <div class="align">
-                <a href='prefs_settings'><img src="[% ctx.media_prefix %]/images/sub_prefs_search_off.jpg" /></a>
+                <a href='prefs_settings'>[% l("Search Preferences") %]</a>
             </div>
         [% ELSIF prefs_page == 'notify' %]
             <div class="align">
-                <a href='prefs'><img src="[% ctx.media_prefix %]/images/sub_prefs_info_off.jpg" /></a>
+                <a href='prefs'>[% l("Personal Information") %]</a>
             </div>
-            <div class="align">
-                <a href='#'><img src="[% ctx.media_prefix %]/images/sub_prefs_notify_on.jpg" /></a>
+            <div class="align selected">
+                <a href='#'>[% l("Notification Preferences") %]</a>
             </div>
             <div class="align" >
-                <a href='prefs_settings'><img src="[% ctx.media_prefix %]/images/sub_prefs_search_off.jpg" /></a>
+                <a href='prefs_settings'>[% l("Search Preferences") %]</a>
             </div>
         [% ELSE %]
             <div class="align">
-                <a href='prefs'><img src="[% ctx.media_prefix %]/images/sub_prefs_info_off.jpg" /></a>
+                <a href='prefs'>[% l("Personal Information") %]</a>
             </div>
             <div class="align">
-                <a href='prefs_notify'><img src="[% ctx.media_prefix %]/images/sub_prefs_notify_off.jpg" /></a>
+                <a href='prefs_notify'>[% l("Notification Preferences") %]</a>
             </div>
-            <div class="align" >
-                <a href='#'><img src="[% ctx.media_prefix %]/images/sub_prefs_search_on.jpg" /></a>
+            <div class="align selected" >
+                <a href='#'>[% l("Search Preferences") %]</a>
             </div>
         [% END %]
         </div>

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 80087c5..3664dff 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, #acct_holds_tabs, #results_header_inner{
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_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, #acct_holds_tabs a {
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
     float: left;
     text-align: center;
     vertical-align: middle;
@@ -313,19 +313,19 @@ div.select-wrapper:hover {
     background: #9ad0f1;
 }
 
-#acct_checked_tabs a, #acct_holds_tabs a {
+#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
     margin-top: 0px;
     font-size: 10px;
     color: #333333;
     padding: 10px 10px 10px 10px;
 }
 
-#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a {
+#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
     background: #e1e1e1;
     color: #333333;
 }
 
-#acct_checked_tabs, #acct_holds_tabs {
+#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
     padding-bottom: 12px;
     color: #666;
 }