xle/troggle-unchained
2
0
Fork 0
forked from expo/troggle
Code Issues 4 Pull Requests Projects 1 Wiki Activity

[svn]

Browse Source
This commit is contained in:
substantialnoninfringinguser 2009-05-18 04:30:26 +01:00
parent d99f44650c
commit e9eb00f65d
4 changed files with 51 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
media/css/dropdownNavStyle.css Normal file
View File

@ -0,0 +1,32 @@
ul.dropdown { list-style: none; }
ul.dropdown a { text-decoration: none; }
/*
LEVEL ONE
*/
ul.dropdown li { font-weight: bold; float:left; zoom: 1; background: none; padding:0px; margin:0px;}
ul.dropdown a:hover { color: black; }
ul.dropdown a:active { color: black; }
ul.dropdown li a { display: block; padding: 4px 8px; border-right: 1px solid #333;
color: black; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { color: black; position: relative; }
ul.dropdown li.hover a { color: black; background:gray;}
/*
LEVEL TWO
*/
ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; bottom: 100%; left: 0px; margin-left:0px; padding-left: 0px; background:none}
ul.dropdown ul li { font-weight: normal; color: black; background: none; border-bottom: 1px solid #ccc; float: none; padding:0px; margin:0px}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; color: black;}
/*
LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

1
media/css/ie.css Normal file
View File

@ -0,0 +1 @@
ul.dropdown ul li { display: inline; width: 100%; }

17
media/js/jquery.dropdownPlain.js Normal file
View File

@ -0,0 +1,17 @@
$(function(){
$("ul.dropdown li").hover(function(){
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}, function(){
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
});
$("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");
});

2
templates/base.html
View File

@ -8,7 +8,7 @@
<script src="{{ settings.MEDIA_URL }}js/jquery.js" type="text/javascript"></script>
<script src="{{ settings.MEDIA_URL }}js/jquery.quicksearch.js" type="text/javascript"></script>
<script src="{{ settings.MEDIA_URL }}js/base.js" type="text/javascript"></script>
<script src="{{ settings.MEDIA_URL }}js/jquery.dropdown.js" type="text/javascript"></script>
<script src="{{ settings.MEDIA_URL }}js/jquery.dropdownPlain.js" type="text/javascript"></script>
<script language="javascript">
window.onload = contentHeight;
</script>