Team:GeorgiaTech/Project/Overview

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Template:GeorgiaTech/css/experiment.css}} {{:Team:GeorgiaTech/core/header|}} <html> <style type="text/css"> </style> <body> </body> </html>")
 
(33 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
 
+
h1 {
 +
    font-family: Tahoma;
 +
    font-size: 24px;
 +
}
 +
.meterouter {
 +
    display: block;
 +
    font-family: Tahoma;
 +
    font-size: 14px;
 +
    color: white;
 +
    text-align: center;
 +
    height: auto;  /* Can be anything */
 +
    position: relative;
 +
    background: #555;
 +
    -moz-border-radius: 25px;
 +
    -webkit-border-radius: 25px;
 +
    border-radius: 25px;
 +
    padding: 0px 10px 10px 10px;
 +
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
 +
    -moz-box-shadow  : inset 0 -1px 1px rgba(255,255,255,0.3);
 +
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
 +
}
 +
.meterinner {
 +
    top: -7px;
 +
    height: 25px;  /* Can be anything */
 +
    position: relative;
 +
    background: #111;
 +
    -moz-border-radius: 25px;
 +
    -webkit-border-radius: 25px;
 +
    border-radius: 25px;
 +
    padding: 1px;
 +
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
 +
    -moz-box-shadow  : inset 0 -1px 1px rgba(255,255,255,0.3);
 +
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
 +
}
 +
.meterinner > span {
 +
    top:-1px;
 +
    display: block;
 +
    height: 100%;
 +
    -webkit-border-top-right-radius: 20px;
 +
    -webkit-border-bottom-right-radius: 20px;
 +
    -moz-border-radius-topright: 20px;
 +
    -moz-border-radius-bottomright: 20px;
 +
    border-top-right-radius: 20px;
 +
    border-bottom-right-radius: 20px;
 +
    -webkit-border-top-left-radius: 20px;
 +
    -webkit-border-bottom-left-radius: 20px;
 +
    -moz-border-radius-topleft: 20px;
 +
    -moz-border-radius-bottomleft: 20px;
 +
    border-top-left-radius: 20px;
 +
    border-bottom-left-radius: 20px;
 +
    background-color: #f1a165;
 +
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
 +
    background-image: -webkit-linear-gradient(top, #f1a165, #f36d0a);
 +
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
 +
    background-image: -ms-linear-gradient(top, #f1a165, #f36d0a);
 +
    background-image: -o-linear-gradient(top, #f1a165, #f36d0a);
 +
    -webkit-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
 +
    -moz-box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
 +
    position: relative;
 +
    overflow: hidden;
 +
}
</style>
</style>
<body>
<body>
-
 
+
<div class="content">
 +
<div class="meterouter" style="float: right; width=:40%;">
 +
  <p>RBS Cloning Using PCR Primers: 15%</p>
 +
  <div class="meterinner">
 +
      <span style="width: 15%"></span>
 +
  </div>
 +
  <p>Promoter Cloning Using PCR Primers: 0%</p>
 +
  <div class="meterinner">
 +
      <span style="width: 0%"></span>
 +
  </div>
 +
  <p>Creation of sMMO Expression Vectors: 0%</p>
 +
  <div class="meterinner">
 +
      <span style="width: 0%"></span>
 +
  </div>
 +
  <p>Characterization of Recombinant sMMO Proteins: 0%</p>
 +
  <div class="meterinner">
 +
      <span style="width: 0%"></span>
 +
  </div>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 17:13, 26 June 2014

RBS Cloning Using PCR Primers: 15%

Promoter Cloning Using PCR Primers: 0%

Creation of sMMO Expression Vectors: 0%

Characterization of Recombinant sMMO Proteins: 0%