Template:Team:KULeuven/Common2/Submenutest
From 2009.igem.org
(Difference between revisions)
Bart Bosmans (Talk | contribs) |
Bart Bosmans (Talk | contribs) |
||
Line 106: | Line 106: | ||
} | } | ||
- | + | div#ddsmoothmenu{ | |
font: bold 12px Verdana; | font: bold 12px Verdana; | ||
background-color: #275472; | background-color: #275472; | ||
Line 120: | Line 120: | ||
} | } | ||
- | + | div#ddsmoothmenu ul{ | |
z-index:100; | z-index:100; | ||
position: absolute; | position: absolute; | ||
Line 130: | Line 130: | ||
/*Top level list items*/ | /*Top level list items*/ | ||
- | + | div#ddsmoothmenu ul li{ | |
position: relative; | position: relative; | ||
display: inline; | display: inline; | ||
Line 137: | Line 137: | ||
/*Top level menu link items style*/ | /*Top level menu link items style*/ | ||
- | + | div#ddsmoothmenu ul li a, .ddsmoothmenu ul li strong.selflink { | |
display: block; | display: block; | ||
background:#275472; / *background of menu items (default state)*/ | background:#275472; / *background of menu items (default state)*/ | ||
Line 152: | Line 152: | ||
- | * html | + | * html div#ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ |
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 160: | Line 160: | ||
} | } | ||
- | + | div#ddsmoothmenu ul li a.xxxselected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ | |
background: black; | background: black; | ||
color: white; | color: white; | ||
} | } | ||
- | + | div#ddsmoothmenu ul li a:hover{ | |
background: #C9D5E0; /*background of menu items during onmouseover (hover state)*/ | background: #C9D5E0; /*background of menu items during onmouseover (hover state)*/ | ||
color: Black; | color: Black; | ||
Line 171: | Line 171: | ||
/*1st sub level menu*/ | /*1st sub level menu*/ | ||
- | + | div#ddsmoothmenu ul li ul{ | |
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
Line 179: | Line 179: | ||
/*Sub level menu list items (undo style from Top level List Items)*/ | /*Sub level menu list items (undo style from Top level List Items)*/ | ||
- | + | div#ddsmoothmenu ul li ul li{ | |
display: list-item; | display: list-item; | ||
float: none; | float: none; | ||
Line 185: | Line 185: | ||
/*All subsequent sub menu levels vertical offset after 1st level sub menu */ | /*All subsequent sub menu levels vertical offset after 1st level sub menu */ | ||
- | + | div#ddsmoothmenu ul li ul li ul{ | |
top: 0; | top: 0; | ||
} | } | ||
/* Sub level menu links style */ | /* Sub level menu links style */ | ||
- | + | div#ddsmoothmenu ul li ul li a{ | |
font: normal 13px Verdana; | font: normal 13px Verdana; | ||
width: 160px; /*width of sub menus*/ | width: 160px; /*width of sub menus*/ | ||
Line 200: | Line 200: | ||
/* Holly Hack for IE \*/ | /* Holly Hack for IE \*/ | ||
- | * html | + | * html div#ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ |
/* ######### CSS classes applied to down and right arrow images ######### */ | /* ######### CSS classes applied to down and right arrow images ######### */ | ||
- | + | div#downarrowclass{ | |
position: absolute; | position: absolute; | ||
top: 12px; | top: 12px; | ||
Line 211: | Line 211: | ||
} | } | ||
- | + | div#rightarrowclass{ | |
position: absolute; | position: absolute; | ||
top: 6px; | top: 6px; | ||
Line 219: | Line 219: | ||
/* ######### CSS for shadow added to sub menus ######### */ | /* ######### CSS for shadow added to sub menus ######### */ | ||
- | + | div#ddshadow{ | |
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
Line 228: | Line 228: | ||
} | } | ||
- | + | div#toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ | |
opacity: 0.8; | opacity: 0.8; | ||
} | } |
Revision as of 15:05, 8 October 2009