Charlottte (Talk | contribs) |
|||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | ||
<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> | ||
+ | body { | ||
+ | margin:0px; | ||
+ | background-position:0px 15px; | ||
+ | background-size:2px 4000px; | ||
+ | background-repeat:repeat-x; | ||
+ | background-attachment:scroll; | ||
+ | position:relative; | ||
+ | width:1600px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | left:-50px; | ||
+ | } | ||
+ | #content { | ||
+ | width:100%; | ||
+ | background-position:left top; | ||
+ | background-repeat:repeat-x; | ||
+ | background-attachment:scroll; | ||
+ | background-size:2px 6654px; | ||
+ | } | ||
+ | #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: 103%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .nav ul { | ||
+ | height:0; | ||
+ | overflow:hidden; | ||
+ | position:absolute; | ||
+ | width: 100%; | ||
+ | box-shadow: 1px 1px 1px #c94856; | ||
+ | margin: 0!important; | ||
+ | } | ||
+ | .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: 60%; | ||
+ | margin-left: 15%; | ||
+ | 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; | ||
+ | } | ||
+ | .left { | ||
+ | width: 5%!important; | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | margin-left: 60px; | ||
+ | } | ||
+ | .inl { | ||
+ | display: inline; | ||
+ | line-height: 36px; | ||
+ | } | ||
+ | .disc { | ||
+ | width: 80%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | 90 | ||
+ | } | ||
− | + | .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; | ||
+ | } | ||
+ | .bar { | ||
+ | position: fixed; | ||
+ | width: 12.8%; | ||
+ | height: auto; | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | top: 25%; | ||
+ | right: 2.2%; | ||
+ | text-align: center; | ||
+ | font-size: 16px; | ||
+ | line-height: 24px; | ||
+ | box-shadow: 5px 5px #ffc7e4; | ||
+ | } | ||
+ | .Ltitle { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | background-color: #d6515c; | ||
+ | padding-bottom: 10px; | ||
+ | line-height: 28px; | ||
+ | } | ||
+ | .Mtitle { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .Stitle { | ||
+ | width: 100%; | ||
+ | transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | -o-transition: 1s; | ||
+ | -webkit-transition: 1s; | ||
+ | opacity:0; | ||
+ | line-height: 1px; | ||
+ | } | ||
+ | .Ltitle:hover { | ||
+ | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(255,255,255, 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)); | ||
+ | } | ||
+ | .Mtitle:hover { | ||
+ | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(255,255,255, 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)); | ||
+ | } | ||
+ | .Stitle:hover { | ||
+ | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(255,255,255, 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)); | ||
+ | } | ||
+ | .Ltitle:hover .Stitle { | ||
+ | opacity:1; | ||
+ | line-height: 42px; | ||
+ | -moz-transition-delay:0s; | ||
+ | -o-transition-delay:0s; | ||
+ | -webkit-transition-delay:0s; | ||
+ | transition-delay:0s; | ||
+ | height: auto; | ||
+ | } | ||
+ | .bar a { | ||
+ | color: white; | ||
+ | } | ||
− | <ul> | + | </style> |
− | <li> | + | </head> |
− | <li> | + | <body> |
− | <li> | + | <div class="nav"> |
− | <li> | + | <li style="width:10%;"><img src="https://static.igem.org/mediawiki/parts/3/3b/Wiki_logo.png" alt="logo" class="logo1"></li> |
− | <li> | + | <li><img src="https://static.igem.org/mediawiki/parts/6/6a/Wiki_4.png" alt="logo" class="logo2"></li> |
− | <li> | + | <li><a href="https://2016.igem.org/Team:SCUT-China_B">Home</a></li> |
− | <li> | + | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Overview">Project</a> |
− | </ul> | + | <ul class="ultop"> |
− | </div> | + | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Overview">Overview</a></li> |
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Propoptosis">Apoptosis Induction</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Protumor">Tumor specific promoter</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Results">Achievements</a> | ||
+ | <ul class="ultop"> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Results">Results</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Judging">Judging</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Modeling">Modeling</a> | ||
+ | <ul class="ultop"> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Apoptosis">Apoptosis</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Crispri">CRISPRi/a</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Protocol">Notebook</a> | ||
+ | <ul class="ultop"> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/HP/Gold">Human Practice</a> | ||
+ | <ul class="ultop"> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/HP/Gold">Overview</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/HP/HP1">Project Design</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/HP/HP2">Public Outreach</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/HP/HP3">Hospice Care</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Team">Lab</a> | ||
+ | <ul class="ultop"> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Team">Team</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:SCUT-China_B/Attributions">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> |
Latest revision as of 18:39, 28 November 2016
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.