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

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>Pumas_Mexico</title>
 
<style type="text/css">
 
<style type="text/css">
 +
 
#apDiv1 {
 
#apDiv1 {
 
position: absolute;
 
position: absolute;
Line 5: Line 10:
 
height: 115px;
 
height: 115px;
 
z-index: 1;
 
z-index: 1;
 +
align: center;
 
}
 
}
 
{
 
{
Line 39: Line 45:
 
 
 
width:100%;
 
width:100%;
−
background:#000;
+
background:#3CC;
 
position:relative;
 
position:relative;
 
}
 
}
Line 56: Line 62:
 
display:block;
 
display:block;
 
position:absolute;
 
position:absolute;
−
background:#000;
+
background:#5a68a3;
 
left:0;
 
left:0;
 
right:0;
 
right:0;
Line 84: Line 90:
  
 
nav > ul > li > ul > li a:hover {
 
nav > ul > li > ul > li a:hover {
−
background:#5da5a2;
+
background:#d1ae18;
 
}
 
}
  
 
nav > ul > li > a span {
 
nav > ul > li > a span {
−
background:#174459;
+
background:#283684;
 
display:block;
 
display:block;
 
height:100%;
 
height:100%;
Line 132: Line 138:
 
}
 
}
  
 +
#apDiv2 {
 +
position: absolute;
 +
width: 200px;
 +
height: 115px;
 +
z-index: 1;
 +
}
 +
#img {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    position: relative;
 +
  }
 +
 +
.hovereffect {
 +
    width: 100%;
 +
    height: 100%;
 +
    float: left;
 +
    overflow: hidden;
 +
    position: relative;
 +
    text-align: center;
 +
    cursor: default;
 +
}
 +
.hovereffect .overlay {
 +
    width: 100%;
 +
    position: absolute;
 +
    overflow: hidden;
 +
    left: 0;
 +
top: auto;
 +
bottom: 0;
 +
padding: 1em;
 +
height: 4.75em;
 +
background: #79FAC4;
 +
color: #3c4a50;
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
-webkit-transform: translate3d(0,100%,0);
 +
transform: translate3d(0,100%,0);
 +
}
 +
 +
.hovereffect img {
 +
    display: block;
 +
    position: relative;
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
}
 +
 +
.hovereffect:hover img {
 +
-webkit-transform: translate3d(0,-10%,0);
 +
transform: translate3d(0,-10%,0);
 +
}
 +
 +
.hovereffect h2 {
 +
    text-transform: uppercase;
 +
    color: #fff;
 +
    text-align: center;
 +
    position: relative;
 +
    font-size: 17px;
 +
    padding: 10px;
 +
    background: rgba(0, 0, 0, 0.6);
 +
float: left;
 +
margin: 0px;
 +
display: inline-block;
 +
}
 +
 +
.hovereffect a.info {
 +
    display: inline-block;
 +
    text-decoration: none;
 +
    padding: 7px 14px;
 +
    text-transform: uppercase;
 +
color: #fff;
 +
border: 1px solid #fff;
 +
margin: 50px 0 0 0;
 +
background-color: transparent;
 +
}
 +
.hovereffect a.info:hover {
 +
    box-shadow: 0 0 5px #fff;
 +
}
 +
 +
 +
