Team:GeorgiaTech/Project/Overview
From 2014.igem.org
(Difference between revisions)
(32 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="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> | </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%