Difference between revisions of "Team:ASIJ TOKYO/Parts"

 
(44 intermediate revisions by 6 users not shown)
Line 15: Line 15:
  
 
.navbar {
 
.navbar {
−
   background-color: #333;
+
   background-color: #f2efe8;
 
   font-family: Arial;
 
   font-family: Arial;
  
Line 27: Line 27:
 
.navbar a {
 
.navbar a {
 
   float: left;
 
   float: left;
−
   color: white;
+
   color: #858687;
 
   text-align: center;
 
   text-align: center;
−
   padding: 28px 18px;
+
   padding: 10px 32px;
 
   text-decoration: none;
 
   text-decoration: none;
 
   font-size: 28px;
 
   font-size: 28px;
Line 56: Line 56:
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
−
     background-color: #5d70dd;
+
     background-color: #d2dff7;
 
      
 
      
 
      
 
      
Line 67: Line 67:
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
 
     min-width: 160px;
 
     min-width: 160px;
−
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4);
+
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     z-index: 100;
 
     z-index: 100;
−
     top: 80px;
+
     top: 57px;
  
  
Line 128: Line 128:
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 
</div>
 
</div>
 +
  
  
Line 151: Line 152:
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Basic Parts</h2>
 
<h2 class="major">Basic Parts</h2>
−
<p>Basic parts are defined as "functional unit[s] of DNA that cannot be subdivided into smaller component parts."</p>
+
<p><br/>BBa_K2226003 - COX-2 gene<br/>BBa_K2226004 - c-Myc gene<br/>BBa_K2226001 - COX-2 promoter<br/>BBa_K2226002 - c-Myc promoter</p>
 
</div>
 
</div>
−
</div>
+
</div>
 
</section>
 
</section>
−
 
−
<!-- Four -->
 
−
<section id="four" class="wrapper alt style1">
 
−
<div class="inner">
 
−
<h2 class="major">Basic Parts</h2>
 
−
<section class="features">
 
−
<h3 class="major">BBa_K2226003 - COX-2 gene</h3>
 
−
<h3 class="major">BBa_K2226004 - c-Myc gene</h3>
 
−
<h3 class="major">BBa_K2226001 - COX-2 promoter</h3>
 
−
 
−
<h3 class="major">BBa_K2226002 - c-Myc promoter</h3>
 
−
 
−
 
−
</section>
 
−
 
−
 
 
<!-- Two -->
 
<!-- Two -->
−
<section id="two" class="wrapper alt spotlight style2">
 
−
</div>
 
−
</div>
 
−
</section>
 
−
 
−
<!-- Three -->
 
−
<section id="three" class="wrapper spotlight style3">
 
−
<div class="inner">
 
−
<div class="content">
 
−
<h2 class="major">Composite Parts</h2>
 
−
<p>Composite parts are defined as "functional unit[s] of DNA consisting of two or more basic parts assembled together."
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
<!-- Four -->
+
<!-- Four -->
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
Line 194: Line 164:
 
<section class="features">
 
<section class="features">
 
<article>
 
<article>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/29/18tsaia.jpg" title="Click to return back to the top." /></a>
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/3/31/Parts_Page_%284%29.jpg" title="Click to return back to the top." /></a>
−
<h3 class="major">BBa_K2226000
+
<h3 class="major">BBa_K2226000</h3>
−
</h3>
+
 
<p>COX-2 promoter - FRB-Nluc398 </p>
 
<p>COX-2 promoter - FRB-Nluc398 </p>
 
</article>
 
</article>
−
            <article>
+
<article>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/29/18tsaia.jpg" title="Click to return back to the top." /></a>
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/7/74/Parts_Page_%285%29.jpg" title="Click to return back to the top." /></a>
−
<h3 class="major">BBa_K2226005
+
<h3 class="major">BBa_K2226005</h3>
−
</h3>
+
<p> c-Myc promoter - FKBP-Cluc394</p>
−
<p>  
+
−
c-Myc promoter - FKBP-Cluc394
+
−
</p>
+
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/29/18tsaia.jpg" title="Click to return back to the top." /></a>
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/4/45/Parts_Page_%282%29.jpg" title="Click to return back to the top." /></a>
−
<h3 class="major">BBa_K2226006
+
<h3 class="major">BBa_K2226006</h3>
−
</h3>
+
<p> Promoter - RBS - COX-2 gene</p>
−
<p>  
+
−
Promoter - RBS - COX-2 gene
+
−
</p>
+
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/29/18tsaia.jpg" title="Click to return back to the top." /></a>
+
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/1a/Parts_Page_%283%29.jpg" title="Click to return back to the top." /></a>
−
<h3 class="major">BBa_K2226007
+
<h3 class="major">BBa_K2226007</h3>
−
</h3>
+
<p>Promoter - RBS - c-Myc gene</p>
−
<p>  
+
−
Promoter - RBS - c-Myc gene
+
−
</p>
+
 
</article>
 
</article>
 
</section>
 
</section>
Line 227: Line 187:
 
</section>
 
</section>
  
−
<section id="three" class="wrapper spotlight style3">
+
−
<div class="inner">
+
−
<div class="content">
+
−
<h2 class="major">More information</h2>
+
−
<a href="http://parts.igem.org/Main_Page"><font color = "ffffff">More information can be found on the iGEM parts registry. </font></a>
+
−
</div>
+
−
</div>
+
−
</section>
+
 
 
−
+
−
<!-- Scripts -->
+
−
<script src="assets/js/skel.min.js"></script>
+
−
<script src="assets/js/jquery.min.js"></script>
+
−
<script src="assets/js/jquery.scrollex.min.js"></script>
+
−
<script src="assets/js/util.js"></script>
+
−
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
<script src="assets/js/main.js"></script>
+
−
 
+
−
 
+
 
<style>
 
<style>
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
Line 258: Line 202:
 
/* Reset */
 
/* Reset */
  
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
Line 1,872: Line 1,816:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 2,250: Line 2,194:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  
Line 2,325: Line 2,269:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #4221af;
+
color: #c2d4d8;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #4c5c96;
+
border-color: #c2d4d8;
 
}
 
}
  
Line 2,697: Line 2,641:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,879: Line 2,823:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,896: Line 2,840:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,973: Line 2,917:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #353849;
+
background-color: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,247: Line 3,191:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
−
background: #4c5c96;
+
background: #c2d4d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,303: Line 3,247:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background: #c2d4d8;
 
}
 
}
  
