diff options
| -rwxr-xr-x | static/header.css | 62 | ||||
| -rwxr-xr-x | static/pichat.css | 2 | ||||
| -rwxr-xr-x | template/banner.st | 14 | ||||
| -rwxr-xr-x | template/head.st | 2 |
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)$ - <a href="/log"><img src="/static/text.gif" > Log</a> - <a href="/u/$user_nick$"> - <img src="/static/home4.gif"/> Profile - </a> - <a href="/browser"> - <img src="/static/image_draw.gif" /> - Browser Tool</a> + $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$ <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> |