Difference between revisions of "Team:SZU China/Collaborations"

Line 1: Line 1:
{{Template_All_Teams}}
+
{{Template:SZU_China/Playground/style}}
 
+
{{Template:SZU_China/Playground/menu}}
<!-- Declare that you are going to use html code instead of wiki code -->
+
<html>
 +
<head>
 +
<link href="https://2015.igem.org/Template:SZU_China/Playground/Collaboration/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>
 +
</html>
 
<html>
 
<html>
 +
<body>
  
<!-- Start of CSS-->
 
<style type="text/css">
 
  
/* PAGE LAYOUT */
+
<div class="row">
+
  <div class="col-sm-2">
/* page background color*/
+
      <div class="row" style="margin-top:93px;">
body {
+
<div class="col-sm-4">
background-color: #A7A9AB;
+
</div>
}
+
      <div class="col-sm-8">
table {
+
      <a href="http://english.nankai.edu.cn/"> <div class="thumbnail">
table-layout: fixed;
+
            <img src="https://static.igem.org/mediawiki/2015/7/7b/SZU_China_Nankai1.jpg">
word-wrap:break-word;
+
        </div></a>
}
+
    </div>
div {
+
word-wrap:break-word;
+
}
+
  
 +
<div class="col-sm-4">
 +
</div>
 +
    <div class="col-sm-8">
 +
    <a href="https://2015.igem.org/Team:Nankai">  <div class="thumbnail">
 +
            <img src="https://static.igem.org/mediawiki/2015/2/2e/SZU_China_Nankai2.jpg">
 +
        </div>
 +
    </div>
  
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
<div class="col-sm-4">
#mainContainer { 
+
</div>
width: 980px;
+
    <div class="col-sm-8">
overflow: hidden;
+
      <a href="https://2015.igem.org/Team:Nankai/Practices/iShare">    <div class="thumbnail">
float:left;
+
            <img src="https://static.igem.org/mediawiki/2015/d/d7/SZU_China_Nankai3.jpg">
margin-left: 20px;
+
        </div>
background-color: #EEEDEA;
+
    </div>
border-bottom: 6px solid #EE3e53;
+
}
+
  
/* Creates the container for the menu */
+
  </div>
#menuContainer {
+
  </div>
float:right;
+
width: 150px;
+
background-color: #0e232f;
+
height: 100%;
+
border-top: 6px solid #EE3e53;
+
font-family: "Arial", Helvetica, sans-serif;
+
}
+
  
/* Creates the container for the content */
 
#contentContainer {
 
background-color: #EEEDEA;
 
width: 810px;
 
float: left;
 
padding: 10px;
 
border-top: 6px solid #EE3e53;
 
}
 
  
 +
<div class="col-sm-9" style="width:81%">
 +
<div class="content-box">
 +
    <div class="content-heading">
 +
        <h1>Nankai_China</h1>
 +
    </div>
 +
   
 +
    <div class="content-text">
 +
          <p style="font-size:1.3em;">This is the first time Nankai University iGEM team asked our team for a help.They asked us to join their iShare platform,in which all iGEM teams could find the resource and material.
 +
We shared the resources and materials through an excel,which includes all the Biobricks and cells information about our project.
 +
We strongly support the iShare platform created by Nankai iGEM.Fortunately,SZU-iGEM is the first team to share information in the iGEM teams. We have only one purpose to join Nankai iGEM iShare,which is to make our best efforts to help each team,so that we can share resources with iShare as soon as possible.
 +
We helped NanKai University iGEM with the resource sharing of iShare.In return,they gave us these badges as a reward.</p> 
 +
</div>
  
/*Set up height place holder for the banner*/
 
#bannerContainer {
 
height:150px;
 
                                position: relative;
 
margin:auto;
 
text-align:left;
 
color: #24B694;
 
}
 
  
                      img.x {
 
                      position: absolute;
 
                      top: 20px;
 
                      left: 100px;
 
                      }
 
  
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
          <div class="thumbnail">
 
+
            <img src="https://static.igem.org/mediawiki/2015/8/85/SZU_China_Nankai4.jpg" style="margin:auto;">
 
+
          </div>
/*Change the styling of text for everything inside main container*/
+
          <div class="thumbnail">
#mainContainer p {
+
            <img src="https://static.igem.org/mediawiki/2015/4/40/SZU_China_Nankai5.jpg" style="margin:auto;">
font-family: "Arial", Helvetica, sans-serif;
+
            </div>
font-size: 12px;
+
        </div>
color: #0e232f;
+
    </div>
}
+
+
/*This changes the color and font family */
+
#contentContainer h1, h2, h3, h4, h5, h6 {
+
font-family: "Arial", Helvetica, sans-serif;
+
color: #0e232f;
+
border-bottom: none;
+
font-weight: bold;
+
text-transform: uppercase;
+
}
+
 
+
/*Style of the links - links are different inside the menu */
+
#contentContainer a {
+
font-weight: bold;
+
color: #ee3e53;
+
}
+
 
+
  /* Styling links on hover- links are different inside the menu */
+
#contentContainer a:hover{
+
color: #f4b248;
+
}
+
 
+
/*Change the styling of tables */
+
        #contentContainer table {
+
    border: 1px solid #0e232f;
+
    border-collapse: collapse;
+
    width: 90%
+
    margin: auto;
+
    margin-bottom: 15px;
+
    margin-top: 15px;
+
    margin-right: 10px;
+
    margin-left: 10px;
+
    }
+
 
+
/*Change the styling of table cells*/
+
    #contentContainer  td {
+
    padding: 10px;
+
    border: 1px solid #0e232f;
+
    border-collapse: collapse;
+
    vertical-align: text-top;
