Team:NJU China/Parts
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(34 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <!-- | + | <!DOCTYPE html> |
+ | <html lang="en" class="no-js"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <title>NJU_China</title> | ||
+ | <meta name="description" content="Circular Navigation Styles - Building a Circular Navigation with CSS Transforms | Codrops " /> | ||
+ | <meta name="keywords" content="css transforms, circular navigation, round navigation, circular menu, tutorial" /> | ||
+ | <meta name="author" content="Sara Soueidan for Codrops" /> | ||
+ | <link rel="shortcut icon" href="../favicon.ico"> | ||
+ | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script> | ||
- | < | + | <link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css"> |
- | < | + | <STYLE type="text/css"> |
- | + | /* hiding the top section*/ | |
- | + | body{position:static; top:0px; width:100%; height:1480px;} | |
- | </ | + | #top-section{ |
- | < | + | height:0px; |
- | + | border:none; | |
+ | width:980px; | ||
+ | margin:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | background-color:transparent; | ||
+ | overflow:hide; | ||
+ | |||
+ | } | ||
+ | #p-logo{display:none;} | ||
+ | #search-controls{display:none;} | ||
+ | #top{display:none;} | ||
+ | .firstHeading{display:none;} | ||
+ | /* end of hiding the top section*/ | ||
+ | |||
+ | /* global setting*/ | ||
+ | #globalWrapper{position:static; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;} | ||
+ | #content{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | width:1200px; | ||
+ | height:700px; | ||
+ | marign:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | top:-40px; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | |||
+ | } | ||
+ | siteSub{ | ||
+ | display:none; | ||
+ | border:none; | ||
+ | } | ||
+ | contentSub{ | ||
+ | display:none; | ||
+ | } | ||
+ | /* end of global setting*/ | ||
+ | |||
+ | /*hiding the footer-box*/ | ||
+ | #footer-box{display:none;} | ||
+ | #catlinks{display:none;} | ||
+ | /*end of hiding the footer book*/ | ||
+ | |||
+ | /* menu (page, edit ...) */ | ||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | white-space: nowrap; | ||
+ | top:-6px; | ||
+ | width: 490px; | ||
+ | z-index: 5000; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | line-height: 1em; | ||
+ | z-index:99; | ||
+ | } | ||
+ | |||
+ | |||
+ | .left-menu, .left-menu a { | ||
+ | text-align: left; | ||
+ | color:#999999; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | color: #D00000; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu{width:400px; float:right} | ||
+ | .right-menu, .right-menu a { | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | color: #999999; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | color: #999999; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #menubar li { | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | .left-menu li a { | ||
+ | padding: 0px 10px 0px 0px; | ||
+ | } | ||
+ | .left-menu .selected { | ||
+ | # color: #999999; | ||
+ | } | ||
+ | #.left-menu .selected:hover { | ||
+ | # color: #999999; | ||
+ | #} | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: #999999;; | ||
+ | } | ||
+ | |||
+ | .left-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right-menu li { | ||
+ | # background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a { | ||
+ | padding: 0px 15px 0px 0px; | ||
+ | color: #999999;; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | /* end menu (edit, page ...) */ | ||
+ | |||
+ | |||
+ | /* HEADER STYLES: banner, navbar, etc. */ | ||
+ | |||
+ | ul#nav { | ||
+ | width:1800px; | ||
+ | margin:40px 0 0 30px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | |||
+ | color: #FFFFFF; | ||
+ | background-color:none; | ||
+ | margin: 0 85px 0 0; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | #nav li:last-child { margin:0; } | ||
+ | |||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | /*display: block;*/ | ||
+ | opacity:1; | ||
+ | margin:0; | ||
+ | background-color: none; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | /*text-shadow: 0 1px 0 #fff;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | </STYLE> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); | ||
+ | @font-face { | ||
+ | font-family: 'codropsicons'; | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot'); | ||
+ | src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), | ||
+ | url('../fonts/codropsicons/codropsicons.woff') format('woff'), | ||
+ | url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), | ||
+ | url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .container > header, | ||
+ | .codrops-top, | ||
+ | .container > section { | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .container > header { | ||
+ | margin: 0 auto; | ||
+ | padding: 2em; | ||
+ | text-align: center; | ||
+ | background: rgba(0,0,0,0.01); | ||
+ | } | ||
+ | |||
+ | .container > header h1 { | ||
+ | font-size: 2.625em; | ||
+ | line-height: 1.3; | ||
+ | margin: 0; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | .container > header span { | ||
+ | display: block; | ||
+ | font-size: 60%; | ||
+ | opacity: 0.7; | ||
+ | padding: 0 0 0.6em 0.1em; | ||
+ | } | ||
+ | |||
+ | /* To Navigation Style */ | ||
+ | .codrops-top { | ||
+ | background: #f06060; | ||
+ | background: rgba(255, 255, 255, 0.1); | ||
+ | text-transform: uppercase; | ||
+ | width: 100%; | ||
+ | font-size: 0.69em; | ||
+ | line-height: 2.2; | ||
+ | } | ||
+ | |||
+ | .codrops-top a { | ||
+ | text-decoration: none; | ||
+ | padding: 0 1em; | ||
+ | letter-spacing: 0.1em; | ||
+ | color: #fff; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .codrops-top a:hover { | ||
+ | background: rgba(255,255,255,0.95); | ||
+ | color: #777; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .codrops-top span.right a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .codrops-icon:before { | ||
+ | font-family: 'codropsicons'; | ||
+ | margin: 0 4px; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | .codrops-icon-drop:before { | ||
+ | content: "\e001"; | ||
+ | } | ||
+ | |||
+ | .codrops-icon-prev:before { | ||
+ | content: "\e004"; | ||
+ | } | ||
+ | |||
+ | /* Demo Buttons Style */ | ||
+ | .codrops-demos { | ||
+ | padding-top: 1em; | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | .codrops-demos a { | ||
+ | text-decoration: none; | ||
+ | outline: none; | ||
+ | display: inline-block; | ||
+ | margin: 0.5em; | ||
+ | padding: 0.7em 1.1em; | ||
+ | border: 3px solid #fff; | ||
+ | color: #fff; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .codrops-demos a:hover, | ||
+ | .codrops-demos a.current-demo, | ||
+ | .codrops-demos a.current-demo:hover { | ||
+ | opacity: 0.6; | ||
+ | } | ||
+ | |||
+ | .container > section { | ||
+ | padding: 2em; | ||
+ | font-size: 1.4em; | ||
+ | max-width: 50em; | ||
+ | margin: 0 0 0 30px; | ||
+ | } | ||
+ | |||
+ | .container > section p { | ||
+ | padding: 0.8em 0; | ||
+ | text-align: justify; | ||
+ | opacity: 0.5; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 25em) { | ||
+ | |||
+ | .codrops-icon span { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | * { | ||
+ | position: relative; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | html, | ||
+ | body { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #f3e7d6; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .component { | ||
+ | position: relative; | ||
+ | margin-bottom: 3em; | ||
+ | height: 15em; | ||
+ | background: rgba(0,0,0,0.05); | ||
+ | font-family: 'Lato', Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 620px) { | ||
+ | .no-csstransforms li { | ||
+ | width: 4em; | ||
+ | height: 4em; | ||
+ | line-height: 4em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 500px) { | ||
+ | .no-ccstransforms .cn-wrapper { | ||
+ | padding: .5em; | ||
+ | } | ||
+ | |||
+ | .no-csstransforms .cn-wrapper li { | ||
+ | width: 4em; | ||
+ | height: 4em; | ||
+ | font-size: .9em; | ||
+ | line-height: 4em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 480px) { | ||
+ | .csstransforms .cn-wrapper { | ||
+ | font-size: .68em; | ||
+ | } | ||
+ | |||
+ | .cn-button { | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width:420px) { | ||
+ | .no-csstransforms .cn-wrapper li { | ||
+ | width: 100%; | ||
+ | height: 3em; | ||
+ | line-height: 3em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | <div style="float:left; position:static; margin-top:-15px;margin-left:-60px; z-index:1; display:block; "> | ||
+ | </br></br> | ||
+ | <a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a> | ||
</div> | </div> | ||
- | <div id=" | + | |
- | + | <div class="container"> | |
- | </ | + | <!--Start NavBar--> |
- | </ | + | <ul id="nav"> |
- | </ | + | <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li> |
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Chassis</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Targeting Module</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Killing Module</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Achievement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Free debate</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Reach the unreached</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Workshop</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | < | + | <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a> |
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Lab notes</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Data Page">Data Page</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | + | <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a> | ||
+ | <ul> | ||
+ | <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Acknowledgement">Acknowledgement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </br> <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Notebook</a> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Data_Page">Data Page</a> | ||
+ | |||
+ | </ul> | ||
+ | <!--End NavBar--> | ||
+ | </br></br></br> | ||
- | + | <header> | |
+ | <h1>parts</h1> | ||
+ | </header> | ||
+ | |||
- | + | <section> | |
+ | <p> | ||
+ | This year our team iGEM-China constructed altogether 3 parts.<br><br> | ||
+ | For the killing module, we constructed plasmid encoding anti-HBV siRNA 467(<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1180000">BBa_K1180000</a>) and cloned this into standardized backbone pSB1C3. The function of this part was extensively validated by us and it worked as we expected. The expression level of this plasmid in the chassis HEK 293T cells is high and it can silence the viral gene HBsAG significantly.<br><br> | ||
+ | |||
+ | For the targeting module, we constructed <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1180002">BBa_K1180002</a> (brain targeting) and <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1180003">BBa_K1180003</a> (liver targeting). The function of was extensively confirmed by both in vitro and in vivo test. After its expression, the RVG peptide can lead the exosome to the brain.<br> | ||
+ | |||
+ | </p> | ||
+ | |||
+ | </section> | ||
+ | </div><!-- /container --> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> | ||
<groupparts>iGEM013 NJU_China</groupparts> | <groupparts>iGEM013 NJU_China</groupparts> |
Latest revision as of 09:11, 28 October 2013
<!DOCTYPE html>
parts
This year our team iGEM-China constructed altogether 3 parts.
For the killing module, we constructed plasmid encoding anti-HBV siRNA 467(BBa_K1180000) and cloned this into standardized backbone pSB1C3. The function of this part was extensively validated by us and it worked as we expected. The expression level of this plasmid in the chassis HEK 293T cells is high and it can silence the viral gene HBsAG significantly.
For the targeting module, we constructed BBa_K1180002 (brain targeting) and BBa_K1180003 (liver targeting). The function of was extensively confirmed by both in vitro and in vivo test. After its expression, the RVG peptide can lead the exosome to the brain.