Team:ETH Zurich/project/overview

From 2014.igem.org

(Difference between revisions)
(Implementation in E. Coli)
(Implementation in E. coli)
 
(36 intermediate revisions not shown)
Line 5: Line 5:
<center>
<center>
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Our|Project|green}}
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Our|Project|green}}
-
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Genetic|Circuits|blue}}
+
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Pattern|Emergence|blue}}
 +
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Genetic|Circuits|red}}
</center>
</center>
<html>  
<html>  
-
<div id="Our" class="inner2"> <article class="Our complex" style='margin-bottom:0;'> </html>  
+
<div id="Our" style='background-color:#FFFFFF; padding:2%;'> <article class="Our complex" style='margin-bottom:0;'> </html>  
{{:Team:ETH Zurich/project/overview/summary}}
{{:Team:ETH Zurich/project/overview/summary}}
<html> </article> <article class="Our simple" style="display:none; margin-bottom:0;"> </html>  
<html> </article> <article class="Our simple" style="display:none; margin-bottom:0;"> </html>  
Line 15: Line 16:
<html> </article> </html>
<html> </article> </html>
{{:Team:ETH Zurich/tpl/simpbutton|Our|green}}
{{:Team:ETH Zurich/tpl/simpbutton|Our|green}}
 +
<html></div>
<br/>
<br/>
<br/>
<br/>
 +
 +
<div id="Pattern" style='background-color:#FFFFFF; padding:2%;'> </html>
{{:Team:ETH_Zurich/project/overview/grid}}
{{:Team:ETH_Zurich/project/overview/grid}}
-
<br/>
 
<html> </div>  
<html> </div>  
<br/>
<br/>
<br/>
<br/>
-
<div id="Genetic" class="inner2"></html>
+
<div id="Genetic" style='background-color:#FFFFFF; padding:2%;'></html>
-
== Implementation in ''E. Coli'' ==
+
== Implementation in ''E. coli'' ==
<center>
<center>
-
Here you will see our circuit in action. For a detailed inventary of all parts used, you can check our [https://2014.igem.org/Team:ETH_Zurich/data Data page].
+
Here you can see our circuit in action. More details on how it works are <html> <a class="circled scrolly" href="#implementation"> just below</a></html>. For a comprehensive inventory of all parts used, you can check our [https://2014.igem.org/Team:ETH_Zurich/data Data page].
<html>
<html>
-
<table>
+
<style>
-
<tr>
+
@media
 +
only screen and (max-width: 760px),
 +
(min-device-width: 768px) and (max-device-width: 1024px)  {
 +
 
 +
/* Force table to not be like tables anymore */
 +
table, thead, tbody, th, td, tr {
 +
display: block;
 +
}
 +
 +
/* Hide table headers (but not display: none;, for accessibility) */
 +
thead tr {
 +
border:none;
 +
position: absolute;
 +
top: -9999px;
 +
left: -9999px;
 +
}
 +
 +
 +
td {
 +
/* Behave  like a "row" */
 +
border: none;;
 +
position: relative;
 +
}
 +
 +
td:before {
 +
/* Now like a table header */
 +
position: absolute;
 +
/* Top/left values mimic padding */
 +
top: 6px;
 +
left: 6px;
 +
width: 45%;
 +
padding-right: 10px;
 +
white-space: nowrap;
 +
}
 +
 +
}
 +
</style>
 +
</br>
 +
</br>
 +
<table style='width:100%; z-index:1;'>
 +
<tr style='border:2px solid black;'>
<td>
<td>
-
<div id="bloc1"><h3 style='font-weight:800; text-align:center'> Choose the cell type and the inputs:</h3></html>
+
<div id="bloc1" style='margin-left:3em;'><h3 style='font-weight:800;'> Choose the cell type and the inputs:</h3></html>
<br/>
<br/>
{{:Team:ETH_Zurich/tpl/animbuttonblue}}
{{:Team:ETH_Zurich/tpl/animbuttonblue}}
{{:Team:ETH_Zurich/tpl/animbuttonred}}
{{:Team:ETH_Zurich/tpl/animbuttonred}}
 +
<br/>
{{:Team:ETH Zurich/tpl/animbuttonnoneblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonnoneblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonlasblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonlasblue|<html>width='160px' height='152.78px'</html>}}
 +
<br/>
{{:Team:ETH Zurich/tpl/animbuttonluxblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonluxblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonbothblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonbothblue|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonnonered|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonnonered|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonlasred|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonlasred|<html>width='160px' height='152.78px'</html>}}
 +
<br/>
{{:Team:ETH Zurich/tpl/animbuttonluxred|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonluxred|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonbothred|<html>width='160px' height='152.78px'</html>}}
{{:Team:ETH Zurich/tpl/animbuttonbothred|<html>width='160px' height='152.78px'</html>}}
Line 65: Line 111:
</tr>
</tr>
</table>   
</table>   
 +
</div>
-
 
+
<div id="implementation" style='background-color:#FFFFFF; padding:2%; text-align:left;'>
-
<div id="implementation" class="inner2" style='margin-top:-17%; text-align:left;'>
+
<article class="implementation simple" style="display:none; margin-bottom:0;  padding-top:0;"> </html>  
<article class="implementation simple" style="display:none; margin-bottom:0;  padding-top:0;"> </html>  
{{:Team:ETH Zurich/project/overview/implementationsimple}}  
{{:Team:ETH Zurich/project/overview/implementationsimple}}  

Latest revision as of 01:33, 18 October 2014

iGEM ETH Zurich 2014