Template:Team:ESBS-Strasbourg/Templates/Navigation css

 position: relative; margin: 0 auto;					/* purpose: allow centering ul table */ padding: 0; display: table					/* purpose: ul doesn't stretch width 100% */ }
 * nav, #nav ul {

display: table-cell;				/* purpose: li behaves like table-cell */ position: relative;				/* purpose: non-overlap li elements in ul */ list-style: none;				/* purpose: remove default html list-style */ }
 * 1) nav li {

display: block;					/* purpose: non-overlap div on a */ margin: 0 1px 0 0;				/* purpose: spacing main menu items */ padding: 4px 59px; background-color: #333333; color: #FFF; text-align: right; text-decoration: none;				/* purpose: remove underline from a */ font: bold 13px arial; }
 * 1) nav li a {

background-color: #00CC33; color: black; }
 * 1) nav li a:hover {

position: absolute;				/* purpose: li of div doesn't spread out */ display: none; width: 10em; opacity: 0.8; filter: alpha(opacity=80); border: 1px solid #28B095; background: #EAEBD8; }
 * 1) nav div {

position: relative; display: block;				/* purpose: a's in div have same width */ margin: 0; padding: 5px 10px; text-align: left; font: 11px arial; }		background-color: #00CC33; color: #000; }
 * 1) nav span a, #nav div a {
 * 1) nav span a:hover, #nav div a:hover {

position: relative; margin: 0; border: none;				/* purpose: reset border to none */ border-top: 1px solid #5970B2;		/* purpose: add a seperator */ border-bottom: 1px solid #5970B2;	/* purpose: add a seperator */ opacity: 1.0;				/* purpose: opacity already 0.8 by #nav div */ filter: alpha(opacity=100);		/* purpose: opacity already 80 by #nav div */ }		#nav span div a { text-indent: 10px; }		#nav span div span div a { text-indent: 20px; }
 * 1) nav span div {

background-image: url('http://2008.igem.org/wiki/images/e/ef/Icon-expand.png'); background-repeat: no-repeat; background-position: 95% 50%; }
 * 1) nav .expand {

background-image: url('http://2008.igem.org/wiki/images/c/cd/Icon-collapse.png'); background-repeat: no-repeat; background-position: 95% 50%; }
 * 1) nav .collapse {



 function toggleElement(layer){ var myLayer = document.getElementById(layer); if(myLayer.style.display=="none"){ myLayer.style.display="block"; myLayer.backgroundPosition="top"; } else { myLayer.style.display="none"; } }



function ddmsie { $("#nav ul").css('display', 'inline-block'); $("#nav li").css('display', 'inline'); $("#nav a").css('display', 'inline-block'); $("#nav a").hover(function {$(this).css('background-color', '#252025')},					function  {$(this).css('background-color', '#649cd7')}); $("#nav div a").css('display', 'block'); $("#nav div").css('left', '0'); $("#nav div").css('top', '100%'); $("#nav span div").css('top', '0'); }

function ddmozilla { } function ddnav { $("#nav li").hover(		function {			$(this).find("div:first").css('display', 'inline');},		function  {			$(this).find("div:first").css('display', 'none');}	); $("#nav span > a").toggle(		function {			$(this).removeClass("#nav expand").addClass("#nav collapse");			$(this).css('background-color', '#99AAFF');			$(this).parent.find("div:first").css('display', 'block');},		function  {			$(this).removeClass("#nav collapse").addClass("#nav expand");			$(this).hover( function { $(this).css('background-color', '#d4e2ef');}, function { $(this).css('background-color', '#649cd7');} );			$(this).parent.find("div:first").css('display', 'none');		}	).addClass("#nav expand"); }

$(function {	if(jQuery.browser.msie) ddmsie;	if(jQuery.browser.mozilla) ddmozilla;	ddnav; }); 

home

team Meet the Team CoLABorations Sponsors</a> </li>

project</a> Summary</a> In Detail</a> System</a>  Labeling</a> Measurements</a> Outcome</a> Modeling</a> Related</a> Applications</a> Brainstorming</a> Reading</a> </li>

misc</a> <a href="http://2008.igem.org/Team:ESBS-Strasbourg/Links">Links</a> <a href="http://2008.igem.org/Team:ESBS-Strasbourg/Protocols">Protocols</a> <a href="http://2008.igem.org/Team:ESBS-Strasbourg/Paper">Tutorials + Papers</a> </li>

<li><a href="http://2008.igem.org/Team:ESBS-Strasbourg/Parts">parts</a> <a href="http://2008.igem.org/Team:ESBS-Strasbourg/Parts">Submitted Parts</a> <a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2008&group=ESBS-Strasbourg">Sandbox</a> </li>

<li><a href="http://2008.igem.org/Team:ESBS-Strasbourg/Notebook">notebook</a>

</ul>