Difference between revisions of "Template:UIUC Illinois"

Line 1: Line 1:
−
{{Template_All_Teams}}
+
{{CSS/Main}}
−
 
+
−
<!-- Declare that you are going to use html code instead of wiki code -->
+
 
<html>
 
<html>
 +
<style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
 +
 +
<!--  here ends the section that changes the default wiki template to a white full width background -->
 +
 +
 +
<!-- beginning of your page -->
 +
 +
<!-- menu -->
 +
<table id="menu" width="100%"  cellspacing="0" height="135px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
 +
 +
<table align="center">
 +
<tr height="50px">
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2 >
 +
<a href="https://2014.igem.org/Team:Jilin_China"style="text-decoration:none;color:#1C140D">HOME </a> </td>
 +
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="http://https://2014.igem.org/Team:Jilin_China/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
 +
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="https://2014.igem.org/Team:Jilin_China/Parts" style="text-decoration:none;color:#1C140D">PARTS</a></td>
 +
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="https://2014.igem.org/Team:Jilin_China/Team" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
 +
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 +
<a href="https://2014.igem.org/WikitemplateB_notebook" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
 +
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 +
<a href="https://2014.igem.org/WikitemplateB_safety" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
 +
</tr>
 +
 +
<tr> <td colspan="5"></td>
 +
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
 +
</tr>
 +
</table>
 +
 +
</td>
 +
<td  bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of menu -->
 +
 +
 +
<!-- First block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="500px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
 +
 +
<!-- You can replace this image with your team's logo! -->
 +
 +
<h3>Welcome!  <br>Team Nagahama</h3>
 +
<p>Scroll down to find more about our project! </p>
 +
 +
</td>
 +
<td bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of first block -->
 +
 +
<!--  Block of content 1 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr><td  bgColor="#FEE5AD"></td>
 +
<td width="975px" align="center" bgColor="#FEE5AD" >
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
 +
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="center">
 +
 +
<!-- Content goes here -->
 +
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
 +
<h3>Read about our projects!</h3>
 +
 +
One E.coli Has One Function
  
−
<!-- Start of CSS-->
+
What is our project at 2014?
−
<style type="text/css">
+
  
−
/* PAGE LAYOUT */
+
Cadmium is one of harmful materialｓ for us. 50 years ago, itai-iati disease was going around in center of Japan Gihu. The cause was industrial wastewater. Cadmium contained the water. Our project is to find a way to clean contaminated with Cadmium. we think how to clean the water. We use E.coli.
 +
Concretely, we use two kinds of E.coli. One catches Cadmium.　the Other makes to all E.coli to use chemoattractant. Catches E.coli displays metallothionein (metallothionein is a protein that combines a heavy metal. Cadomium is one kind of heavy metal). Other is releasing Asp (Asp is one kind of chemoattractant. All E.coli is close to the Asp E.coli).
 +
To use these E.coli. Finally cadomiun is catched(wastewater is be clean).
  
−
/* Change Background color*/
+
What experiment we did?
−
body {
+
−
background-color: #FFF3B1;
+
−
}
+
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
・How to check E.coli's chemotaxis?
−
#mainContainer {
+
We make use of other igem team’s　assay.
−
width: 978px;
+
Using soft agar plate.we let E.coli siwm.
−
overflow:hidden;
+
−
float:left;
+
−
margin-left:20px;
+
−
margin-bottom: 10px;
+
−
background-color: #fff;
+
−
border-bottom: 14px solid #000445;
+
−
border-right: 2px solid #000445;
+
−
border-left: 2px solid #000445;
+
−
border-top: 2px solid #000445;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
  
−
/* Creates the container for the menu */
+
・We made a plasmid
−
#menuContainer  {
+
Our project need to two kind of plasmid.
−
float:left;
+
we made one plasmid.And we have to make one more plasmid.
−
width: 134px;
+
−
padding: 20px 0px;
+
−
border-top: 14px solid #000445;
+
−
background-color: #EB7E09;
+
−
}
+
  
−
/* Creates the container for the content */
 
−
#contentContainer {
 
−
padding-top:20px;
 
−
padding-right:10px;
 
−
margin-bottom: 20px;
 
