Difference between revisions of "Template:Rice"

Line 1: Line 1:
−
{{CSS/Main}}
 
 
<html>
 
<html>
−
<style>
+
<head>
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
<style type="text/css">
−
</style>
+
  
−
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
  
−
<!-- beginning of your page -->
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
  
−
<!-- menu -->
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
−
<table id="menu" width="100%"  cellspacing="0" height="135px">
+
background-color: #383838;
−
<tr>
+
border: 0 none;
−
<td  bgColor="#FFFFFF"></td>
+
height: 14px;
−
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
+
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
  
−
<table align="center">
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
−
<tr height="50px">
+
background-color: #383838;
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2 >
+
height: 14px;
−
<a href="https://2014.igem.org/Team:Jilin_China"style="text-decoration:none;color:#1C140D">HOME </a> </td>
+
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
  
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
−
<a href="http://https://2014.igem.org/Team:Jilin_China/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
+
color: #727272;
 +
text-decoration: none;  
 +
background-color: transparent;
 +
}
  
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
body {
−
<a href="https://2014.igem.org/Team:Jilin_China/Parts" style="text-decoration:none;color:#1C140D">PARTS</a></td>
+
background-color: #fff;
 +
}
  
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
<a href="https://2014.igem.org/Team:Jilin_China/Team" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
+
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
+
html, body, .wrapper { /*-- changes default wiki settings --*/
−
<a href="https://2014.igem.org/WikitemplateB_notebook" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
+
width: 100%;  
 +
height: 100%;
 +
background-color: transparent;
 +
}
  
−
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
+
#contentcontainer { /*-- creates container for all content on page --*/
−
<a href="https://2014.igem.org/WikitemplateB_safety" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
+
font-family: Arial, Helvetica, sans-serif;
−
</tr>
+
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;  
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
  
−
<tr> <td colspan="5"></td>
+
.sidemenu, .sidemenu li {
−
<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>
+
list-style-type: none;
−
</tr>
+
list-style-image: none;
−
</table>
+
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
  
−
</td>
+
.sidemenu li {display: block;}
−
<td  bgColor="#FFFFFF"></td>
+
−
</tr>
+
−
</table>
+
−
<!-- end of menu -->
+
  
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
  
−
<!-- First block of content -->
+
.sidemenu a.greyout { color: #909090; }
−
<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! -->
+
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
  
−
<h3>Welcome!  <br>Team Nagahama</h3>
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
−
<p>Scroll down to find more about our project! </p>
+
.sub-sidemenu a {color: #666;}
  
−
</td>
+
div.underconst
−
<td bgColor="#FFFFFF"></td>
+
{
−
</tr>
+
padding:10px;
−
</table>
+
border-radius:5px;
−
<!-- end of first block -->
+
background-color:pink;
 +
text-align:center;
 +
}
  
−
<!--  Block of content 1 -->
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
−
<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">
+
.contentpara {margin-bottom: 30px;}
  
−
<!-- Content goes here -->
+
span.email{font-family: monospace; font-weight: normal;}
−
<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
+
fieldset {border: 1px solid #337f53;}
  
−
What is our project at 2014?
+
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
  
−
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.
+
#alertContainer { margin-bottom: 10px; width: 936px;}
−
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).
+
#annContainer {margin-left: 8px;}
−
To use these E.coli. Finally cadomiun is catched(wastewater is be clean).
+
#newsContainer {border: 1px solid #ccc;}
  
−
What experiment we did?
+
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
  
−
・How to check E.coli's chemotaxis?
+
.newsItem {
−
We make use of other igem team’s　assay.
+
border-bottom: 1px solid #ccc;
−
Using soft agar plate.we let E.coli siwm.
+
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
  
−
・We made a plasmid
+
.newsItem h3 {
−
Our project need to two kind of plasmid.
+
width: auto;
−
we made one plasmid.And we have to make one more plasmid.
+
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
  
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
  
−
</td> 
+
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
  
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
  
−
<!-- This is the back to top button -->
+
.newsItem p {margin-top: 10px;}
−
<td bgColor=#FEE5AD> </td>
+
−
<tr><td bgColor=#FEE5AD></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>
+
−
</table>
+
  
 +
.annItem {
 +
border: 2px solid #414141;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
  
−
</td>
+
.annItem .annCentered {
−
<td bgColor="#FEE5AD"></td>
+
display: table-cell;
−
</tr>
+
vertical-align: middle;
−
</table>
+
height: 160px;
−
<!-- end of Block-->
+
}
  
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
  
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
  
−
<!--  Block of content 2 -->
 
−
<table width="100%"  cellspacing="0" height="500px">
 
−
<tr>
 
−
<td  bgColor="#FACA66"></td>
 
−
<td width="975px" align="center" bgColor="#FACA66" >
 
  
−
<table  width="975px"  cellspacing="0" height="500px">
 
−
<tr>
 
−
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
 
  
−
<!-- Content goes here -->
+
</style>
−
 
+
</style>
−
<h3></h3>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</td> 
+
−
 
+
−
 
+
−
<!-- This is the back to top section -->
+
−
<td bgColor=#FACA66> </td>
+
−
<tr><td bgColor=#FACA66></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>
+
−
</table>
+
−
 
+
−
</td>
+
−
<td bgColor="#FACA66"></td>
+
−
</tr>
+
−
</table>
+
−
<!-- end of Block-->
+
−
 
+
−
 
+
−
 
+
−
<!--  Block of content 3 -->
+
−
<table width="100%"  cellspacing="0" height="500px">
+
−
<tr>
+
−
<td  bgColor="#F7A541"></td>
+
−
<td width="975px" align="center" bgColor="#F7A541" >
+
−
 
+
−
<table  width="975px"  cellspacing="0" height="500px">
+
−
<tr>
+
−
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
+
−
 
+
−
<!-- Content goes here -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<p>
+
−
 
+
−
</p>
+
−
</td> 
+
−
 
+
−
 
+
−
<!-- This is the back to top section -->
+
−
<td bgColor=#F7A541> </td>
+
−
<tr><td bgColor=#F7A541></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>
+
−
 
+
−
</table>
+
−
 
+
−
 
+
−
</td>
+
−
<td bgColor="#F7A541"></td>
+
−
</tr>
+
−
</table>
+
−
<!-- end of Block-->
+
−
 
+
−
 
+
−
 
+
−
<!-- 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>
+
  
−
</table>
 
−
</td>
 
−
<td bgColor="#F45D4C"></td>
 
−
</tr>
 
−
</table>
 
−
<!-- end of Block-->
 
  
  
 
</html>
 
</html>

Revision as of 01:01, 28 July 2016