BBa_K2226000
COX-2 promoter - FRB-Nluc398
18paradkarr (Talk | contribs) |
|||
(41 intermediate revisions by 6 users not shown) | |||
Line 15: | Line 15: | ||
.navbar { | .navbar { | ||
− | background-color: # | + | background-color: #f2efe8; |
font-family: Arial; | font-family: Arial; | ||
Line 27: | Line 27: | ||
.navbar a { | .navbar a { | ||
float: left; | float: left; | ||
− | color: | + | color: #858687; |
text-align: center; | text-align: center; | ||
− | padding: | + | 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: # | + | 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,. | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
z-index: 100; | z-index: 100; | ||
− | top: | + | 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> | + | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Two --> | <!-- Two --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- Four --> | |
<section id="four" class="wrapper alt style1"> | <section id="four" class="wrapper alt style1"> | ||
<div class="inner"> | <div class="inner"> | ||
Line 193: | Line 164: | ||
<section class="features"> | <section class="features"> | ||
<article> | <article> | ||
− | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/ | + | <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> | |
− | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/ | + | <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/ | + | <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/ | + | <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 226: | Line 187: | ||
</section> | </section> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<style> | <style> | ||
@import url(font-awesome.min.css); | @import url(font-awesome.min.css); | ||
Line 257: | Line 202: | ||
/* Reset */ | /* Reset */ | ||
− | html, body, div, span, applet, object | + | 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,871: | Line 1,816: | ||
body { | body { | ||
− | background-color: # | + | 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,249: | Line 2,194: | ||
select option { | select option { | ||
color: #ffffff; | color: #ffffff; | ||
− | background: # | + | background: #c2d4d8; |
} | } | ||
Line 2,324: | Line 2,269: | ||
border-color: #ffffff; | border-color: #ffffff; | ||
content: '\f00c'; | content: '\f00c'; | ||
− | color: # | + | 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: # | + | border-color: #c2d4d8; |
} | } | ||
Line 2,696: | Line 2,641: | ||
ul.pagination li > .page.active { | ul.pagination li > .page.active { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 2,878: | Line 2,823: | ||
button.special, | button.special, | ||
.button.special { | .button.special { | ||
− | background-color: # | + | background-color: #c2d4d8; |
box-shadow: none; | box-shadow: none; | ||
} | } | ||
Line 2,895: | Line 2,840: | ||
button.special:active, | button.special:active, | ||
.button.special:active { | .button.special:active { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 2,972: | 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: # | + | 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,246: | 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: # | + | background: #c2d4d8; |
border-radius: 5px; | border-radius: 5px; | ||
display: block; | display: block; | ||
Line 3,302: | Line 3,247: | ||
#menu .links li a:hover { | #menu .links li a:hover { | ||
− | background: # | + | background: #c2d4d8; |
} | } | ||
Line 3,433: | Line 3,378: | ||
#banner { | #banner { | ||
padding: 7em 0 8.25em 0 ; | padding: 7em 0 8.25em 0 ; | ||
− | background-color: # | + | 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,543: | Line 3,488: | ||
#wrapper > header { | #wrapper > header { | ||
padding: 9em 0 6.25em 0 ; | padding: 9em 0 6.25em 0 ; | ||
− | background-color: # | + | 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,586: | Line 3,531: | ||
.wrapper { | .wrapper { | ||
− | background-color: # | + | background-color: #c2d4d8; |
margin: 6.5em 0; | margin: 6.5em 0; | ||
position: relative; | position: relative; | ||
Line 3,596: | Line 3,541: | ||
.wrapper:before { | .wrapper:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
.wrapper:after { | .wrapper:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
Line 3,648: | Line 3,593: | ||
.wrapper.style2 { | .wrapper.style2 { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
Line 3,656: | Line 3,601: | ||
.wrapper.style2:before { | .wrapper.style2:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
} | } | ||
.wrapper.style3 { | .wrapper.style3 { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
Line 3,672: | Line 3,617: | ||
.wrapper.style3:before { | .wrapper.style3:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
} | } | ||
.wrapper.style4 { | .wrapper.style4 { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 3,688: | Line 3,633: | ||
.wrapper.style4:before { | .wrapper.style4:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
.wrapper.style5 { | .wrapper.style5 { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 3,704: | Line 3,649: | ||
.wrapper.style5:before { | .wrapper.style5:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
Line 3,728: | Line 3,673: | ||
.wrapper.spotlight { | .wrapper.spotlight { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 3,736: | Line 3,681: | ||
.wrapper.spotlight:before { | .wrapper.spotlight:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
Line 3,789: | Line 3,734: | ||
.wrapper.spotlight.style2 { | .wrapper.spotlight.style2 { | ||
− | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
Line 3,797: | Line 3,742: | ||
.wrapper.spotlight.style2:before { | .wrapper.spotlight.style2:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
} | } | ||
.wrapper.spotlight.style3 { | .wrapper.spotlight.style3 { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
Line 3,813: | Line 3,758: | ||
.wrapper.spotlight.style3:before { | .wrapper.spotlight.style3:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
} | } | ||
.wrapper.spotlight.style4 { | .wrapper.spotlight.style4 { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
Line 3,829: | Line 3,774: | ||
.wrapper.spotlight.style4:before { | .wrapper.spotlight.style4:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
} | } | ||
.wrapper.spotlight.style5 { | .wrapper.spotlight.style5 { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
Line 3,845: | Line 3,790: | ||
.wrapper.spotlight.style5:before { | .wrapper.spotlight.style5:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | 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 # | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
} | } | ||
Line 4,031: | Line 3,976: | ||
#footer { | #footer { | ||
− | background-color: # | + | 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,124: | Line 4,069: | ||
body { | body { | ||
− | background-color: # | + | background-color: #c2d4d8; |
background-image: url("../../images/bg.jpg"); | background-image: url("../../images/bg.jpg"); | ||
background-size: cover; | background-size: cover; | ||
Line 4,317: | Line 4,262: | ||
#menu { | #menu { | ||
− | background: # | + | background: #c2d4d8; |
} | } | ||
Line 4,327: | Line 4,272: | ||
#header { | #header { | ||
− | background-color: # | + | background-color: #f2efe8; |
} | } | ||
BBa_K2226003 - COX-2 gene
BBa_K2226004 - c-Myc gene
BBa_K2226001 - COX-2 promoter
BBa_K2226002 - c-Myc promoter