Difference between revisions of "Part:BBa K1135004:Experience"
(→User Reviews) |
|||
Line 18: | Line 18: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | ||
− | Preceding pCSTA biobrick [<a href="https://parts.igem.org/Part:BBa_K118011">BBa_K118011</a>] | + | UCL_PG 2013: |
− | Preceding pCSTA.RBS.eGFP.TT [<a href="https://parts.igem.org/Part:BBa_K200018">BBa_K200018</a>] | + | Preceding pCSTA biobrick [<a href="https://parts.igem.org/Part:BBa_K118011">BBa_K118011</a>]<br> |
− | Preceding pCSTA.RBS.mRFP.TT [] | + | Preceding pCSTA.RBS.eGFP.TT [<a href="https://parts.igem.org/Part:BBa_K200018">BBa_K200018</a>]<br> |
+ | Preceding pCSTA.RBS.mRFP.TT [<a href="https://parts.igem.org/Part:BBa_K572001">BBa_K572001</a>]<br><br> | ||
+ | |||
+ | pCSTA.RBS.mKeima.TT is compared with the preceding biobricks. We actually reconstructed pCSTA.RBS.eGFP.TT and pCSTA.RBS.mRFP.TT from 2013 distribution to test the modularity of the generator bricks. They are all successfully clone in few days.<br> | ||
+ | During the comparison, we used a low volume of living <i>E.coli</i> for fluorescent detection. They are not lysed. The purpose is to demonstrate suitability of each fluorescent protein in tiny scale kinetic study. Please refer to our <a href="http://2013.igem.org/Team:UCL_PG/Project">project page</a> for more! | ||
+ | |||
+ | <style type="text/css"> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Varela+Round); | ||
+ | |||
+ | .slides { | ||
+ | padding: 0; | ||
+ | width: 700px; | ||
+ | height: 420px; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .slides * { | ||
+ | user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -khtml-user-select: none; | ||
+ | -webkit-user-select: none; | ||
+ | -webkit-touch-callout: none; | ||
+ | } | ||
+ | |||
+ | .slides input { display: none; } | ||
+ | |||
+ | .slide-container { display: block; } | ||
+ | |||
+ | .slide { | ||
+ | top: 0; | ||
+ | opacity: 0; | ||
+ | width: 700px; | ||
+ | height: 420px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | |||
+ | transform: scale(0); | ||
+ | -moz-transform: scale(0); | ||
+ | -webkit-transform: scale(0); | ||
+ | |||
+ | transition: all .7s ease-in-out; | ||
+ | -moz-transition: all .7s ease-in-out; | ||
+ | -webkit-transition: all .7s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .slide img { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .nav label { | ||
+ | width: 200px; | ||
+ | height: 100%; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | |||
+ | opacity: 0; | ||
+ | z-index: 9; | ||
+ | cursor: pointer; | ||
+ | |||
+ | transition: opacity .2s; | ||
+ | -moz-transition: opacity .2s; | ||
+ | -webkit-transition: opacity .2s; | ||
+ | |||
+ | color: #FFF; | ||
+ | font-size: 156pt; | ||
+ | text-align: center; | ||
+ | line-height: 380px; | ||
+ | font-family: "Varela Round", sans-serif; | ||
+ | background-color: rgba(255, 255, 255, .3); | ||
+ | text-shadow: 0px 0px 15px rgb(119, 119, 119); | ||
+ | } | ||
+ | |||
+ | .slide:hover + .nav label { opacity: 0.5; } | ||
+ | |||
+ | .nav label:hover { opacity: 1; } | ||
+ | |||
+ | .nav .next { right: 0; } | ||
+ | |||
+ | input:checked + .slide-container .slide { | ||
+ | opacity: 1; | ||
+ | |||
+ | transform: scale(1); | ||
+ | -moz-transform: scale(1); | ||
+ | -webkit-transform: scale(1); | ||
+ | |||
+ | transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | input:checked + .slide-container .nav label { display: block; } | ||
+ | |||
+ | .nav-dots { | ||
+ | width: 100%; | ||
+ | bottom: 9px; | ||
+ | height: 11px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .nav-dots .nav-dot { | ||
+ | top: -5px; | ||
+ | width: 11px; | ||
+ | height: 11px; | ||
+ | margin: 0 4px; | ||
+ | position: relative; | ||
+ | border-radius: 100%; | ||
+ | display: inline-block; | ||
+ | background-color: rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | .nav-dots .nav-dot:hover { | ||
+ | cursor: pointer; | ||
+ | background-color: rgba(0, 0, 0, 0.8); | ||
+ | } | ||
+ | |||
+ | input#img-1:checked ~ .nav-dots label#img-dot-1, | ||
+ | input#img-2:checked ~ .nav-dots label#img-dot-2, | ||
+ | input#img-3:checked ~ .nav-dots label#img-dot-3,{ | ||
+ | background: rgba(0, 0, 0, 0.8); | ||
+ | } | ||
+ | </style> | ||
+ | <ul class="slides" style="border-radius:25px;"> | ||
+ | <input type="radio" name="radio-btn" id="img-1" checked /> | ||
+ | <li class="slide-container"> | ||
+ | <div class="slide"> | ||
+ | <img src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/pCSTA.mKeima.png" /> | ||
+ | </div> | ||
+ | <div class="nav"> | ||
+ | <label for="img-6" class="prev">‹</label> | ||
+ | <label for="img-2" class="next">›</label> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <input type="radio" name="radio-btn" id="img-2" /> | ||
+ | <li class="slide-container"> | ||
+ | <div class="slide"> | ||
+ | <img src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/pCSTA.GFP.png" /> | ||
+ | </div> | ||
+ | <div class="nav"> | ||
+ | <label for="img-1" class="prev">‹</label> | ||
+ | <label for="img-3" class="next">›</label> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <input type="radio" name="radio-btn" id="img-3" /> | ||
+ | <li class="slide-container"> | ||
+ | <div class="slide"> | ||
+ | <img src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/pCSTA.RFP.png" /> | ||
+ | </div> | ||
+ | <div class="nav"> | ||
+ | <label for="img-2" class="prev">‹</label> | ||
+ | <label for="img-4" class="next">›</label> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="nav-dots"> | ||
+ | <label for="img-1" class="nav-dot" id="img-dot-1"></label> | ||
+ | <label for="img-2" class="nav-dot" id="img-dot-2"></label> | ||
+ | <label for="img-3" class="nav-dot" id="img-dot-3"></label> | ||
+ | </li> | ||
+ | </ul><br> | ||
+ | |||
</html> | </html> |
Revision as of 11:55, 5 October 2013
This experience page is provided so that any user may enter their experience using this part.
Please enter
how you used this part and how it worked out.
Applications of BBa_K1135004
User Reviews
UNIQdf5138d729ca96e8-partinfo-00000000-QINU
UCL_PG 2013:
Preceding pCSTA biobrick [BBa_K118011]
Preceding pCSTA.RBS.eGFP.TT [BBa_K200018]
Preceding pCSTA.RBS.mRFP.TT [BBa_K572001]
pCSTA.RBS.mKeima.TT is compared with the preceding biobricks. We actually reconstructed pCSTA.RBS.eGFP.TT and pCSTA.RBS.mRFP.TT from 2013 distribution to test the modularity of the generator bricks. They are all successfully clone in few days.
During the comparison, we used a low volume of living E.coli for fluorescent detection. They are not lysed. The purpose is to demonstrate suitability of each fluorescent protein in tiny scale kinetic study. Please refer to our project page for more!
UNIQdf5138d729ca96e8-partinfo-00000002-QINU