−
width: 814px;
 
−
padding-left: 20px;
 
−
float: left;
 
−
background-color: #fff;
 
−
border-top: 14px solid #000445;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
  
−
/*Set up height place holder for the banner*/
+
</td> 
−
#bannerContainer {
+
−
height:200px;
+
−
margin:auto;
+
−
text-align:center;
+
−
color: #FF590A;
+
−
}
+
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
  
−
/*Change the styling of text for everything inside main container*/
+
<!-- This is the back to top button -->
−
#mainContainer p {
+
<td bgColor=#FEE5AD> </td>
−
font-size: 13px;
+
<tr><td bgColor=#FEE5AD></td></tr>
−
color: #000000;
+
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
−
}
+
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
  
−
/*This changes the color and font family */
 
−
#contentContainer h1, h2, h3, h4, h5, h6 {
 
−
color: #000445;
 
−
border-bottom: none;
 
−
font-weight: bold;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
margin-top:10px;
 
−
}
 
  
−
/*Style of the links - links are different inside the menu */
+
</td>
−
#contentContainer a {
+
<td bgColor="#FEE5AD"></td>
−
font-weight: bold;
+
</tr>
−
color: #23b593;
+
</table>
−
}
+
<!-- end of Block-->
  
−
  /* Styling links on hover- links are different inside the menu */
 
−
#contentContainer a:hover {
 
−
color: #FF590A;
 
−
}
 
  
−
/*Change the styling of tables */
 
−
        #contentContainer table {
 
−
    border: 1px solid #000445;
 
−
    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*/
+
<!--  Block of content 2 -->
−
    #contentContainer td {
+
<table width="100%" cellspacing="0" height="500px">
−
    padding: 10px;
+
<tr>
−
    border: 1px solid #000445;
+
<td  bgColor="#FACA66"></td>
−
    border-collapse: collapse;
+
<td width="975px" align="center" bgColor="#FACA66" >
−
    vertical-align: text-top;
+
−
    }
+
  
−
/*Change the styling of table headers */
+
<table width="975px"  cellspacing="0" height="500px">
−
    #contentContainer th {
+
<tr>
−
    background-color: #EB7E09;
+
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
−
    padding: 10px;
+
−
    border: 1px solid #000445;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
 +
<!-- Content goes here -->
  
 +
<h3></h3>
  
−
/*MENU STYLING */
 
  
−
/*Styling for the links in the menu */
 
−
#menuContainer a {
 
−
color: #000445;
 
−
text-decoration:none;
 
−
font-weight: bold;
 
−
}
 
  
−
/* Sets the style for lists inside menuContainer  */
 
−
#menuContainer ul {
 
−
list-style: none;
 
−
margin-left:0px;
 
−
}
 
  
−
/*Styles the list items to become menu buttons */
 
−
#menuContainer ul li {
 
−
text-align: center;
 
−
display: block;
 
−
width: 100%;
 
−
height:30px;
 
−
padding-top:10px;
 
−
}
 
  
−
/*For the menu buttons, changes the color when hovering*/
 
−
#menuContainer li:hover {
 
−
color:  #FFF;
 
−
background-color: #FF590A;
 
−
}
 
  
−
/*Submenus are not displayed as default*/
+
</td> 
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
  
−
/*Submenus are displayed when hovering the menu button */
 
−
#menuContainer li:hover ul {
 
−
/*display: inline-block; */
 
−
display: block;
 
−
position: absolute;
 
−
float:right;
 
−
margin-left: 134px;
 
−
margin-top:-42px;
 
−
}
 
  
−
/*Style the submenu buttons*/
+
<!-- This is the back to top section -->
−
#menuContainer li ul li{
+
<td bgColor=#FACA66> </td>
−
background-color: #FF590A;
+
<tr><td bgColor=#FACA66></td></tr>
−
padding-left:20px;
+
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
−
padding-right:20px;
+
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
−
height:30px;
+
</table>
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #000445;
+
−
width: 150px;
+
−
}
+
  
−
/*CLASSES */
+
</td>
 +
<td bgColor="#FACA66"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
  
−
/*Clear class for all the pages, adds spacing too*/
 
