Team:UANL Mty-Mexico/Templates/Menu-template

<html>
<head>


        <!-- Include jQuery first. -->
		<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script>


        


<style>



.style5.top-menu {
  background: transparent;
  margin: auto;
  width: 950px;
  margin-top: -35px;
  
}
.style5 ul.top-menu-main {
  margin: auto;
  width: 950px;
  font-family: Georgia, Tahoma, Arial;
  font-size: 10px;
  line-height: 18px;
}

.style5 ul.top-menu-main > li {
  background: #000;
  border-right: 1px solid #afafaf;
 
  
  color: #fff;
  margin: 0;
}

.style5 ul.top-menu-main > li.last {
  border-right: none;
}
.style5 ul.top-menu-main > li:hover .menu-item-text 
{color: #cfcfcf; text-shadow: 0 1px 0 #0C131C;}

.style5 ul.top-menu-main > li:hover{
  background: #333 transparent;
  color: #fff;
  -moz-box-shadow: 0 0 8px #333;
  -webkit-box-shadow: 0 0 8px #333;
  box-shadow: 0 0 8px #333;
}

.style5 ul.top-menu-main > li > a {
  color: #fff;
  text-decoration: none;
}
.style5 ul.top-menu-main > li > a:hover {
  color: #fff;
}

.style5 ul.top-menu-main > li > a { 
  padding: 10px 10px;
}

.style5 ul.top-submenu {
  -moz-box-shadow: 0 0 8px #333;
  -webkit-box-shadow: 0 0 8px #333;
  /*box-shadow: 0 0 8px #333;*/
  box-shadow: 0 0 8px #fff;
  
}

.style5 ul.top-submenu > li {
  margin: 0px;
  padding: 5px 10px;
  background: #fff transparent;
  
  color: #fff;
  white-space: nowrap;
  
}

.style5 ul.top-submenu > li a {
  margin: 0px;
  padding: 5px 10px;
  background: #fff transparent;
  
  color: #fff;
  white-space: nowrap;
  
}

.style5 ul.top-submenu > li.hover {
  background: #000 ;
  color: #fff;
  
}

.style5 ul.top-submenu > li a:hover {
  background: #000 ;
  color: #fff;
  
}


/* Wiki Hacks - START */
/* Author: Pieter van Boheemen */
/* Team: TU Delft */

#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}

#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}

#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}

#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
padding:0; border: none; font-size: 10px}

#p-logo { height:1px; overflow:hidden; display: none;}

#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}

#footer-box { background-image: url(http://www.genobiotec2011.org/iGEMwiki/images/back.jpg); background-color: #000000; width: 100%; margin: -10px; padding: 20px 0; display: none;}

.visualClear { display: none; }

#search-controls { display:none; }

h3#siteSub { display: none;}
#contentSub {display: none;}
//p:first-child { display: none;}


#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
.firstHeading { display: none;}
#f-list a { color: #333; font-size: 10px;}
#f-list a:hover { color: #666; height: 100px;}
.printfooter { display: none; }
#footer ul { margin: 0; padding: 0;}
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
/* Wiki Hacks - END */


body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: tahoma, arial;
	font-size: 10px;
	background-color: #666;
	background-image: url(http://www.genobiotec2011.org/iGEMwiki/images/back.jpg);
}

a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
	color: #066;
}

ul.top-menu-main {
  margin: auto;
  width: 800px;
}

ul.top-menu-main > li {
  margin: 0 10px;
}

.top-menu {
  font-family: "Arial Narrow", Georgia, Tahoma, arial;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  height: 37px;
  border-bottom: 1px solid #333;
}

.header {
	width: 964px;
	height: 203px;
	margin: auto;
	-moz-box-shadow: 0 0 8px #777;
	-webkit-box-shadow: 0 0 8px #777;
	box-shadow: 0 -5px 10px #777;
	z-index: 0;
}

.content {
	width: 964px;
	margin: auto;
	background-color: #FFF;
	font-size: 12px;
	z-index: 10;
	text-align: center;
	padding-bottom: 10px;
}


