Team:NJU China/Project/T cell

From 2013.igem.org

(Difference between revisions)
(Created page with "小黑傻逼")
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:absolute; 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:absolute; 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:1200px;
 +
margin:0 0 0 30px;
 +
position:relative;
 +
}
 +
 
 +
#nav li {
 +
 
 +
color: #FFFFFF;
 +
background-color:none;
 +
margin: 20PX 50px 0 50px;
 +
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 auto;
 +
}
 +
 
 +
.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: #52be7f;
 +
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>
 +
            <!--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/Team">Team</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></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/Notebook">Notebook</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
 +
 
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attributions</a></li>
 +
   
 +
</ul>
 +
<!--End NavBar-->
 +
<div class="container">
 +
<header>
 +
<h1>T cell: <span>T cell is the target of HIV infection, so we were thinking about whether we can use a short peptide from the HIV envelope protein to direct our exosomes to the T cells. Therefore we cloned the GP 120(a peptide from HIV envelope protein) to the lamp 2b and we use pcDNA 3.1(+) as our vector.</span></h1>
 +
</header>
 +
<section>
 +
 
 +
 
 +
</section>
 +
</div><!-- /container -->
 +
 
 +
</body>
 +
</html>

Revision as of 13:18, 26 September 2013

<!DOCTYPE html> NJU_China

T cell: T cell is the target of HIV infection, so we were thinking about whether we can use a short peptide from the HIV envelope protein to direct our exosomes to the T cells. Therefore we cloned the GP 120(a peptide from HIV envelope protein) to the lamp 2b and we use pcDNA 3.1(+) as our vector.

Retrieved from "http://2013.igem.org/Team:NJU_China/Project/T_cell"