Team:ETH Zurich/project/overview

From 2014.igem.org

(Difference between revisions)
(Implementation in E. Coli)
Line 28: Line 28:
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 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].
<html>
<html>
 +
<style>
 +
@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 {
 +
position: absolute;
 +
top: -9999px;
 +
left: -9999px;
 +
}
 +
 +
tr { border: 1px solid #ccc; }
 +
 +
td {
 +
/* Behave  like a "row" */
 +
border: none;
 +
border-bottom: 1px solid #eee;
 +
position: relative;
 +
padding-left: 50%;
 +
}
 +
 +
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;
 +
}
 +
 +
/*
 +
Label the data
 +
*/
 +
td:nth-of-type(1):before { content: "First Name"; }
 +
td:nth-of-type(2):before { content: "Last Name"; }
 +
td:nth-of-type(3):before { content: "Job Title"; }
 +
td:nth-of-type(4):before { content: "Favorite Color"; }
 +
td:nth-of-type(5):before { content: "Wars of Trek?"; }
 +
td:nth-of-type(6):before { content: "Porn Name"; }
 +
td:nth-of-type(7):before { content: "Date of Birth"; }
 +
td:nth-of-type(8):before { content: "Dream Vacation City"; }
 +
td:nth-of-type(9):before { content: "GPA"; }
 +
td:nth-of-type(10):before { content: "Arbitrary Data"; }
 +
}
 +
</style>
<table style='width:100%'>
<table style='width:100%'>
<tr>
<tr>

Revision as of 16:13, 11 October 2014

iGEM ETH Zurich 2014