Difference between revisions of "Team:Pumas Mexico/Team"

Line 1: Line 1:
−
{{Pumas_Mexico}}
 
−
<html>
 
 
<style type="text/css">
 
<style type="text/css">
 +
#apDiv1 {
 +
position: absolute;
 +
width: 200px;
 +
height: 115px;
 +
z-index: 1;
 +
}
 +
{
 +
margin:0;
 +
padding:0;
 +
}
  
−
@media screen and (max-width:1500px){
 
  
−
IMG{
 
−
width:100%;
 
−
}}
 
−
@media screen and (max-width:1340px){
 
  
−
IMG{
+
header {
−
width:100%;
+
margin-top:10px;
−
}}
+
    width: 100%;
−
@media screen and (max-width:1180px){
+
    overflow: hidden;
 +
    height: 150px;
 +
    position: relative;
 +
}
  
−
IMG{
+
nav {
−
width:100%;
+
    top:-20px;
−
}}
+
    position: absolute;
−
@media screen and (max-width:1100px){
+
    left:0;
 +
    right:0;
 +
margin:20px auto;
 +
max-width:1000px;
 +
width:90%;
 +
}
  
−
IMG{
+
nav ul {
−
width:100%;
+
list-style:none;
−
}}
+
}
−
@media screen and (max-width:920px){
+
  
−
IMG{
+
nav > ul {
 +
display:table;
 +
 
width:100%;
 
width:100%;
−
}}
+
background:#000;
−
@media screen and (max-width:920px){
+
position:relative;
 +
}
  
−
IMG{
+
nav > ul li {
−
width:100%;
+
display:table-cell;
−
}}
+
}
−
</style>
+
−
</head>
+
−
<body >
+
−
<IMG src="https://static.igem.org/mediawiki/2016/3/3c/T--Pumas_Mexico--Portada.jpg" ></DIV>
+
  
  
 +
nav > ul > li:hover > ul {
 +
display:block;
 +
height:100%;
 +
}
  
 +
nav > ul > li > ul {
 +
display:block;
 +
position:absolute;
 +
background:#000;
 +
left:0;
 +
right:0;
 +
overflow:hidden;
 +
height:0%;
 +
-webkit-transition: all .3s ease;
 +
-moz-transition: all .3s ease;
 +
-ms-transition: all .3s ease;
 +
-o-transition: all .3s ease;
 +
transition: all .3s ease;
 +
}
  
−
<header>
+
nav > ul li a {
 +
color:#fff;
 +
display:block;
 +
line-height:20px;
 +
padding:20px;
 +
position: relative;
 +
text-align:center;
 +
text-decoration:none;
 +
-webkit-transition: all .3s ease;
 +
-moz-transition: all .3s ease;
 +
-ms-transition: all .3s ease;
 +
-o-transition: all .3s ease;
 +
transition: all .3s ease;
 +
}
  
 +
nav > ul > li > ul > li a:hover {
 +
background:#5da5a2;
 +
}
  
−
<center>
+
nav > ul > li > a span {
−
<table  style="border:none;">
+
background:#174459;
−
<tr  style="border:none;" bgcolor="#33CCCC">
+
display:block;
−
<td  style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="https://2016.igem.org/Team:Pumas_Mexico" style="text-decoration:none"><span class=""></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">HOME</a></td>
+
height:100%;
−
<td  style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="" style="text-decoration:none"><span class=""><i class="icon icon-users" ></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">TEAM</a>
+
width:100%;
−
</td>
+
left:0;
 +
position:absolute;
 +
top:-55px;
 +
-webkit-transition: all .3s ease;
 +
-moz-transition: all .3s ease;
 +
-ms-transition: all .3s ease;
 +
-o-transition: all .3s ease;
 +
transition: all .3s ease;
 +
}
  