+
    background-color: #EEEDEA;
+
    }
+
 
+
/*Change the styling of table headers */
+
    #contentContainer th {
+
    padding: 10px;
+
    border: 1px solid #0e232f;
+
    border-collapse: collapse;
+
    vertical-align: text-top;
+
    background-color: #e8d5b7;
+
word-wrap:break-word;
+
 
+
    }
+
 
+
 
+
/*MENU STYLING */
+
 
+
/*Styling for the links in the menu */
+
#menuContainer a {
+
color: #EEEDEA;
+
text-decoration:none;
+
font-weight: bold;
+
}
+
 
+
/* Sets the style for lists inside menuContainer  */
+
#menuContainer ul {
+
width:100%;
+
list-style: none;
+
margin: auto;
+
padding-top: 10px;
+
padding-bottom: 10px;
+
 
+
}
+
 
+
/*Styles the list items to become menu buttons */
+
#menuContainer ul li {
+
display: block;
+
position: relative;
+
padding: 10px;
+
margin-bottom:5px;
+
padding-left: -20px;
+
}
+
 
+
#menuContainer ul li:hover {
+
background: #F4B248;
+
color: #0e232f;
+
}
+
 
+
 
+
/*HIde the submenus and removes the padding */
+
#menuContainer li ul {
+
display: none;
+
padding-top:15px;
+
margin-left: -9px;
+
}
+
 
+
/*Shows the submenus once you hover*/
+
#menuContainer li:hover ul {
+
display: block;
+
}
+
 
+
/*style the submenu buttons*/
+
#menuContainer li ul li {
+
background: #0E232F;
+
width: 100%;
+
}
+
 
+
#menuContainer li ul li:hover {
+
background: #EE3E53;
+
color: #fff;
+
}
+
 
+
 
+
 
+
/*CLASSES */
+
/*Clear class for all the pages, adds spacing too*/
+
.clear{
+
clear:both;
+
height: 10px;
+
}
+
 
+
/* highlight box for special messages */
+
    .highlightBox {
+
    width:500px;
+
            margin:auto;
+
            background-color: #E8D5B7;
+
    margin-bottom: 15px;
+
    margin-top: 15px;
+
    padding: 15px;
+
    padding-top: 5px;
+
+
          }
+
 
+
</style>
+
<!-- End of CSS -->
+
 
+
 
+
<!-- Start of the template html elements. -->
+
<div id ="mainContainer"><!--This div will close on the page.-->
+
 
+
<div id="bannerContainer">
+
  <img src="https://static.igem.org/mediawiki/2014/f/fd/Szunewtop.png">
+
                                  <a href="https://igem.org/Main_Page"><img class="x" src="https://static.igem.org/mediawiki/2014/f/f1/Szuigemlogo.png" ></a>  
+
</div>
+
 
+
<!-- Start of menu -->
+
<div id="menuContainer">
+
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<ul>
+
<a href="https://2015.igem.org/Team:SZU_China"><li>HOME</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Team"><li>TEAM</li></a>
+
 
+
 
+
<a href="#"><li>PROJECT
+
            <ul>
+
<a href="https://2015.igem.org/Team:SZU_China/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:SZU_China/Experiments"><li>Experiments & Protocols</li></a> 
+
<a href="https://2015.igem.org/Team:SZU_China/Results"><li>Results</li></a> 
+
</ul>
+
</li></a>
+
 
+
<a href="#"><li>PARTS
+
            <ul>
+
<a href="https://2015.igem.org/Team:SZU_China/Parts"><li>Team Parts</li></a>
+
<a href="https://2015.igem.org/Team:SZU_China/Basic_Part"><li>Basic Parts</li></a> 
+
<a href="https://2015.igem.org/Team:SZU_China/Composite_Part"><li>Composite Parts</li></a>
+
<a href="https://2015.igem.org/Team:SZU_China/Part_Collection"><li>Part Collection</li></a> 
+
</ul>
+
</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Notebook"><li>NOTEBOOK</li></a>
+
     
+
<a href="https://2015.igem.org/Team:SZU_China/Attributions"><li>ATTRIBUTIONS</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Collaborations"><li>COLLABORATIONS</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Practices"><li>HUMAN PRACTICES</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Safety"><li>SAFETY</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Modeling"><li>MODELING</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Measurement"><li>MEASUREMENT</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Software"><li>SOFTWARE</li></a>
+
 
+
<a href="https://2015.igem.org/Team:SZU_China/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
 
+
</ul>
+
</div>
+
<!-- End of menu  -->
+
 
+
<!-- Start of content -->
+
<div id="contentContainer"><!--This div will close on the page.-->
+
 
+
<h1> WIKI 正在建设中 </h1>
+
 
+
 
+
 
+
 
+
<h2> Collaborations</h2>
+
 
+
<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 class="highlightBox">
+
 
+
<h4> Which other teams can we work with? </h4>
+
<p>
+
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 <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
</p>
+
 
+
<p>
+
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
</p>
+
 
</div>
 
</div>
 
<p>
 
Here are some suggestions for projects you could work on with other teams:
 
</p>
 
 
<ul>
 
<li> Improve the function of another team's BioBrick Part or Device</li>
 
<li> Characterize another team's part </li>
 
<li> Debug a construct </li>
 
<li> Model or simulating another team's system </li>
 
<li> Test another team's software</li>
 
<li> Help build and test another team's hardware project</li>
 
<li> Mentor a high-school team</li>
 
</ul>
 
 
 
 
 
</div>
 
</div>
 +
<script src="https://2015.igem.org/Template:SZU_China/bootstrap/Javascript?action=raw&ctype=text/javascript"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 01:35, 17 September 2015