Template:WashUback

From 2009.igem.org

Revision as of 20:52, 18 June 2009 by Jathman (Talk | contribs)
Banner1.jpg

<style> ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display:block} ul.cssMenu ul{position: absolute;center:-1px;top:98%;} ul.cssMenu ul ul{position: absolute;center:98%;top:-2px;} ul.cssMenu,ul.cssMenu ul { margin-left:120px; list-style:none; padding:0px 3px 3px 0px; background-color:#FFEFD5; background-repeat:repeat; border-color:#FFEFD5; border-width:0px; border-style:; } ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { display:block; zoom:1; position:absolute; z-index: 1000; left: 100; top: 200; }

  • HTML ul.cssMenu {position:absolute;}

ul.cssMenu ul{ width:149px; } ul.cssMenu li { display:block; margin:3px 0px 0px 3px; font-size:0px; } ul.cssMenu a:active, ul.cssMenu a:focus { outline-style:none; } ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFEFD5;<background inside boxes, tan> border-width:0px; border-color:#FFEFD5;<inside, smaller borders, tan> border-style:solid; text-align:center; text-decoration:none; padding:4px; _padding-left:4px; font:20px Trebuchet MS; color: #008000;<text color, not in hover, green> text-decoration:none; cursor:pointer; } ul.cssMenu span{ overflow:hidden; } ul.cssMenu li { float:left; } ul.cssMenu ul li { float:none; } ul.cssMenu ul a { text-align:center; white-space:nowrap; } ul.cssMenu li.sep{ text-align:center; padding:0px; line-height:0; height:100%; } ul.cssMenu li.sep span{ float:none; padding-right:0; width:3; height:100%; display:inline-block; background-color:#008000; background-image:none;} ul.cssMenu ul li.sep span{ width:100%; height:3; } ul.cssMenu li:hover{ position:relative; } ul.cssMenu li:hover>a{ background-color:#8B0000; border-color:#8B0000; border-style:solid; font:20px Trebuchet MS; color: ##FFFFFF; text-decoration:none; } ul.cssMenu li a:hover{ position:relative; background-color:#8B0000; font:20px Trebuchet MS; color: #FFFFFF; text-decoration:none; } ul.cssMenu li.dis a { color: #008000 !important; } ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px; height:24px; } ul.cssMenu ul img {width:16px; height:16px; } ul.cssMenu img.over{display:none} ul.cssMenu li.dis a:hover img.over{display:none !important} ul.cssMenu li.dis a:hover img.def {display:inline !important} ul.cssMenu li:hover > a img.def {display:none} ul.cssMenu li:hover > a img.over {display:inline} ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline} ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none} ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block} ul.cssMenu a:hover ul ul{display:none} ul.cssMenu span{ display:block; background-image:url(./images/arrow_sub5.gif); background-position:right center; background-repeat: no-repeat;

  padding-right:8px; padding-left:8px;}                               

ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)} ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);} ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)} ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}

</style>