−
<td style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="" style="text-decoration:none"><span class=""><i class="icon icon-paste"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">PROJECT</a></td>
+
nav > ul > li > a span .icon {
 +
display:block;
 +
line-height:60px;
 +
}
  
−
<td  style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="" style="text-decoration:none"><span class=""><i class="icon icon-accessibility"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">HP</a></td>
+
nav > ul > li > a:hover > span {
−
<td style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="" style="text-decoration:none"><span class=""><i class="icon icon-cogs"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">PARTS</a>  </td>
+
top:0;
−
<td  style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="https://2016.igem.org/Team:Pumas_Mexico/Safety" style="text-decoration:none"><span class=""><i class="icon icon-lock"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">SAFETY</a></td>
+
}
−
<td style="border:none;" style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="https://2016.igem.org/Team:Pumas_Mexico/Attributions" style="text-decoration:none"><span class=""><i class="icon icon-cogs"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">ATRIBUTIONS</a></td>
+
−
<td style="border:none;" align="center" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/><a href="" style="text-decoration:none"><span class=""><i class="icon icon-trophy"></i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">AWARD</a></td>
+
−
</tr>
+
  
  
−
<tr bgcolor="#5da5a2"  style="border:none;">
+
nav ul li a .primero {
 +
background:#0e5061;
 +
}
  
−
<td style="border:none;"  bgcolor="#FFFFFF">  </td>
+
nav ul li a .segundo {
 +
background:#5da5a2;
 +
}
  
−
<td style="border:none;">
+
nav ul li a .tercero {
 +
background:#f25724;
 +
}
  
−
<P>
+
nav ul li a .cuarto {
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Team" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Team</a></font>
+
background:#174459;
−
</p>
+
}
−
<P><a href="https://2016.igem.org/Team:Pumas_Mexico/Collaborations" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';" style="FILTER: alpha(opacity=0, finishOpacity=100,style=3/ >Collaborations</a></font>
+
−
</td>
+
  
−
<td style="border:none;">
+
nav ul li a .quinto {
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Description" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Description</font></a>
+
background:#37a4d9;
−
</p>
+
}
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Design" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/ >Design</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Experiments" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Experiments</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Proof" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/ >Proof of consept</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Demonstrate" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/ >Demostrate</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Results" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Results</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Notebook" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Notebook</font></a> 
+
−
</td>
+
−
<td style="border:none;"  bgcolor="#FFFFFF">  </td>
+
  
−
<td style="border:none;">
+
</style>
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Human_Practices" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Human Practices</font></a>
+
</head>
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Silver" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Silver</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Gold" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Gold</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Integrated_Practices" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Integrated Practices</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Engagement" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Engagment</font></a></td>
+
  
−
<Td style="border:none;">  
+
<body>
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Parts" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Parts</font></a>
+
<header>
−
</p>
+
<div id="apDiv1">
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Basic_Part" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Basic parts</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Composite_Part" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Composite parts</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Part_Collection" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Part colleccion</font></a>
+
−
</Td>
+
−
 
+
−
<td bgcolor="#FFFFFF" style="border:none;"></td>
+
−
<td style="border:none;"  bgcolor="#FFFFFF">  </td>
+
−
 
+
−
<td style="border:none;">
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Entrepreneurship" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Entrepreneurship</a></font>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Hardware" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Hadware</font></a>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Software" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Software</a></font>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Measurement" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Masurement</a></font>
+
−
</p>
+
−
<P>
+
−
<a href="https://2016.igem.org/Team:Pumas_Mexico/Model" style="text-decoration:none"><font color="#FFFFFF" onmouseover="this.style.opacity=0.3;this.filters.alpha.opacity='80';" onmouseout="this.style.opacity=3;this.filters.alpha.opacity='20';"/>Model</a></font></td>
+
−
 
+
−
 
+
−
</tr>
+
−
 
+
−
 
+
−
</table>
+
−
</center>
+
−
<div class="column full_size" >
+
−
 
