Template:Team:SheffieldNav
From 2014.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | |||
+ | /* DO NOT CHANGE ANYTHING BELOW */ | ||
+ | .nav li { float:left; } /* fixes several IE related bugs, and allows for clearing */ | ||
+ | .nav ul { float:left; position:relative; z-index:20; } /* necessary for float drop and to stack the <ul>s */ | ||
+ | .nav ul li { clear:left; } /* must clear the floated list item inside sublist */ | ||
+ | .nav a { position:relative; display:block; } /* needs to have a position, to be above the rest */ | ||
+ | .nav a.main { float:left; /* necessary for float drop */ margin-top:10000px; } /* bring the top level links back into view */ | ||
+ | .nav .drop, .nav .fly { margin-top:-10000px; } /* hide the sub links and their containers, opera has low upper limits */ | ||
+ | .nav ul { margin-bottom:-5000px; } /* avoid any interaction between the subs, can be any large size */ | ||
+ | /* The bit that does ALL the work to bring the sub menus into view */ | ||
+ | .nav a:hover, .nav a:focus, .nav a:active { margin-right:0; z-index:10; outline:0; } | ||
+ | .nav a:hover b, .nav a:focus b, .nav a:active b { color:#000; cursor:pointer; border-left:2px solid #eee; } | ||
+ | |||
+ | /* OPERA fix */ | ||
+ | .nav ul:hover, .nav ul ul:hover { clear:left; } /* to stop intermittent sub link :hover problems */ | ||
+ | |||
#content {width:100%;} | #content {width:100%;} |
Revision as of 20:34, 12 September 2014