Team:GeorgiaTech/Project/Overview

From 2014.igem.org

(Difference between revisions)

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%

@@ Line 4: / Line 4: @@
 <style type="text/css">
-.meter {
+h1 {
+    font-family: Tahoma;
+    font-size: 24px;
+}
+.meterouter {
+    display: block;
      font-family: Tahoma;
      font-size: 14px;
-     height: 20px;  /* Can be anything */
+    color: white;
+    text-align: center;
+     height: auto;  /* Can be anything */
      position: relative;
      background: #555;
@@ Line 13: / Line 20: @@
      -webkit-border-radius: 25px;
      border-radius: 25px;
-     padding: 10px;
+     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);
 }
-.meter > span {
+.meterinner > span {
+    top:-1px;
      display: block;
      height: 100%;
-     -webkit-border-top-right-radius: 8px;
+     -webkit-border-top-right-radius: 20px;
-     -webkit-border-bottom-right-radius: 8px;
+     -webkit-border-bottom-right-radius: 20px;
-     -moz-border-radius-topright: 8px;
+     -moz-border-radius-topright: 20px;
-     -moz-border-radius-bottomright: 8px;
+     -moz-border-radius-bottomright: 20px;
-     border-top-right-radius: 8px;
+     border-top-right-radius: 20px;
-     border-bottom-right-radius: 8px;
+     border-bottom-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
@@ Line 48: / Line 69: @@
 <body>
 <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: 33%"></span> <!-- I use my viewmodel in MVC to calculate the progress and then use @Model.progress to place it in my HTML with Razor -->
+  <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>
 </html>