Turn the login button into a CSS "button"

It's just a fancy link; treat it as such with some fancy CSS.

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

diff --git a/Open-ILS/src/templates/opac/parts/topnav.tt2 b/Open-ILS/src/templates/opac/parts/topnav.tt2
index 19690fe..2a27e1a 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/topnav.tt2
+++ b/Open-ILS/src/templates/opac/parts/topnav.tt2
@@ -6,11 +6,10 @@
     <div class="float-right">
         [% IF !ctx.user %]
         <div id="your-acct-login">
-            <a href="[% ctx.opac_root %]/myopac/main" id="home_myopac_link"><img
-                alt="[% l('Your Account Log in') %]"
-                src="[% ctx.media_prefix %]/images/login-btn.png"
-                onmouseover="this.src='[% ctx.media_prefix %]/images/login-btn-hover.png';"
-                onmouseout="this.src='[% ctx.media_prefix %]/images/login-btn.png';" /></a>
+            <a href="[% ctx.opac_root %]/myopac/main" 
+                class="opac-button" id="home_myopac_link">
+                [% l('Your Account Log in') %]
+            </a>
         </div>
         [% ELSE %]
         <div id="dash_wrapper">