.content3 {
	width: 950px;
	margin: auto;
	font-size: 10px;
	border-bottom-color: #0C0;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.content .main {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.donate {
  padding: 5px;
  background: #cfcfcf;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}
.donate > div {
  padding: 10px;
  position: relative; float: left; width : 700px;
  font-style: italic;
}

.s-menu {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	color: #036;
  text-decoration: none;
}

.s-menu li {
  text-decoration: none;
	list-style-type: none; 
	width: 100px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
width: 180px;
}

.s-menu li.last {
	background: #cfcfcf;
	color: #000;
	text-align: center;
list-style-type: none;
}

.s-menu li:hover {
	background: #cfcfcf;
	color: #000;
	text-align: center;
list-style-type: none;
}

.s-menu li a {
	list-style-type: none;
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	color: #036;
	font-size: 12px;


}
.s-menu li:hover a {
	background: #cfcfcf;
	color: #000;
	text-align: center;
	font-size: 12px;
}



.col-1-3 {
	width: 200;
	/*margin-right: 2%;*/
	position: relative;
	float: right;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
text-decoration: none;


	
}




.sidebar1 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding-bottom: 10px;
}

.sidebar2 {
	float: right;
	width: 180px;
	background: #EADCAE;
	padding-bottom: 10px;
}
.content .main .clearfix .content2 {
	text-align: justify;
	width: 750px;
	font-size: 14px;
	border-left-color: #000;
}
.content .main .clearfix .content2 title {
	font-size: 20px;
}


#footer-leftColumn {
	float:left;
	width:317px;
	padding-left: 0px;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#footer-middleColumn {
	float:left;
	width:330px;
	padding-left: 0px;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#footer-rightColumn {
	float:right;
	width:260px;
	padding-left: 0px;
	text-align: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#twitter-box {
	text-align:center;
	width: 200px;

}

#clustrmaps-widget {
	text-align:center;
	width:200px;
	padding-left: 50px;
}

#leftColumn {
	float:left;
	width:700px;
	text-align: justify;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 15px;
	font-family: Arial;
}

#rightColumn {
	float:right;
	width:200px;
	text-align: center;
	padding-top: 5px;
}

#social-div {
	text-align: right;
	float:right;	
}

#twitter-top {
	text-align: right;
		
}

#footer-middleColumn a {
	color: #ffffff;
	text-decoration:underline;
	font-weight:bolder;
}

#youtube-frame {
	text-align:center;
	
}

#leftColumn1 {
	
}

#ColorHeader {
	background-color:#FFF;
	color: #333;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 5;
	font-family: "Arial Black";
	font-size: 30px;
}

#project-column p {
	background-color:#FFF;
	color:#000;
	font: Tahoma;
	font-size: 14px;
}

#project-column {
	width:340px;
	padding-top: 15;
	padding-right: 15;
	padding-bottom: 5;
	padding-left: 0;
	float: left;
}

#header-project-column {
	background-color:#036;
	color: #FFF;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 10px;
	font-family: "Arial Black";
	font-size: 16px;
	text-align:left;
}

#content-project-column {
	
}

#About-column {
	float:left;
	width:320px;
	padding-top: 15;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 15px;
}
#header-about-column {
	background-color:#036;
	color: #FFF;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 10px;
	font-family: "Arial Black";
	font-size: 16px;
	text-align:left;
}

#content-about-column {
	
}

#content-about-column p {
	background-color:#FFF;
	color:#000;
	font-size: 15px;
	font-family: Arial;
}

#content-about-column a {
	color:#036;
	font-size: 14px;
	text-decoration:underline;
	font-family: Tahoma;
	font-weight: bolder;
}


#content-3 {
		
}

#header-content-3 {
	background-color:#333;
	color: #FFF;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 10px;
	font-family: "Arial Black";
	font-size: 16px;
	text-align:left;	
}

#content-project-column a {
	color:#036;
	font-size: 14px;
	text-decoration:underline;
	font-family: Tahoma;
	font-weight: bolder;
	font-style: italic;
}

#outline-header {
	background-color:#036;
	color: #FFF;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 10px;
	font-family: "Arial Black";
	font-size: 16px;
}

#outline-content {
	
}




<!-- TU_Delft stqrts here -->



#TUD-footer-content div {
line-height: 12px;
}



.br {
	height: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.br2 {
	height: 2px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}





.TUD-footer-title {
	font-weight: bold;
	color: #019aed;
}

#TUD-footer-search form {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#TUD-footer-search form #searchInput {
	background-color: #4db7f1;
	border: 1px solid #000;
	width: 100%;
}

