lavalamp effect

4 files changed, 30 insertions, 50 deletions

diff --git a/static/header.css b/static/header.css
index ab864f0..3697d3d 100755
--- a/static/header.css
+++ b/static/header.css
@@ -19,7 +19,7 @@ margin-right:80%;
 .white a:hover {
 	text-decoration: none;
 	text-shadow: 1px 1px 1px #ccc;
-		background-image:url(/static/dblue2.png);
+		zbackground-image:url(/static/dblue2.png);
 	
 	color: #fff;
 }
@@ -143,44 +143,7 @@ margin-left:9%;
 top:-14;
 z-index:3;
 }
-/* Styles for the entire LavaLamp menu */
-.lavaLamp {
-    position: relative;
-    height: 29px; width: 421px;
-    background: url("/static/red.gif") no-repeat top;
-    padding: 15px; margin: 10px 0;
-    overflow: hidden;
-}
-    /* Force the list to flow horizontally */
-    .lavaLamp li {
-        float: left;
-        list-style: none;
-    }
-        /* Represents the background of the highlighted menu-item. */
-        .lavaLamp li.back {
-            background: url("../image/lava.gif") no-repeat right -30px;
-            width: 9px; height: 30px;
-            z-index: 8;
-            position: absolute;
-        }
-            .lavaLamp li.back .left {
-                background: url("../image/lava.gif") no-repeat top left;
-                height: 30px;
-                margin-right: 9px;
-            }
-        /* Styles for each menu-item. */
-        .lavaLamp li a {
-            position: relative; overflow: hidden;
-            text-decoration: none;
-            text-transform: uppercase;
-            font: bold 14px arial;
-            color: #fff; outline: none;
-            text-align: center;
-            height: 30px; top: 7px;
-            z-index: 10; letter-spacing: 0;
-            float: left; display: block;
-            margin: auto 10px;
-        }
+
 #topnav {
 	padding:10px 0px 12px;
 	font-size:11px;
@@ -208,5 +171,24 @@ z-index:3;
 	*background-position:0 3px!important;
 }
 
+#banner-menu {
+  position: relative;
+}
+
+#banner-menu li {
+  float: left;
+}
+
+#banner-menu li.back {
+  background-image:url(/static/dblue2.png);
+  width: 1px;
+  height: 27px;
+  position: absolute;
+  z-index: 10;
+  margin-left: 10px;
+}
 
-/* End CSS Drop Down Menu */
+#banner-menu li a {
+  position: relative;
+  z-index: 20;
+}
\ No newline at end of file
diff --git a/static/pichat.css b/static/pichat.css
index a5d9418..21eb798 100755
--- a/static/pichat.css
+++ b/static/pichat.css
@@ -312,4 +312,4 @@ left:0;
     bottom
 }
 
-.invisible { display: none !important; }
+.invisible { display: none !important; }
\ No newline at end of file
diff --git a/template/banner.st b/template/banner.st
index 1fbc62b..b4f5805 100755
--- a/template/banner.st
+++ b/template/banner.st
@@ -10,14 +10,12 @@
       <div id="bar7">    
         <div style="float: left;">
           <div align="center">
-            $if(user_nick)$&nbsp; 
-            <a href="/log"><img src="/static/text.gif" > Log</a>&nbsp;&nbsp;&nbsp; 
-            <a href="/u/$user_nick$">
-              <img src="/static/home4.gif"/> Profile
-            </a> &nbsp;&nbsp;
-            <a href="/browser">
-              <img src="/static/image_draw.gif" /> 
-              Browser Tool</a>&nbsp;&nbsp;
+            $if(user_nick)$
+            <ul id="banner-menu">
+              <li><a href="/log"><img src="/static/text.gif" > Log</a></li>
+              <li><a href="/u/$user_nick$"><img src="/static/home4.gif"/> Profile</a></li>
+              <li><a href="/browser"><img src="/static/image_draw.gif" /> Browser Tool</a></li>
+            </ul>
 	    $else$&nbsp; &nbsp;
             <a href="/register"><img src="/static/answer_good.gif" />Register</a>
 	    <div id="landscape"> <img src="/static/const_landscape.gif"  /> </div>
diff --git a/template/head.st b/template/head.st
index 780d60c..f0e36b1 100755
--- a/template/head.st
+++ b/template/head.st
@@ -40,7 +40,7 @@ function MM_swapImage() { //v3.0
 
 jQuery(document).ready(function () { MM_preloadImages('/static/mouseover.gif'); });
 
-    jQuery(function() { jQuery(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
+    jQuery(function() { jQuery("#banner-menu").lavaLamp({ fx: "backout", speed: 700 })});
 
 </script>