<style type="text/css">
#menu_ul {
padding: 0;
- margin: 0 auto;
+ margin: .5em 0 0 0;
+ font-size: smaller;
}
+
#menu_ul li {
+ margin: 0;
float: left;
list-style: none;
position: relative;
- border-right: 4px solid #e8e8e8;
}
+
#menu_ul a {
display: block;
- padding: 6px 8px;
+ margin: 0;
+ padding: .5em .75em;
+ background: #ffffff;
color: #525151;
- font-size: 13px;
- font-weight: bold;
white-space: nowrap;
- background: #cccccc;
- -moz-border-radius-topleft:8px;
- -moz-border-radius-topright:8px;
- -webkit-border-radius-topleft:8px;
- -webkit-border-radius-topright:8px;
- border-top-left-radius:8px;
- border-top-right-radius:8px;
+ text-decoration: none;
+ border-top: thin solid #CFDEFF;
+}
+
+#menu_ul a.current_show {
+ font-weight: bold;
+ background: #cfdeff;
}
#menu_ul ul {
display:none;
position: absolute;
top: 100%;
- left: -1px;
- background: #ae2099;
- border: 1px solid #ffffff;
+ left: 0;
+ background: #ffffff;
+ border-bottom: thin solid #CFDEFF;
}
#menu_ul ul li {
+ margin: 0;
+ padding: 0;
float: none;
- border-style: none;
- display: inline;
- width: 100%;
}
#menu_ul ul a {
- padding: 4px 10px;
- color: #ffffff;
- font-size: 12px;
- font-weight: normal;
+ border-top: thin solid #CFDEFF;
+ color: #333333;
background: transparent;
}
-#menu_ul ul a:hover {
- background: #7e0079;
- -moz-border-radius-topleft:0px;
- -moz-border-radius-topright:0px;
- -webkit-border-radius-topleft:0px;
- -webkit-border-radius-topright:0px;
- border-top-left-radius:0px;
- border-top-right-radius:0px;
-}
-#menu_ul a.current_menu, #menu_ul a.hover {
- color: #ffffff;
- background: #7e0079;
+#menu_ul a:hover {
+ background: #cfdeff;
+ text-decoration: underline;
+ color: #7e0079;
}
+
</style>
<script src="<% $p %>elements/jquery.js"></script>
<script type="text/javascript">
+
$(document).ready(function() {
- $('#menu_ul > li').hover(function(){
- $('a:first', this).addClass('hover');
- $('ul:first', this).show();
- if ($('.current_menu:first', this).length == 0) {
- $('img[src*="dropdown_arrow_white"]', this).show();
- $('img[src*="dropdown_arrow_grey"]', this).hide();
- }
- }, function(){
- $('ul:first', this).hide();
- $('a:first', this).removeClass('hover');
- if ($('.current_menu:first', this).length == 0) {
- $('img[src*="dropdown_arrow_white"]', this).hide();
- $('img[src*="dropdown_arrow_grey"]', this).show();
- }
- });
+ var openmenu;
+ function closemenu () {
+ if (openmenu !== undefined) {
+ openmenu.hide();
+ openmenu = undefined;
+ }
+ }
+ $('#menu_ul > li').hover(function(){
+ closemenu();
+ openmenu = $('ul:first', this);
+ openmenu.show();
+ }, function(){
+ closemenu();
+ });
});
</script>
$a = qq[ <A HREF="$target"];
if ( $opt{'show'} eq $entry->{show} ) {
- $a .= ' class="fstabselected"';
+ $a .= ' class="current_show"';
}
$a .= qq[>$label</A> ];