Difference between revisions of "Team:SCUT-China B/Collaborations"

(Prototype team page)
 
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{SCUT-China_B}}
+
 
 
<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;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
.nav ul {
−
<h3>★  ALERT! </h3>
+
    height:0;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">team collaboration silver medal criterion</a>. </p>
+
    overflow:hidden;
−
 
+
    position:absolute;
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Evaluated_Pages/Instructions"> Instructions for Evaluated Pages </a>.</p>
+
    width: 100%;
−
</div>
+
    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;
 +
}
  
−
<div class="column full_size">
+
.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%;
 +
}
  
−
<p>
 
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
 
−
</p>
 
−
</div>
 
  
−
<div class="column half_size">
+
.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;
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
.nav li:hover ul li {
−
<p>
+
    opacity:1;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
    -moz-transition-delay:0s;
−
</p>
+
    -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;
 +
}
  
−
<p>
+
.nav li a {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
    -moz-transition:0.2s;
−
</p>
+
    -o-transition:0.2s;
 +
    -webkit-transition:0.2s;
 +
    display:block;
 +
    transition:0.2s;
 +
    color: white;
  
−
</div>
+
}
 +
.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
 +
}
  
−
<div class="column half_size">
+
.disc {
−
<p>
+
    width: 75%;
−
Here are some suggestions for projects you could work on with other teams:
+
    margin-left: auto;
−
</p>
+
    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> Improve the function of another team's BioBrick Part or Device</li>
+
</head>
−
<li> Characterize another team's part </li>
+
<body>
−
<li> Debug a construct </li>
+
    <div class="nav">
−
<li> Model or simulating another team's system </li>
+
        <li style="width:10%;"><img src="https://static.igem.org/mediawiki/parts/3/3b/Wiki_logo.png" alt="logo" class="logo1"></li>
−
<li> Test another team's software</li>
+
        <li><img src="https://static.igem.org/mediawiki/parts/6/6a/Wiki_4.png" alt="logo" class="logo2"></li>
−
<li> Help build and test another team's hardware project</li>
+
        <li><a href="https://2016.igem.org/Team:SCUT-China_B">Home</a></li>
−
<li> Mentor a high-school team</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

IGEM-China_B

  • logo
  • logo
  • Home
  • Project
  • Achievements
  • Modeling
  • Notebook
  • Human Practice
  • Lab

    • 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.