Difference between revisions of "Team:Freiburg/Testpage3"

Line 94: Line 94:
  
 
.circle-container a {
 
.circle-container a {
−
   display: block;                         /* border around elements */
+
   /*display: block; */                        /* border around elements */
−
   border-radius: 10%;                      /* makes border around elements round or Rechteck */
+
   border-radius: 2%;                      /* makes border around elements round or Rechteck */
 
   box-shadow: 0 0 0 5px #0051A2;
 
   box-shadow: 0 0 0 5px #0051A2;
 
         color: #FFF;
 
         color: #FFF;
 +
  background-color: #0051A2;
 +
  padding: 1px 10px;
 +
  font-size: 110%;
 
}
 
}
 
.circle-container > div {
 
.circle-container > div {
Line 116: Line 119:
 
/* =============== BEGIN: Circle of Elements - Element Styling ==================== */
 
/* =============== BEGIN: Circle of Elements - Element Styling ==================== */
 
.cool_header {
 
.cool_header {
−
     background-color: #0051A2;
+
     text-align: center;
 +
    height: 20px;
 +
    margin-bottom: 3px;
 +
    z-index: 10;
 
}
 
}
  
 
.cool_content {
 
.cool_content {
−
     background-color: aliceblue;
+
    padding: 1em;
−
     border: 1px solid #000;
+
     background-color: #FFFFFF;
 +
     text-align: justify;
 +
    box-shadow: 1px 1px 10px #888;
 +
    -webkit-box-shadow: 1px 1px 10px #888;
 +
    -moz-box-shadow: 1px 1px 10px #888;
 +
    border-radius: 15px;
 
}
 
}
  
Line 139: Line 150:
 
     height: 250px;
 
     height: 250px;
 
     top: -490px;
 
     top: -490px;
−
    right: 2.5%;
 
 
     border: 1px solid #000;
 
     border: 1px solid #000;
 
}
 
}
Line 164: Line 174:
 
         </li>
 
         </li>
 
         <li><!--2-->
 
         <li><!--2-->
−
           <div class="cool_header"><a href='#'>New iGEM Backbone</a>
+
           <div class="cool_header"><a href='#'>New iGEM Backbone</a></div>
 
           <div class="cool_content">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 </div>
 
           <div class="cool_content">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 </div>
−
          </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--3-->
 
         <li><!--3-->
−
           <div class="cool_header"><a href='#'>Human Practice</a>
+
           <div class="cool_header"><a href='#'>Human Practice</a></div>
 
           <div class="cool_content">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.</div>
 
           <div class="cool_content">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.</div>
−
          </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--4-->
 
         <li><!--4-->
−
           <div class="cool_header"><a href='#'>Modeling</a>
+
           <div class="cool_header"><a href='#'>Modeling</a></div>
 
           <div class="cool_content">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.</div>
 
           <div class="cool_content">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.</div>
−
          </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--5-->
 
         <li><!--5-->
−
             <div class="cool_header"><a href='#'>Blood Serum Analysis</a>
+
             <div class="cool_header"><a href='#'>Blood Serum Analysis</a></div>
 
             <div class="cool_content">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.</div>
 
             <div class="cool_content">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.</div>
−
            </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--6-->
 
         <li><!--6-->
−
             <div class="cool_header"><a href='#'>Enlightening Diagnostics</a>
+
             <div class="cool_header"><a href='#'>Enlightening Diagnostics</a></div>
 
             <div class="cool_content">Modern everyday life is fast...too fast for medical diagnosis relying on huge amounts of time-consuming and costly serological tests.
 
             <div class="cool_content">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.</div>
 
     This is why we thought about a fast, universally accessible and affordable diagnostic device.</div>
−
            </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--7-->
 
         <li><!--7-->
−
             <div class="cool_header"><a href='#'>The DiaCHIP</a>
+
             <div class="cool_header"><a href='#'>The DiaCHIP</a></div>
 
             <div class="cool_content">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.
 
             <div class="cool_content">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.
 
     </div>
 
     </div>
−
            </div>
 
 
         </li>
 
         </li>
  
 
         <li><!--8-->
 
         <li><!--8-->
−
             <div class="cool_header"><a href='#'>Our System</a>
+
             <div class="cool_header"><a href='#'>Our System</a></div>
 
             <div class="cool_content">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.</div>
 
             <div class="cool_content">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.</div>
−
            </div>
 
 
         </li>
 
         </li>
 
     </ul>
 
     </ul>

Revision as of 10:18, 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.