Line 3,434: Line 3,378:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,544: Line 3,488:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,587: Line 3,531:
  
 
.wrapper {
 
.wrapper {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,597: Line 3,541:
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,649: Line 3,593:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #353849;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,657: Line 3,601:
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #3d4051;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,673: Line 3,617:
  
 
.wrapper.style3:before {
 
.wrapper.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style3:after {
 
.wrapper.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,689: Line 3,633:
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #4d5060;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,705: Line 3,649:
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,729: Line 3,673:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,737: Line 3,681:
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,790: Line 3,734:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,798: Line 3,742:
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #3f4e85;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,814: Line 3,758:
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #39477c;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,830: Line 3,774:
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #324072;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,846: Line 3,790:
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 4,032: Line 3,976:
  
 
#footer {
 
#footer {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 4,125: Line 4,069:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,318: Line 4,262:
  
 
#menu {
 
#menu {
−
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  
Line 4,328: Line 4,272:
  
 
#header {
 
#header {
−
background-color: #353849;
+
background-color: #f2efe8;
 
}
 
}
  

Latest revision as of 15:49, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices

Basic Parts


BBa_K2226003 - COX-2 gene
BBa_K2226004 - c-Myc gene
BBa_K2226001 - COX-2 promoter
BBa_K2226002 - c-Myc promoter

Composite Parts

BBa_K2226000

COX-2 promoter - FRB-Nluc398

BBa_K2226005

c-Myc promoter - FKBP-Cluc394

BBa_K2226006

Promoter - RBS - COX-2 gene

BBa_K2226007

Promoter - RBS - c-Myc gene