−
.clear{
 
−
clear:both;
 
−
height: 10px;
 
−
}
 
  
  
−
/* highlight box for special messages */
+
<!--  Block of content 3 -->
−
    .highlightBox {
+
<table width="100%"  cellspacing="0" height="500px">
−
        width:500px;
+
<tr>
−
        margin:auto;
+
<td  bgColor="#F7A541"></td>
−
        background-color: #EB7E09;
+
<td width="975px" align="center" bgColor="#F7A541" >
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
  
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
  
−
</style>
+
<!-- Content goes here -->
−
<!-- End of CSS -->
+
  
  
−
<!-- Start of the template html elements. -->
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
  
  
−
<div id="bannerContainer">
 
−
<!-- <br><br> -->
 
−
<!-- <h2> Add a banner to your wiki! </h2> -->
 
−
<!-- James here. If I'm correct, this is where you can add a banner to the wiki -->
 
−
<img style="margin-top:-0px" src="https://static.igem.org/mediawiki/2015/4/4b/Wikilogo.png" width="980px" height="200"/>
 
−
<!-- <p>You can make the image 980px  by  200px</p> -->
 
−
<!-- <p> Remember to call the file: "<i>Team_UIUC_Illinois_banner.jpg</i>" </p> -->
 
−
</div>
 
  
−
<!-- Start of menu -->
+
<p>
−
<div id="menuContainer">
+
  
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
</p>
−
<ul>
+
</td>
−
<a href="https://2015.igem.org/Team:UIUC_Illinois"><li>HOME</li></a>
+
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Team"><li>TEAM</li></a>
 
  
−
<a href="#"><li>PROJECT
+
<!-- This is the back to top section -->
−
            <ul>
+
<td bgColor=#F7A541> </td>
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Description"><li>Description</li></a>
+
<tr><td bgColor=#F7A541></td></tr>
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Experiments"><li>Experiments &amp; Protocols</li></a>
+
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Results"><li>Results</li></a>
+
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Design"><li>Design</li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href="#"><li>PARTS
+
</table>
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Parts"><li>Team Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Basic_Part"><li>Basic Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Composite_Part"><li>Composite Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Part_Collection"><li>Part Collection</li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Notebook"><li>NOTEBOOK</li></a>
 
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Attributions"><li>ATTRIBUTIONS</li></a>
+
</td>
 +
<td bgColor="#F7A541"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Collaborations"><li>COLLABORATIONS</li></a>
 
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Practices"><li>HUMAN PRACTICES</li></a>
 
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Safety"><li>SAFETY</li></a>
+
<!-- This is the back to top section -->
 +
<td bgColor=#F45D4C> </td>
 +
<tr><td bgColor=#F45D4C ></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
  
−
<a href="https://2015.igem.org/Team:UIUC_Illinois/Modeling"><li>MODELING</li></a>
+
</table>
 +
</td>
 +
<td bgColor="#F45D4C"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
  
−
</ul>
 
−
</div>
 
−
<!-- End of menu  -->
 
  
−
<!-- Start of content -->
 
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
 
</html>
 
</html>

Revision as of 23:58, 30 August 2015

Welcome!
Team Nagahama

Scroll down to find more about our project!

Read about our projects!

One E.coli Has One Function What is our project at 2014? Cadmium is one of harmful materialｓ for us. 50 years ago, itai-iati disease was going around in center of Japan Gihu. The cause was industrial wastewater. Cadmium contained the water. Our project is to find a way to clean contaminated with Cadmium. we think how to clean the water. We use E.coli. Concretely, we use two kinds of E.coli. One catches Cadmium.　the Other makes to all E.coli to use chemoattractant. Catches E.coli displays metallothionein (metallothionein is a protein that combines a heavy metal. Cadomium is one kind of heavy metal). Other is releasing Asp (Asp is one kind of chemoattractant. All E.coli is close to the Asp E.coli). To use these E.coli. Finally cadomiun is catched(wastewater is be clean). What experiment we did? ・How to check E.coli's chemotaxis? We make use of other igem team’s　assay. Using soft agar plate.we let E.coli siwm. ・We made a plasmid Our project need to two kind of plasmid. we made one plasmid.And we have to make one more plasmid.
Top

Top

Top
Top