Team:GeorgiaTech/Project/Overview

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
.meter {  
+
h1 {
 +
    font-family: Tahoma;
 +
    font-size: 24px;
 +
}
 +
.meterouter {  
 +
    display: block;
     font-family: Tahoma;
     font-family: Tahoma;
     font-size: 14px;
     font-size: 14px;
     color: white;
     color: white;
     text-align: center;
     text-align: center;
-
     height: 40px;  /* Can be anything */
+
     height: auto;  /* Can be anything */
     position: relative;
     position: relative;
     background: #555;
     background: #555;
Line 20: Line 25:
     box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
     box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
}
-
.meter > span {
+
.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;
     display: block;
-
     height: 50%;
+
     height: 100%;
-
    top:-10px;
+
     -webkit-border-top-right-radius: 20px;
-
     -webkit-border-top-right-radius: 8px;
+
     -webkit-border-bottom-right-radius: 20px;
-
     -webkit-border-bottom-right-radius: 8px;
+
     -moz-border-radius-topright: 20px;
-
     -moz-border-radius-topright: 8px;
+
     -moz-border-radius-bottomright: 20px;
-
     -moz-border-radius-bottomright: 8px;
+
     border-top-right-radius: 20px;
-
     border-top-right-radius: 8px;
+
     border-bottom-right-radius: 20px;
-
     border-bottom-right-radius: 8px;
+
     -webkit-border-top-left-radius: 20px;
     -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
Line 51: Line 69:
<body>
<body>
<div class="content">
<div class="content">
-
<div class="meter">
+
<div class="meterouter" style="float: right; width=:40%;">
   <p>RBS Cloning Using PCR Primers: 15%</p>
   <p>RBS Cloning Using PCR Primers: 15%</p>
-
    <span style="width:100%; background-color:#000; background:transparent;">
+
  <div class="meterinner">
-
    <span style="width: 15%"></span>
+
      <span style="width: 15%"></span>
-
    </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>
</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%