Line 6: | Line 6: | ||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> | <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> | ||
<head> | <head> | ||
− | + | <!-- Basic Page Needs | |
================================================== --> | ================================================== --> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
− | + | <!--[if lt IE 9]> | |
− | + | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
− | + | <![endif]--> | |
− | + | <!-- Mobile Specific Metas | |
================================================== --> | ================================================== --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | ||
Line 6,420: | Line 6,420: | ||
} | } | ||
.row{ | .row{ | ||
− | + | width:950px; | |
} | } | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
Line 6,675: | Line 6,675: | ||
} | } | ||
body a{ | body a{ | ||
− | + | transition: 0.5s all; | |
− | + | -webkit-transition: 0.5s all; | |
− | + | -o-transition: 0.5s all; | |
− | + | -moz-transition: 0.5s all; | |
− | + | -ms-transition: 0.5s all; | |
} | } | ||
h1,h2,h3,h4,h5,h6,label,p{ | h1,h2,h3,h4,h5,h6,label,p{ | ||
− | + | margin:0; | |
} | } | ||
.client-js{ | .client-js{ | ||
− | + | margin:0; | |
− | + | border:none; | |
} | } | ||
#top_title,#sideMenu,#firstHeading,#logo_2018{ | #top_title,#sideMenu,#firstHeading,#logo_2018{ | ||
− | + | display: none; | |
− | + | margin-bottom:0; | |
} | } | ||
#content{ | #content{ | ||
− | + | width:100%; | |
− | + | height:auto; | |
border: none; | border: none; | ||
− | + | z-index: -99999; | |
− | + | background-size:100%; | |
− | + | padding:0 0 0 0; | |
− | + | border:none; | |
− | + | margin-top:-12px; | |
− | + | margin-left:0; | |
} | } | ||
html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{ | html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{ | ||
− | + | margin-top:0; | |
− | + | margin-left:0; | |
− | + | margin-bottom:0; | |
− | + | margin-right:0; | |
− | + | padding-bottom:0 | |
− | + | border:none; | |
} | } | ||
html,body{ | html,body{ | ||
− | + | font-family: Delius; | |
− | + | ||
− | + | background:#fff2e6; | |
− | + | font-size:90%; | |
} | } | ||
Line 6,727: | Line 6,727: | ||
} | } | ||
h1,h2,h3,h4,h5,h6,p{ | h1,h2,h3,h4,h5,h6,p{ | ||
− | + | line-height:150%; | |
− | + | font-weight:500; | |
} | } | ||
Line 6,734: | Line 6,734: | ||
/* the entire div */ | /* the entire div */ | ||
.top-nav{ | .top-nav{ | ||
− | + | display:inline-block; | |
− | + | width:800px; | |
− | + | z-index:1; | |
− | + | background-image:url('https://static.igem.org/mediawiki/2018/5/5a/T--GreatBay_China--Menu.png'); | |
− | + | background-repeat:no-repeat; | |
− | + | background-position:center; | |
− | + | background-size:120px; | |
− | + | position:fixed; | |
− | + | font-size:120%; | |
− | + | top:75px; | |
− | + | left:50px; | |
− | + | padding-bottom:120px; | |
} | } | ||
*{ | *{ | ||
− | + | margin:0; padding:0 | |
} | } | ||
.top-nav #top span{ | .top-nav #top span{ | ||
− | + | min-height:1em; | |
− | + | line-height:1em; | |
} | } | ||
.top-nav a,a:hover{ | .top-nav a,a:hover{ | ||
− | + | text-decoration:none;color:#000; | |
} | } | ||
/* the menu position and color*/ | /* the menu position and color*/ | ||
.top-nav ul{ | .top-nav ul{ | ||
− | + | position:relative; | |
− | + | top:65px; | |
− | + | list-style:none;margin:0 auto; | |
− | + | width:90px; | |
− | + | line-height:2; | |
− | + | text-align:center; | |
− | + | font-size:1em; | |
− | + | padding-bottom:100px; | |
− | + | color:rgb(88,73,63); | |
} | } | ||
/* the pull out menu */ | /* the pull out menu */ | ||
.top-nav ul li{ | .top-nav ul li{ | ||
− | + | position:relative; | |
− | + | height:31px; | |
− | + | _float:left; | |
} | } | ||
/* style for menu */ | /* style for menu */ | ||
.top-nav ul li span,ul li div a{ | .top-nav ul li span,ul li div a{ | ||
− | + | color:rgb(88,73,63); | |
− | + | display:block; | |
− | + | width:90px; | |
− | + | min-height:2em; | |
− | + | line-height:2em; | |
− | + | text-align:center; | |
} | } | ||
.top-nav ul li div a{ | .top-nav ul li div a{ | ||
− | + | width:80px; | |
} | } | ||
/* menu when you hover */ | /* menu when you hover */ | ||
.top-nav ul li .hover{ | .top-nav ul li .hover{ | ||
− | + | background:rgb(118,191,141); | |
} | } | ||
/* sub menu when you hover */ | /* sub menu when you hover */ | ||
.top-nav ul li div{ | .top-nav ul li div{ | ||
− | + | font-size:0.9em; | |
− | + | width:80px; | |
− | + | display:none; | |
− | + | position:relative; | |
− | + | left:-80px; | |
− | + | top:-30px; | |
} | } | ||
/* link style */ | /* link style */ | ||
.top-nav ul li div a{ | .top-nav ul li div a{ | ||
− | + | background:rgb(118,191,141); | |
− | + | color:rgb(88,73,63); | |
} | } | ||
/* submenu link style */ | /* submenu link style */ | ||
.top-nav ul li div a:hover{ | .top-nav ul li div a:hover{ | ||
− | + | color:rgb(88,73,63); | |
− | + | background:rgb(118,191,141); | |
} | } | ||
/* special */ | /* special */ | ||
.top-nav #active{ | .top-nav #active{ | ||
− | + | background:rgb(118,191,141); | |
} | } | ||
Line 6,822: | Line 6,822: | ||
.logo{ | .logo{ | ||
− | + | width:50px; | |
− | + | position:absolute; | |
− | + | bottom:15px; | |
− | + | left:250px; | |
} | } | ||
Line 6,833: | Line 6,833: | ||
/* the purple colomn at middle */ | /* the purple colomn at middle */ | ||
.rolldown{ | .rolldown{ | ||
− | + | display:inline-block; | |
− | + | z-index:200; | |
− | + | position:absolute; | |
− | + | left:250px; | |
− | + | width:950px; | |
− | + | background:rgba(125, 63, 152, 0.4); | |
− | + | min-height:1800px; | |
} | } | ||
.header img{ | .header img{ | ||
− | + | max-width: 950px; | |
height: auto; | height: auto; | ||
} | } | ||
Line 6,849: | Line 6,849: | ||
.responsive div.img { | .responsive div.img { | ||
margin: 5px; | margin: 5px; | ||
− | + | border:8px solid rgb(123,83,142); | |
float: left; | float: left; | ||
width: 210px; | width: 210px; | ||
Line 6,856: | Line 6,856: | ||
.responsive div.img:hover { | .responsive div.img:hover { | ||
− | + | border:8px solid rgb(123,83,133); | |
} | } | ||
Line 6,862: | Line 6,862: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
− | + | background-color:#fff; | |
} | } | ||
.responsive div.desc { | .responsive div.desc { | ||
− | + | min-height:220px; | |
padding: 15px; | padding: 15px; | ||
text-align: center; | text-align: center; | ||
− | + | color:rgb(88,73,63); | |
− | + | background-color:rgb(215,196,221); | |
} | } | ||
Line 6,881: | Line 6,881: | ||
− | + | <div class="container"> | |
− | + | ||
− | + | <div class="top-nav"> | |
− | + | <ul> | |
− | + | <li> | |
<li> | <li> | ||
− | + | <a href="#"><span>Team</span></a> | |
− | + | <div> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#"><span>Project</span></a> | |
− | + | <div> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Parts"><span>Parts</span></a> | |
− | + | <div> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a> | |
− | + | </div> | |
− | + | ||
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Human_Practices"><span>HP</span></a> | |
− | + | <div> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Engagement">Public <br>Engagement</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#"><span>Lab</span></a> | |
− | + | <div> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a> | |
− | + | <div> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a> | |
− | + | <div> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a> | |
− | + | </li> | |
− | + | <div> | |
− | + | </div> | |
− | + | <li id="active"> | |
− | + | <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a> | |
− | + | </li> | |
− | + | <li id="top"> | |
− | + | <a href="#top" target="_self"><span><i><h6>↑Top</h6></i></span></a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="rolldown"> | |
− | + | <div class="container"> | |
− | + | ||
− | + | <div class="row"> | |
− | + | <div class="header"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" /> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="row" style="margin:30px"> | |
− | + | <span style="height:250px"></span> | |
− | + | <h1 style="color:white;font-size:25px;" class="text-center" ></br>mCATNIP:</br>microbial Compartmentalization AssisTed </br>Nepetalactol Ingredient Production</br></h1> | |
− | + | </br> | |
− | + | </br> | |
− | + | ||
− | + | <p><video src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--video1.mov" type="video/mov" height="auto" width="850" controls> | |
− | + | </p> | |
− | + | </div> | |
− | + | <div class="row "> | |
− | + | <span style="height:250px"></span> | |
− | + | <div class="jumbotron"> | |
− | + | <h2>Abstract</h2> | |
− | + | <h4> | |
− | + | <button type="button" class="btn btn-primary" title="Timshel" | |
− | + | data-container="body" data-toggle="popover" data-placement="top" | |
− | + | data-content="Meow!"> | |
− | + | Nepetalactone | |
− | + | </button> is the active ingredient in catnip, a feline attractant, and a potential green pesticide. It has a common precursor, nepetalactol, with monoterpene indole alkaloids (MIAs) which is a group of plant-derived compounds of great therapeutic value, such as vincristine (an anti-cancer drug). We aim to synthesize nepetalactol through a mutualistic division of labour between <i>E. coli</i> and yeast. Besides, we design, characterize, and use a library of transcription activator-like effectors (TALE) stabilized promoters to regulate the heterologous gene expression in <i>E. coli</i>. Our applied design conceives the future application of nepetalactone on stray cat control, which we consider as an opportunity for public engagement and education. | |
− | + | </h4> | |
− | + | </div> | |
− | + | </div> | |
<div class="row" style="padding-left:30px"> | <div class="row" style="padding-left:30px"> | ||
Line 7,004: | Line 7,004: | ||
</a> | </a> | ||
<div class="desc"> Safety has been a crucial concern throughout our project. See our creative approaches to lab safety and biosecurity on Safety page. | <div class="desc"> Safety has been a crucial concern throughout our project. See our creative approaches to lab safety and biosecurity on Safety page. | ||
− | + | <br> </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 7,035: | Line 7,035: | ||
</a> | </a> | ||
<div class="desc"> Apart from the lab, we reached out to the community in many ways. We have met lovely people and here is our stories. | <div class="desc"> Apart from the lab, we reached out to the community in many ways. We have met lovely people and here is our stories. | ||
− | + | <br> </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 7,055: | Line 7,055: | ||
</a> | </a> | ||
<div class="desc">GreatBay_China 2018 consists of 13 students and 7 high schools, 1 instructor, 5 advisors and 2 PIs. Get to know about these lovely people! Also see attributions and collaborations here. | <div class="desc">GreatBay_China 2018 consists of 13 students and 7 high schools, 1 instructor, 5 advisors and 2 PIs. Get to know about these lovely people! Also see attributions and collaborations here. | ||
− | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 7,065: | Line 7,065: | ||
</a> | </a> | ||
<div class="desc"> This is a special page to help judges on evaluating the project. Let us show you why we deserve medals and awards. | <div class="desc"> This is a special page to help judges on evaluating the project. Let us show you why we deserve medals and awards. | ||
− | + | <br></div> | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | </div> | |
</div> | </div> | ||
− | + | ||
− | + | ||
Line 7,081: | Line 7,081: | ||
</body> | </body> | ||
− | + | ||
</html> | </html> |