Difference between revisions of "Team:Freiburg/Testpage3"

Line 39: Line 39:
 
   height: 200px;
 
   height: 200px;
 
   margin: 0;     
 
   margin: 0;     
 +
  font-size: 80%;
 +
  text-align: center;
 
}
 
}
  
 
/* transformations needed for showing the pictures */
 
/* transformations needed for showing the pictures */
 
.circle-container > *:nth-of-type(1) {
 
.circle-container > *:nth-of-type(1) {
−
   -moz-transform: rotate(0deg) translate(10em) rotate(-0deg);
+
   -moz-transform: rotate(0deg) translate(20em) rotate(-0deg);
−
   -ms-transform: rotate(0deg) translate(10em) rotate(-0deg);
+
   -ms-transform: rotate(0deg) translate(20em) rotate(-0deg);
−
   -webkit-transform: rotate(0deg) translate(10em) rotate(-0deg);
+
   -webkit-transform: rotate(0deg) translate(20em) rotate(-0deg);
 
   transform: rotate(0deg) translate(20em) rotate(-0deg);            /*change translate for defining position of elements*/
 
   transform: rotate(0deg) translate(20em) rotate(-0deg);            /*change translate for defining position of elements*/
 
}
 
}
 
.circle-container > *:nth-of-type(2) {
 
.circle-container > *:nth-of-type(2) {
−
   -moz-transform: rotate(45deg) translate(10em) rotate(-45deg);
+
   -moz-transform: rotate(35deg) translate(20em) rotate(-35deg);
−
   -ms-transform: rotate(45deg) translate(10em) rotate(-45deg);
+
   -ms-transform: rotate(35deg) translate(20em) rotate(-35deg);
−
   -webkit-transform: rotate(45deg) translate(10em) rotate(-45deg);
+
   -webkit-transform: rotate(35deg) translate(20em) rotate(-35deg);
 
   transform: rotate(35deg) translate(20em) rotate(-35deg);
 
   transform: rotate(35deg) translate(20em) rotate(-35deg);
 
}
 
}
 
.circle-container > *:nth-of-type(3) {
 
.circle-container > *:nth-of-type(3) {
−
   -moz-transform: rotate(90deg) translate(10em) rotate(-90deg);
+
   -moz-transform: rotate(95deg) translate(20em) rotate(-95deg);
−
   -ms-transform: rotate(90deg) translate(10em) rotate(-90deg);
+
   -ms-transform: rotate(95deg) translate(20em) rotate(-95deg);
−
   -webkit-transform: rotate(90deg) translate(10em) rotate(-90deg);
+
   -webkit-transform: rotate(95deg) translate(20em) rotate(-95deg);
 
   transform: rotate(95deg) translate(20em) rotate(-95deg);
 
   transform: rotate(95deg) translate(20em) rotate(-95deg);
 
}
 
}
 
.circle-container > *:nth-of-type(4) {
 
.circle-container > *:nth-of-type(4) {
−
   -moz-transform: rotate(135deg) translate(10em) rotate(-135deg);
+
   -moz-transform: rotate(150deg) translate(24em) rotate(-150deg);
−
   -ms-transform: rotate(135deg) translate(10em) rotate(-135deg);
+
   -ms-transform: rotate(150deg) translate(24em) rotate(-150deg);
−
   -webkit-transform: rotate(135deg) translate(10em) rotate(-135deg);
+
   -webkit-transform: rotate(150deg) translate(24em) rotate(-150deg);
 
   transform: rotate(150deg) translate(24em) rotate(-150deg);
 
   transform: rotate(150deg) translate(24em) rotate(-150deg);
 
}
 
}
 
.circle-container > *:nth-of-type(5) {
 
.circle-container > *:nth-of-type(5) {
−
   -moz-transform: rotate(180deg) translate(10em) rotate(-180deg);
+
   -moz-transform: rotate(180deg) translate(24em) rotate(-180deg);
−
   -ms-transform: rotate(180deg) translate(10em) rotate(-180deg);
+
   -ms-transform: rotate(180deg) translate(24em) rotate(-180deg);
−
   -webkit-transform: rotate(180deg) translate(10em) rotate(-180deg);
+
   -webkit-transform: rotate(180deg) translate(24em) rotate(-180deg);
 
   transform: rotate(180deg) translate(24em) rotate(-180deg);
 
   transform: rotate(180deg) translate(24em) rotate(-180deg);
 
}
 
}
 