+
−
<p><font face="T--Pumas_Mexico--Polya.olf">Team Members</font></p>
+
  
−
<br>
+
<nav>
−
</br>
+
<ul>
−
<table
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico"><span class=""><i class="icon icon-home3"></i></span>HOME</a></li>
−
<tr  style="border:none;">
+
<li><a href=""><span class=""><i class="icon icon-users"></i></span>TEAM</a><ul>
−
<td style="border:none;">
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Team">Team</a></li>
−
</td>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Collaborations">Collaborations</a></li>
−
<td style="border:none;"></td>
+
</ul>
−
<td style="border:none;"></td>
+
<li><a href=""><span class=""><i class="icon icon-paste"></i></span>PROJECT</a>
−
<td style="border:none;"></td>
+
<ul>
−
<td style="border:none;"></td>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Description">Description</a></li>
−
<td style="border:none;"></td>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Design">Design</a></li>
−
<td style="border:none;"></td>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Experiments">Experiments</a></li>
−
<td style="border:none;"></td>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Proof">Proof of consept</a></li>
−
</tr>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Demonstrate">Demostrate</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Results">Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Notebook">Notebook</a></li>
 +
</ul></li><li><a href=""><span class=""><i class="icon icon-accessibility"></i></span>HUMANPRACTICES</a><ul>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Human_Practices">Human Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Silver">Silver</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Gold">Gold</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Integrated_Practices">Integrated Practices</a></ui></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Engagement">Engagment</a></li>
 +
</ul></li>
 +
<li><a href=""><span class=""><i class="icon icon-cogs"></i></span>PARTS</a>  
 +
  <ul>
 +
  <li><a href="https://2016.igem.org/Team:Pumas_Mexico/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Composite_Part">Composite parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Part_Collection">Part colleccion</a></li>
 +
</ul></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Safety"><span class=""><i class="icon icon-lock"></i></span>SAFETY</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Attributions"><span class=""><i class="icon icon-cogs"></i></span>ATRIBUTIONS</a>
 +
<li><a href=""><span class=""><i class="icon icon-trophy"></i></span>AWARD</a><ul>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Entrepreneurship">Entrepreneurship</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Hardware">Hadware</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Software">Software</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Measurement">Masurement</a></li>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Model">Model</a></li>
 +
</ul></li>
 +
</div>
 
   
 
   
 
</div>
 
</div>

Revision as of 15:48, 16 October 2016

<style type="text/css">

  1. apDiv1 {

position: absolute; width: 200px; height: 115px; z-index: 1; } { margin:0; padding:0; }


header { margin-top:10px; 

   width: 100%;
   overflow: hidden;
   height: 150px;
   position: relative;

}

nav { 

   top:-20px;
   position: absolute;
   left:0;
   right:0;

margin:20px auto; max-width:1000px; width:90%; }

nav ul { list-style:none; }

nav > ul { display:table;

width:100%; background:#000; position:relative; }

nav > ul li { display:table-cell; }


nav > ul > li:hover > ul { display:block; height:100%; }

nav > ul > li > ul { display:block; position:absolute; background:#000; left:0; right:0; overflow:hidden; height:0%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

nav > ul li a { color:#fff; display:block; line-height:20px; padding:20px; position: relative; text-align:center; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

nav > ul > li > ul > li a:hover { background:#5da5a2; }

nav > ul > li > a span { background:#174459; display:block; height:100%; width:100%; left:0; position:absolute; top:-55px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

nav > ul > li > a span .icon { display:block; line-height:60px; }

nav > ul > li > a:hover > span { top:0; }


nav ul li a .primero { background:#0e5061; }

nav ul li a .segundo { background:#5da5a2; }

nav ul li a .tercero { background:#f25724; }

nav ul li a .cuarto { background:#174459; }

nav ul li a .quinto { background:#37a4d9; }

</style> </head>

<body> <header>

<nav>


Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.



</html>