#TUD-footer-search form .searchButton {
	margin-top: 4px;
	font-size: 11px;
	background-color: #266c96;
	border: 1px solid #000;
	color: #4db7f1;
	padding: 2px;
}

#left-column a {
	color:#036;
	font-size: 14px;
	text-decoration:underline;
	font-family: Tahoma;
	font-weight: bolder;
	font-style: italic;
}



<!-- TU_Delft ends here -->



</style>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Team: UANL_Mty-Mexico</title>
  
  <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.easing.1.3.js'></script>
  <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.slideup.menu.1.0.min.js'></script>

<script>
    var opts = {slideUpSpeed:500, slideDownSpeed: 200};
    $(document).ready(function(){
	$('.top-menu').removeClass().addClass('top-menu').addClass('style5');
      $('ul.s-menu li').click(function(){
        $(this).parent().find('li').removeClass('selected');
        $(this).addClass('selected');
      });
      $('ul.s-style li').click(function(){
       $('.top-menu').removeClass().addClass('top-menu').addClass('style'+$(this).attr('rel'));
       $('.top-menu').removeClass().addClass('top-menu').addClass('style5');

        $(".top-menu").slideupmenu(opts);  
      });
      
      $('ul.s-way li[rel="1"]').live('click', function() {
        opts = {slideUpSpeed:500, slideDownSpeed: 200};
        $(".top-menu").slideupmenu(opts);  
      });
      $('ul.s-way li[rel="2"]').live('click', function() {
        opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease: "easeOutBounce", stopQueue: true};
        $(".top-menu").slideupmenu(opts);  
      });
      $('ul.s-way li[rel="3"]').live('click', function() {
        opts = {slideUpSpeed: 1000, slideDownSpeed: 100, ease: "easeOutBack", stopQueue: true};
        $(".top-menu").slideupmenu(opts);  
      });
      $('ul.s-way li[rel="4"]').live('click', function() {
        opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease:false, stopQueue: false};
        $(".top-menu").slideupmenu(opts);  
      });
      $(".top-menu").slideupmenu(opts);  
    });
  </script>









</head>









<body>

  <div class="top-menu style4">

    <ul class="top-menu-main">

    
      <li class="first">
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico" class="menu-item-text">Home</a>
      </li>
      
      <li class="">
        <ul class="top-submenu">
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Applications">Applications</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Circuit">Circuit</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Mechanism">Mechanism</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/The_Code">The Code</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview">Overview</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" class="menu-item-text">Project</a>

      </li>

      <li class="">
        <ul class="top-submenu">
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Parts">Parts</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Light_experiments">Light Experiments</a></li>
<li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Photocassette">Photocassette</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Constructions">Circuit</a></li>
        </ul>      
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Overview" class="menu-item-text">Wet lab</a>
      </li>  

      <li class="">
        <ul class="top-submenu">
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/References">References</a></li>
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Parameters">Parameters</a></li>
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/QS">Quorum sensing</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Biphasic Switch">Biphasic Switch</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Overview" class="menu-item-text">Modelling</a>
      </li>    

      <li class="">
        <ul class="top-submenu">
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Parts">Parts</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/UANLBricks">UANLBricks</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine">Light Machine</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Photochassis">Photochassis</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Overview" class="menu-item-text">Contributions</a>
      </li>
      
      <li class="">
        <ul class="top-submenu">

          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Safety">Safety</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/iGEM-Lighters">iGEM Lighters</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Collaboration">Collaboration</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Bio_Blog">Bio! Blog</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices" class="menu-item-text">Human Practices</a>

      </li>
      
      <li class="">
        <ul class="top-submenu">
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Gallery">Gallery</a></li>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Hometown">Hometown</a>
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Logo">Logo</a></li>
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Members">Members</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team" class="menu-item-text">Team</a>

      </li>  

      <li class="">
        <ul class="top-submenu">
            <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Protocols">Protocols</a></li>
            <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Blueprints">Blueprints</a></li>
            <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Timeline">Timeline</a></li>
        </ul>
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Overview" class="menu-item-text">Notebook</a>
      </li>

<li class="last">
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Acknowledgments" class="menu-item-text">Acknowledgments</a>
      </li>
    </ul>

</div>



</body>
</html>