.hovereffect p.icon-links a {
 +
float: right;
 +
color: #3c4a50;
 +
font-size: 1.4em;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:hover,
 +
.hovereffect:hover p.icon-links a:focus {
 +
color: #252d31;
 +
}
 +
 +
.hovereffect h2,
 +
.hovereffect p.icon-links a {
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
-webkit-transform: translate3d(0,200%,0);
 +
transform: translate3d(0,200%,0);
 +
}
 +
 +
.hovereffect p.icon-links a span:before {
 +
display: inline-block;
 +
padding: 8px 10px;
 +
speak: none;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
 +
.hovereffect:hover .overlay,
 +
.hovereffect:hover h2,
 +
.hovereffect:hover p.icon-links a {
 +
-webkit-transform: translate3d(0,0,0);
 +
transform: translate3d(0,0,0);
 +
}
 +
 +
.hovereffect:hover h2 {
 +
-webkit-transition-delay: 0.05s;
 +
transition-delay: 0.05s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:nth-child(3) {
 +
-webkit-transition-delay: 0.1s;
 +
transition-delay: 0.1s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:nth-child(2) {
 +
-webkit-transition-delay: 0.15s;
 +
transition-delay: 0.15s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:first-child {
 +
-webkit-transition-delay: 0.2s;
 +
transition-delay: 0.2s;
 +
}
 +
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<center>
 +
<div class="column full_size">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/1/19/T--Pumas_Mexico--Poru.jpg/800px-T--Pumas_Mexico--Poru.jpg" width="864"  style="width:100%" >
 +
 +
</div>
 +
</center>
 +
</DIV>
 +
</p>
 +
 
<header>
 
<header>
−
<div id="apDiv1">
+
 
 +
  <font face="Arial, Helvetica, sans-serif">
 +
  <center>
 +
  <nav align="center">
 +
  <ul>
 +
</p>
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico"  style="text-decoration:none"><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">HOME</font></a></li>
  
−
<nav>
+
<li><a href=""><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">TEAM</font></a><ul>
−
<ul>
+
 
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico"><span class=""><i class="icon icon-home3"></i></span>HOME</a></li>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Team"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Team</font></a></li>
−
<li><a href=""><span class=""><i class="icon icon-users"></i></span>TEAM</a><ul>
+
 
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Team">Team</a></li>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Collaborations"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Collaborations</font></a></li>
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Collaborations">Collaborations</a></li>
+
 
</ul>
 
</ul>
−
<li><a href=""><span class=""><i class="icon icon-paste"></i></span>PROJECT</a>
+
 
 +
<li><a href=""><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">PROJECT</font></a>
 
<ul>
 
<ul>
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Description">Description</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Design">Design</a></li>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Description" style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Description</font></a></li>
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Experiments">Experiments</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Proof">Proof of consept</a></li>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Design"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Design</font></a></li>
−
<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/Experiments"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Experiments</font></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/Proof"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Proof of concept</font></a></li>
−
<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/Demonstrate"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Demostrate</font></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/Results"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Results</font></a></li>
−
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Engagement">Engagment</a></li>
+
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Notebook"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Notebook</font></a></li>
 +
 
 +
</ul>
 +
 
 +
</li><li><a href=""><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">HP</font></a><ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Human_Practices"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Human Practices</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Silver"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Silver</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/HP/Gold"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Gold</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Integrated_Practices"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Integrated Practices</font></a></ui></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Engagement"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Engagment</font></a></li>
 
</ul></li>
 
</ul></li>
−
<li><a href=""><span class=""><i class="icon icon-cogs"></i></span>PARTS</a>   
+
 
 +
<li><a href=""><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">PARTS</font></a>   
 
   <ul>
 
   <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/Parts"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Parts</font></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>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Basic_Part"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Basic Parts</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Composite_Part"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Composite parts</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Part_Collection"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Part colleccion</font></a></li>
 
</ul></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="https://2016.igem.org/Team:Pumas_Mexico/Safety"  style="text-decoration:none"><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">SAFETY</font></a></li>
−
<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/Attributions"  style="text-decoration:none"><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">ATRIBUTIONS</font></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=""><span class=""><i><br><img src="https://static.igem.org/mediawiki/2016/6/68/T--Pumas_Mexico--unicos.png"> </i></span><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">AWARD</font></a><ul>
−
<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>
+
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Entrepreneurship"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Entrepreneurship</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Hardware"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Hadware</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Software"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Software</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Measurement"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Masurement</font></a></li>
 +
 
 +
<li><a href="https://2016.igem.org/Team:Pumas_Mexico/Model"  style="text-decoration:none"><font color="#FFFFFF" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Model</font></a></li>
 +
<center>
 +
<table  style="border:none;">
 +
<tr  style="border:none;">
 +
<td align="center"  style="border:none;">
 +
<Img src="https://static.igem.org/mediawiki/2016/thumb/7/77/T--Pumas_Mexico--igu.png/800px-T--Pumas_Mexico--igu.png" />
 +
</td>
 +
</tr>
 +
</table>
 
</ul></li>
 
</ul></li>
−
</div>
+
</nav>
−
+
</header>
−
</div>
+
<head>
 +
<style type="text/css">
 +
#apDiv1 {
 +
position: absolute;
 +
width: 200px;
 +
height: 115px;
 +
z-index: 1;
 +
}
 +
.hovereffect {
 +
    width: 100%;
 +
    height: 100%;
 +
    float: left;
 +
    overflow: hidden;
 +
    position: relative;
 +
    text-align: center;
 +
    cursor: default;
 +
}
 +
.hovereffect .overlay {
 +
    width: 100%;
 +
    position: absolute;
 +
    overflow: hidden;
 +
    left: 0;
 +
top: auto;
 +
bottom: 0;
 +
padding: 1em;
 +
height: 4.75em;
 +
background: #79FAC4;
 +
color: #3c4a50;
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
-webkit-transform: translate3d(0,100%,0);
 +
transform: translate3d(0,100%,0);
 +
}
  
−
<div class="column half_size" >
+
.hovereffect img {
 +
    display: block;
 +
    position: relative;
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
}
  
 +
.hovereffect:hover img {
 +
-webkit-transform: translate3d(0,-10%,0);
 +
transform: translate3d(0,-10%,0);
 +
}
  
 +
.hovereffect h2 {
 +
    text-transform: uppercase;
 +
    color: #fff;
 +
    text-align: center;
 +
    position: relative;
 +
    font-size: 17px;
 +
    padding: 10px;
 +
    background: rgba(0, 0, 0, 0.6);
 +
float: left;
 +
margin: 0px;
 +
display: inline-block;
 +
}
  
−
<h5>Inspiration</h5>
+
.hovereffect a.info {
−
<p>You can look at what other teams did to get some inspiration! <br />
+
    display: inline-block;
−
Here are a few examples:</p>
+
    text-decoration: none;
−
<ul>
+
    padding: 7px 14px;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    text-transform: uppercase;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
color: #fff;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
border: 1px solid #fff;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
margin: 50px 0 0 0;
−
</ul>
+
background-color: transparent;
 +
}
 +
.hovereffect a.info:hover {
 +
    box-shadow: 0 0 5px #fff;
 +
}
  
−
</div>
 
  
−
<div class="column half_size" >
+
.hovereffect p.icon-links a {
−
<h5>What should this page contain?</h5>
+
float: right;
−
<ul>
+
color: #3c4a50;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
font-size: 1.4em;
−
<li>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.</li>
+
}
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
.hovereffect:hover p.icon-links a:hover,
 +
.hovereffect:hover p.icon-links a:focus {
 +
color: #252d31;
 +
}
 +
 +
.hovereffect h2,
 +
.hovereffect p.icon-links a {
 +
-webkit-transition: -webkit-transform 0.35s;
 +
transition: transform 0.35s;
 +
-webkit-transform: translate3d(0,200%,0);
 +
transform: translate3d(0,200%,0);
 +
}
 +
 +
.hovereffect p.icon-links a span:before {
 +
display: inline-block;
 +
padding: 8px 10px;
 +
speak: none;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-osx-font-smoothing: grayscale;
 +
}
 +
 +
 +
.hovereffect:hover .overlay,
 +
.hovereffect:hover h2,
 +
.hovereffect:hover p.icon-links a {
 +
-webkit-transform: translate3d(0,0,0);
 +
transform: translate3d(0,0,0);
 +
}
 +
 +
.hovereffect:hover h2 {
 +
-webkit-transition-delay: 0.05s;
 +
transition-delay: 0.05s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:nth-child(3) {
 +
-webkit-transition-delay: 0.1s;
 +
transition-delay: 0.1s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:nth-child(2) {
 +
-webkit-transition-delay: 0.15s;
 +
transition-delay: 0.15s;
 +
}
 +
 +
.hovereffect:hover p.icon-links a:first-child {
 +
-webkit-transition-delay: 0.2s;
 +
transition-delay: 0.2s;
 +
}
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
<table>
 +
<tr style="decoration:none" >
 +
<td style="decoration:none" >
  
 +
<img src"https://static.igem.org/mediawiki/2016/thumb/0/00/T--Pumas_Mexico--teamse.jpg/800px-T--Pumas_Mexico--teamse.jpg">
  
 +
</td>
  
 +
</tr>
 +
</table>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:54, 20 October 2016

Pumas_Mexico