.circle-container > *:nth-of-type(6) {
 
.circle-container > *:nth-of-type(6) {
−
   -moz-transform: rotate(225deg) translate(10em) rotate(-225deg);
+
   -moz-transform: rotate(215deg) translate(24em) rotate(-215deg);
−
   -ms-transform: rotate(225deg) translate(10em) rotate(-225deg);
+
   -ms-transform: rotate(215deg) translate(24em) rotate(-215deg);
−
   -webkit-transform: rotate(225deg) translate(10em) rotate(-225deg);
+
   -webkit-transform: rotate(215deg) translate(24em) rotate(-215deg);
 
   transform: rotate(215deg) translate(24em) rotate(-215deg);
 
   transform: rotate(215deg) translate(24em) rotate(-215deg);
 
}
 
}
 
.circle-container > *:nth-of-type(7) {
 
.circle-container > *:nth-of-type(7) {
−
   -moz-transform: rotate(270deg) translate(10em) rotate(-270deg);
+
   -moz-transform: rotate(266deg) translate(20em) rotate(-266deg);
−
   -ms-transform: rotate(270deg) translate(10em) rotate(-270deg);
+
   -ms-transform: rotate(266deg) translate(20em) rotate(-266deg);
−
   -webkit-transform: rotate(270deg) translate(10em) rotate(-270deg);
+
   -webkit-transform: rotate(266deg) translate(20em) rotate(-266deg);
 
   transform: rotate(266deg) translate(20em) rotate(-266deg);
 
   transform: rotate(266deg) translate(20em) rotate(-266deg);
 
}
 
}
 
.circle-container > *:nth-of-type(8) {
 
.circle-container > *:nth-of-type(8) {
−
   -moz-transform: rotate(315deg) translate(10em) rotate(-315deg);
+
   -moz-transform: rotate(325deg) translate(20em) rotate(-325deg);
−
   -ms-transform: rotate(315deg) translate(10em) rotate(-315deg);
+
   -ms-transform: rotate(325deg) translate(20em) rotate(-325deg);
−
   -webkit-transform: rotate(315deg) translate(10em) rotate(-315deg);
+
   -webkit-transform: rotate(325deg) translate(20em) rotate(-325deg);
 
   transform: rotate(325deg) translate(20em) rotate(-325deg);
 
   transform: rotate(325deg) translate(20em) rotate(-325deg);
 
}
 
}

Revision as of 08:44, 12 September 2015

""

  • Own Device
    Want to use our detection device in your next iGEM project? We built our own simplified and affordable setup. Here you can find a detailed description of how to build and use it.
  • New iGEM Backbone
    In need for expressing tons of protein? We provided a new backbone for protein overexpression meeting all the iGEM standards. We also expanded the iGEM Registry with our
  • Human Practice
    What does the public think about the DiaCHIP and systems based on synthetic biology? Would people want to use it? Check out the results of our survey.
  • Modeling
    Numerous complex processes take place during cell-free expression. Modeling the generation of proteins as well as their diffusion in our system helped us obtaining better results. Get more information here.
  • Blood Serum Analysis
    We obtained great results during summer! Our successful measurements of tetanus antibodies in human serum and GFP antibodies binding to cell-free expressed GFP can be found on our results page.
  • Enlightening Diagnostics
    Modern everyday life is fast...too fast for medical diagnosis relying on huge amounts of time-consuming and costly serological tests. This is why we thought about a fast, universally accessible and affordable diagnostic device.
  • The DiaCHIP
    Simultaneously screening for hundreds of diseases within a few hours? See how the DiaCHIP achieves this by the revolutionary combination of cell-free expression with an emerging optical method allowing label-free antibody detection.
  • Our System
    Generating a protein array on demand and detecting antigen-antibody interactions in real-time: Find out about our own cell-free expression mix and our specific surface binding system.