Charlottte (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta name="description" content="wiki"> | ||
+ | <meta name="author" content="scut_lyj"> | ||
+ | <title>IGEM-China_B</title> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | margin:0px; | ||
+ | background-position:0px 15px; | ||
+ | background-repeat:repeat-x; | ||
+ | background-attachment:scroll; | ||
+ | background-size:2px 6654px; | ||
+ | position:relative; | ||
+ | left:-255px; | ||
+ | width:1377px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | #sideMenu { | ||
+ | display:none; | ||
+ | } | ||
+ | #top_menu_under { | ||
+ | display:none; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | padding-bottom:0px; | ||
+ | } | ||
+ | #top_menu_14 { | ||
+ | border-bottom:0px; | ||
+ | } | ||
+ | .logo_2016 { | ||
+ | display:none; | ||
+ | } | ||
+ | .pop_why_box { | ||
+ | padding:0px; | ||
+ | border:0px; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-family:inherit; | ||
+ | text-align:inherit; | ||
+ | font-size:inherit; | ||
+ | } | ||
+ | #top_title { | ||
+ | display:none; | ||
+ | } | ||
+ | * { | ||
+ | margin:0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration:none; | ||
+ | appearance:none; | ||
+ | -webkit-appearance:none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | input { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | outline:none; | ||
+ | border:0; | ||
+ | background:none; | ||
+ | appearance:none; | ||
+ | -webkit-appearance:none; | ||
+ | } | ||
+ | button{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | outline:none; | ||
+ | border:0; | ||
+ | backgrond:none; | ||
+ | } | ||
+ | hr{ | ||
+ | border:0; | ||
+ | border-top:1px solid; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | select{ | ||
+ | border:0; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | background:none; | ||
+ | outline:none; | ||
+ | appearance:none; | ||
+ | -webkit-appearance:none; | ||
+ | } | ||
+ | ul{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | box-sizing: initial; | ||
+ | -webkit-box-sizing: initial; | ||
+ | } | ||
+ | li{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | box-sizing: initial; | ||
+ | -webkit-box-sizing: initial; | ||
+ | } | ||
+ | p{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | * { | ||
+ | word-break: normal; | ||
+ | font-family: verdana; | ||
+ | } | ||
+ | a { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | img { | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | -o-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | * { | ||
+ | list-style: none; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .nav { | ||
+ | position:relative; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .nav ul { | ||
+ | height:0; | ||
+ | left:0; | ||
+ | overflow:hidden; | ||
+ | position:absolute; | ||
+ | width: 100%; | ||
+ | box-shadow: 1px 1px 1px #c94856; | ||
+ | } | ||
+ | .nav li{ | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | width: 11.1%; | ||
+ | line-height: 15px; | ||
+ | font-size: 15px; | ||
+ | background-color: #d6515c; | ||
+ | height: 70px; | ||
+ | opacity: 0.93; | ||
+ | } | ||
+ | .nav>li>ul:last-child { | ||
+ | border-bottom-right-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | } | ||
+ | .logo1 { | ||
+ | margin-top: -10px; | ||
+ | width: 60%; | ||
+ | margin-right: -80px; | ||
+ | } | ||
+ | .logo2 { | ||
+ | margin-top: 17px; | ||
+ | width: 70%; | ||
+ | margin-left: -70px; | ||
+ | } | ||
+ | .nav li:hover ul { | ||
+ | height:auto; | ||
+ | width:100%; | ||
+ | } | ||
− | |||
+ | .nav ul li { | ||
+ | -moz-transition:0.2s; | ||
+ | -o-transition:0.2s; | ||
+ | -webkit-transition:0.2s; | ||
+ | opacity:0; | ||
+ | transition:0.2s; | ||
+ | width:100%; | ||
+ | background-color: #d6515c; | ||
+ | } | ||
− | + | .nav li:hover ul li { | |
− | + | opacity:1; | |
− | + | -moz-transition-delay:0s; | |
− | + | -o-transition-delay:0s; | |
+ | -webkit-transition-delay:0s; | ||
+ | transition-delay:0s; | ||
+ | } | ||
+ | .nav li:hover ul li,.nav li:nth-child(n+3):hover { | ||
+ | background-color: #ffe1e4; | ||
+ | -moz-transition:0.2s; | ||
+ | -o-transition:0.2s; | ||
+ | -webkit-transition:0.2s; | ||
+ | } | ||
− | + | .nav li a { | |
+ | -moz-transition:0.2s; | ||
+ | -o-transition:0.2s; | ||
+ | -webkit-transition:0.2s; | ||
+ | display:block; | ||
+ | transition:0.2s; | ||
+ | color: white; | ||
− | + | } | |
− | + | .nav ul li a { | |
− | + | line-height:1px; | |
− | + | -moz-transition:0.2s; | |
+ | -o-transition:0.2s; | ||
+ | -webkit-transition:0.2s; | ||
+ | transition:0.2s; | ||
+ | } | ||
+ | .nav li:hover ul li a ,.nav li:hover a{ | ||
+ | color: #c94856; | ||
+ | } | ||
+ | .nav li ul li:hover,.nav>li>a:hover { | ||
+ | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(206,15,53, 0))); | ||
+ | background-image: -moz-linear-gradient(-90deg, rgba(206,15,53, 0.5), rgba(206,15,53, 0)); | ||
+ | background-image: -o-linear-gradient(-90deg,rgba(206,15,53,0.5),rgba(206,15,53,0)); | ||
+ | } | ||
+ | .nav>li>a:hover,.nav>li:hover a{ | ||
+ | height: 70px; | ||
+ | line-height: 64px; | ||
+ | } | ||
+ | .nav { | ||
+ | position: fixed; | ||
+ | z-index: 10000; | ||
+ | } | ||
+ | .space { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | height: 70px; | ||
+ | z-index: -10000; | ||
+ | background-color: #d6515c; | ||
+ | } | ||
+ | .nav>li>a { | ||
+ | height: 70px; | ||
+ | line-height: 64px; | ||
+ | } | ||
+ | p { | ||
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .article > div > img { | ||
+ | width: 50%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #ffe1e4; | ||
+ | } | ||
+ | .article { | ||
+ | background-color: white; | ||
+ | width: 70%; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-top: 0; | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 130px; | ||
+ | } | ||
+ | .tit { | ||
+ | font-size: 24px; | ||
+ | margin-top: 70px; | ||
+ | } | ||
+ | .detail { | ||
+ | font-size: 16px; | ||
+ | line-height: 32px; | ||
+ | text-indent: 1.5em; | ||
+ | } | ||
+ | .bot { | ||
+ | margin-bottom: 8%; | ||
+ | } | ||
+ | .btm { | ||
+ | width: 100%; | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | .click { | ||
+ | width: 20%; | ||
+ | margin-left: 10%; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | font-size: 14px; | ||
+ | box-shadow: 1px 2px 2px #c94856; | ||
+ | cursor: pointer; | ||
+ | line-height: 30px; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
− | + | .locat { | |
− | + | width: 24%; | |
− | + | display: inline-block; | |
+ | margin-left: 8%; | ||
+ | } | ||
+ | .click a { | ||
+ | width: 60%; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .inline { | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | .col { | ||
+ | width: 80%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
− | </ | + | .mid { |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | display: block; | |
− | <div class=" | + | } |
− | < | + | .left { |
− | + | width: 5%!important; | |
− | </ | + | display: inline-block; |
− | + | vertical-align: middle; | |
− | <ul> | + | margin-left: 60px; |
− | <li> | + | } |
− | <li> | + | .inl { |
− | <li> | + | display: inline; |
− | <li> | + | line-height: 36px; |
− | <li> | + | } |
− | <li> | + | .disc { |
− | <li> | + | width: 80%; |
− | </ul> | + | display: block; |
− | </div> | + | margin-left: auto; |
+ | margin-right: auto; | ||
+ | 90 | ||
+ | } | ||
+ | ul li { | ||
+ | list-style-type: disc; | ||
+ | width: 70%; | ||
+ | } | ||
+ | .disc { | ||
+ | width: 75%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | .block { | ||
+ | display: block; | ||
+ | } | ||
+ | .Simg { | ||
+ | width: 40%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | .comp { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="nav"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/parts/3/3b/Wiki_logo.png" alt="logo" class="logo1"></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/parts/6/6a/Wiki_4.png" alt="logo" class="logo2"></li> | ||
+ | <li><a href="../home.html">Home</a></li> | ||
+ | <li><a href="overview.html">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="overview.html">Overview</a></li> | ||
+ | <li><a href="propoptosis.html">Apoptosis Induction</a></li> | ||
+ | <li><a href="protumor.html">Tumor specific promoter</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="">Achievements</a> | ||
+ | <ul> | ||
+ | <li><a href="">Results</a></li> | ||
+ | <li><a href="parts.html">Parts</a></li> <li><a href="">Judging</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="modeling.html">Modeling</a> | ||
+ | <ul> | ||
+ | <li><a href="apoptosis.html">Apoptosis</a></li> | ||
+ | <li><a href="crispri.html">CRISPRi/a</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="Protocol.html">Protocol</a></li> | ||
+ | <li><a href="Safety.html">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="hp.html">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="hp.html">Overview</a></li> | ||
+ | <li><a href="hp1.html">Project Design</a></li> | ||
+ | <li><a href="hp2.html">Hospice Care</a></li> | ||
+ | <li><a href="hp3.html">Public Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="">Lab</a> | ||
+ | <ul> | ||
+ | <li><a href="team.html">Team</a></li> | ||
+ | <li><a href="Collaborations.html">Collaborations</a></li> | ||
+ | <li><a href="Attributions.html">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </div> | ||
+ | <div class="space"></div> | ||
+ | <div class="article"> | ||
+ | <div style="margin-top: 50px;"> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/5/56/Wiki_nanjing.png" class="left"> | ||
+ | <p class="tit inl">Nanjing University</p> | ||
+ | </div> | ||
+ | <p class="detail">We worked with Nanjing University in the model of tumor metastasis. We assisted them in implementing the tumor metastasis model in Matlab and analyzed the parameters in the model .To see Nanjing University's models, <a href="">click here</a>.</p> | ||
+ | </div> | ||
+ | <div style="margin-top: 50px;"> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/d/de/Wiki_beijing.png" class="left"> | ||
+ | <p class="tit inl">Beijing Institute of Technology</p> | ||
+ | </div> | ||
+ | <p class="detail">We have given amendment opinions to Bit team about their origin model. To see BIT’s models, <a href="">click here</a>.</p> | ||
+ | <p class="detail">And Bit team created an app for us to arrange our time to do experiments, which help us improve the efficiency in lab.</p> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/5/58/Wiki_col.png" class="mid"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 21:06, 19 October 2016
<!DOCTYPE html>
Nanjing University
We worked with Nanjing University in the model of tumor metastasis. We assisted them in implementing the tumor metastasis model in Matlab and analyzed the parameters in the model .To see Nanjing University's models, click here.
Beijing Institute of Technology
We have given amendment opinions to Bit team about their origin model. To see BIT’s models, click here.
And Bit team created an app for us to arrange our time to do experiments, which help us improve the efficiency in lab.