Team:Paris/testpage

 Home  The Team  The Project  Parts Submitted to the Registry  Modeling  Notebook  Our website

 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 16px; background-color: #649cd7; color: #FFF; text-align: center; text-decoration: none;				/* purpose: remove underline from a */ font: bold 13px arial; }
 * 1) nav li a {

background-color: #d4e2ef; 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 #5970B2; background: #EAEBD8; }
 * 1) nav div {

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

#nav span div { 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; }

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 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', '#d4e2ef')},					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   The Team</a> Presentation</a> Students</a> Instructors</a> Advisors</a> </li>  The Project</a> Summary</a> The Modules</a> Oscillations</a> FIFO</a> Synchronization</a> More...</a> </li>  Parts Submitted to the Registry</a> Parts</a> </li> <li> <a>Modeling</a> <a href="http://2008.igem.org/Team:Paris/Modeling">Modeling</a> <a href="http://2008.igem.org/Team:Paris/Modeling/Roadmap">Roadmap</a> <a href="http://2008.igem.org/Team:Paris/Modeling/Bibliography">Bibliography</a> <a href="http://2008.igem.org/Team:Paris/Modeling/Programs">Our Programs</a> <a href="http://2008.igem.org/Team:Paris/Modeling#Estimation_of_parameters">Parameters</a> </li> <li> <a>Notebook</a> <a href="http://2008.igem.org/Team:Paris/Notebook">Calendar</a> <a href="http://2008.igem.org/Team:Paris/Notebook/Freezer">Freezer</a> <a href="http://2008.igem.org/Team:Paris/Notebook/Oligo">Oligos</a> </li> <li> <a>Links</a> <a href="http://igem-paris.org">iGEM Paris</a> <a href="http://biosynthetique.free.fr/">SynBioSys</a>

</li> </ul>

<a href="http://www4.clustrmaps.com/counter/maps.php?url=http://2008.igem.org/Team:Paris" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=http://2008.igem.org/Team:Paris" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" /> </a>