1.9-style menubar was hurting my eyes

2 files changed, 66 insertions, 16 deletions

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index fc246f5..f20793b 100644
--- a/httemplate/elements/freeside.css
+++ b/httemplate/elements/freeside.css
@@ -38,3 +38,61 @@ input[type="reset"]:hover, input[type="submit"]:hover, input[class="button"]:hov
 
 /* a:focus { background-color: #ccccee } */
 
+a.fstab {
+         background-color:#cccccc;
+         color: #000000;
+         border:1px solid;
+         border-top-color:#666666;
+         border-left-color:#666666;
+         border-right-color:#666666;
+         border-bottom-color:#7e0079;
+         -moz-border-radius-topleft:8px;
+         -moz-border-radius-topright:8px;
+         -webkit-border-radius-topleft:8px;
+         -webkit-border-radius-topright:8px;
+         border-radius-topleft:8px;
+         border-radius-topright:8px;
+         /*font-weight:bold;*/
+         /*padding-left:12px;
+         padding-right:12px;*/
+         padding-left:4px;
+         padding-right:4px;
+         font-size:16px;
+         text-decoration:none;
+         overflow:visible;
+}
+a.fstab:hover {
+  text-decoration:none;
+}
+
+/* a:link:hover.fsblackbutton,
+a:visited:hover.fsblackbutton
+*/
+a.fstabselected {
+         background-color:#f8f8f8;
+         color: #000000;
+         border:1px solid;
+         border-top-color:#7e0079;
+         border-left-color:#7e0079;
+         border-right-color:#7e0079;
+         border-bottom-color:#ffffff;
+         -moz-border-radius-topleft:8px;
+         -moz-border-radius-topright:8px;
+         -webkit-border-radius-topleft:8px;
+         -webkit-border-radius-topright:8px;
+         border-radius-topleft:8px;
+         border-radius-topright:8px;
+         /*font-weight:bold;*/
+         /*padding-left:12px;
+         padding-right:12px;*/
+         padding-left:4px;
+         padding-right:4px;
+         font-size:16px;
+         text-decoration:none;
+         overflow:visible;
+}
+a.fstabselected:hover {
+  text-decoration:none;
+  color: #000000;
+}
+
diff --git a/httemplate/elements/menubar.html b/httemplate/elements/menubar.html
index 0a2de25..3d2a107 100644
--- a/httemplate/elements/menubar.html
+++ b/httemplate/elements/menubar.html
@@ -19,17 +19,11 @@ Example:
 
 </%doc>
 %if ( $opt->{'newstyle'} ) {
+%  my $s = '<FONT STYLE="border-bottom:1px solid #7e0079">';
 
-   <TABLE BGCOLOR="#000000" BORDER=0 CELLSPACING=0 CELLPADDING=0>
-     <TR>
-       <TD><IMG SRC="<%$fsurl%>images/gray-black-side.png" WIDTH=13 HEIGHT=25></TD>
-       <TD>
-         <% join(' ', @html ) %>
-       </TD>
-       <TD><IMG SRC="<%$fsurl%>images/black-gray-side.png" WIDTH=13 HEIGHT=25></TD>
-       </TD>
-     </TR>
-   </TABLE>
+   <BR>
+   <% join("$s &nbsp; </FONT>", ( '', @html, '' ) ) %>
+   <BR>
 
 %} else {
 
@@ -52,13 +46,11 @@ while (@_) {
   if ( $opt->{'newstyle'} ) {
 
     my $dclass = $item eq $opt->{'selected'}
-                   ? 'fsblackbuttonselected'
-                   : 'fsblackbutton';
+                   ? 'fstabselected'
+                   : 'fstab';
+
+    $style = qq( CLASS="$dclass" );
 
-    $style =
-      qq( CLASS="$dclass" ).
-      qq( onMouseOver="this.className='fsblackbuttonselected'; return true;" ).
-      qq( onMouseOut="this.className='$dclass'; return true;" );
   }
 
   push @html, qq!<A HREF="$url_base$url" $style>$item</A>!;