Team:HUST-Innovators

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
 +
<head>
-
<!--main content -->
+
<title></title>
-
<table width="70%" align="center">
+
<style type="text/css">
 +
#top-section{
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 0;
 +
    border: none;
 +
}
 +
#top-section #menubar.left-menu{
 +
    position: absolute;
 +
    top: 0; left: 0;
 +
}
 +
#top-section #menubar.right-menu{
 +
    position: absolute;
 +
    top: 0; right: 0;
 +
}
 +
.editsection,
 +
#top-section #p-logo,
 +
#top-section #search-controls,
 +
#content h1.firstHeading,
 +
#content #bodyContent #contentSub,
 +
#content #bodyContent p,    /* holly crap, they have p element for script tag and no id and no class... */
 +
#catlinks{
 +
    display: none;
 +
}
 +
#globalWrapper,
 +
#globalWrapper #content{
 +
    background: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    border: none;
 +
    width: auto;
 +
}
 +
#footer-box {
 +
border-top: 1px solid #E4E4E4;
 +
border-right: 0px;
 +
border-bottom: 0px;
 +
border-left: 0px;
 +
}
-
<!--welcome box -->
+
/* because I hide p element in #bodyContent */
-
<tr>
+
#content #bodyContent div p{
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    display: block;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
}
-
<p> </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:HUST-Innovators&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-
<td align="center" colspan="3">
+
/* background: transparent; */
 +
border: 0;
 +
font-size: 100%;
 +
/* margin: 0; */
 +
outline: 0;
 +
/* padding: 0; */
 +
vertical-align: baseline;
 +
/* list-style: none; */
 +
}
-
<table  width="100%">
+
body {
-
<tr heigth="15px"></tr>
+
/*background: #fff;*/
-
<tr heigth="75px">
+
  line-height: 1;
 +
  background-color: #fff;
 +
  font-family: Calibri, Arial;
 +
  font:Calibri;
 +
  overflow-x: hidden;
 +
  background: url(https://static.igem.org/mediawiki/2012/3/3a/Bg.png);
 +
}
 +
/*hd--------------------------------------*/
 +
#hd{
 +
width:730px;
 +
margin:20px auto;
 +
text-align:center;
 +
}
 +
h1{
 +
font-size: 5em;
 +
color:#2e423e;
 +
margin:25px 0 0 30px;
 +
float:left;
 +
/*  width: 400px;*/
 +
height: 90px;
 +
}
 +
h2 {
 +
font-size: 2em;
 +
color: #2e423e;
 +
margin: 0px 0 20 0px;
 +
float: left;
 +
width: 750px;
 +
height: 20px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/*underline-------------------------------*/
-
<a href="https://2014.igem.org/Team:HUST-Innovators"style="color:#000000">Home </a> </td>
+
#under{
 +
width:100%;
 +
height:30px;
 +
background:url(https://static.igem.org/mediawiki/2012/d/df/Under.png);
 +
background-repeat: repeat-x;
 +
float:left;
 +
margin-top:165px;
 +
position:absolute;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*nav-------------------------------------*/
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Team"style="color:#000000"> Team </a> </td>
+
#nav {
 +
color: #eee;
 +
font-size: 22px;
 +
width: 850px;
 +
height: 60px;
 +
margin: 0 auto;
 +
/* position: relative; */
 +
top: 150px;
 +
}
 +
#nav a, a:visited {
 +
text-decoration: none;
 +
color: #eee;
 +
}
 +
#nav detail a, a:visited {
 +
text-decoration: none;
 +
color: #2e423e;
 +
}
 +
#nav a:hover{
 +
        text-decoration:none;
 +
cursor:pointer;
 +
background:#2e423e;
 +
        color=#fff;
 +
}
 +
#nav ul{
 +
position:absolute;
 +
margin:0 auto;
 +
padding:0 20px 0 20px;
 +
background: #5baf8f; /* Old browsers */
 +
background: -moz-linear-gradient(top,  #5baf8f 0%, #498f7d 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5baf8f), color-stop(100%,#498f7d)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  #5baf8f 0%,#498f7d 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5baf8f', endColorstr='#498f7d',GradientType=0 ); /* IE6-9 */
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=HUST-Innovators"style="color:#000000"> Official Team Profile </a></td>
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#nav ul li{
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Project"style="color:#000000"> Project</a></td>
+
float:left;
 +
padding: 12px 14px 15px 14px;
 +
display:block;
 +
text-align:center;
 +
}
 +
#nav ul li:hover{
 +
background:#2e423e;
 +
text-decoration: none;
 +
}
 +
#second ul li{
 +
background:#5baf8f;
 +
width: 89px;
 +
}
 +
#second ul{
 +
padding: 0;
 +
font-size: 15.5px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Parts"style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar{
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Modeling"style="color:#000000"> Modeling</a></td>
+
        width:100px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#footer-box{
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Notebook"style="color:#000000"> Notebook</a></td>
+
      display:none;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#ft{
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Safety"style=" color:#000000"> Safety </a></td>
+
width:720px;
 +
position:relative;
 +
color:grey;
 +
float:left;
 +
text-align:center;
 +
border-top:2px solid #888;
 +
padding-top:10px;
 +
padding-bottom:40px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:HUST-Innovators/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
/*main-----------------------------------*/
 +
.main{
 +
width:730px;
 +
margin:0 auto;
 +
position:relative;
 +
        top=50px;
 +
        font-size:1.1em;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
+
.clear{clear:both;}
-
</tr>
+
 +
</style>
-
</tr>
+
<script type="text/javascript">
-
+
    function mycarousel_initCallback(carousel) {
 +
        // Disable autoscrolling if the user clicks the prev or next button.
 +
        carousel.buttonNext.bind('click', function () {
 +
            carousel.startAuto(0);
 +
        });
 +
        carousel.buttonPrev.bind('click', function () {
 +
            carousel.startAuto(0);
 +
        });
 +
        // Pause autoscrolling if the user moves with the cursor over the clip.
 +
        carousel.clip.hover(function () {
 +
            carousel.stopAuto();
 +
        }, function () {
 +
            carousel.startAuto();
 +
        });
 +
    };
 +
    jQuery(document).ready(function () {
 +
        jQuery('#mycarousel').jcarousel({
 +
            auto: 2,
 +
            wrap: 'last',
 +
            initCallback: mycarousel_initCallback
 +
        });
 +
    });
 +
</script>
-
</td>
 
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<script type="text/javascript">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
    function list(Name) {
 +
        document.getElementById(Name).style.display = "block";
 +
    }
 +
    function mouseOut(type) {
 +
        document.getElementById(type).style.display = "none";
 +
    }
 +
    function clean(type) {
 +
        document.getElementById("1").style.display = "none";
 +
        document.getElementById("2").style.display = "none";
 +
        document.getElementById("3").style.display = "none";
 +
        document.getElementById("4").style.display = "none";
 +
        document.getElementById("5").style.display = "none";
 +
        // document.getElementById(type).style.display = "block";
 +
    }
 +
</script>
 +
<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css" />
 +
</head>
-
<!--requirements section -->
+
<body>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<!--main content -->
 +
<table width="70%" align="center">
 +
 
 +
 
 +
<!--welcome box -->
 +
 
 +
<thead class="title">
<tr>
<tr>
-
<td width="45%"  valign="top">  
+
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgcolor="#FF404B">
 +
<div style="height:110;"><h1>WELCOME TO iGEM 2014! </h1></div>
 +
<div style="padding:30px 0 10px 0;">Your team has been approved and you are ready to start the iGEM season!
 +
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world!
 +
<br>
 +
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:HUST-Innovators&amp;action=edit" style="color:#FFFFFF"> Click here to edit this page!</a> </p></div>
 +
</td>
 +
</tr>
 +
</thead>
 +
<tbody id="bar">
 +
<tr> <td colspan="3" height="5px"> </td></tr>
 +
<!-- end welcome box -->
 +
<tr>  
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<!--navigation menu -->
 +
<td align="center" colspan="3">
-
<!-- Links to other team pages -->
+
<div id="nav">
-
<ul>
+
<ul>  
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=HUST-Innovators">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:HUST-Innovators/Attributions">Attributions</a> </li>
+
-
</ul>
+
<li> 
 +
<a href="https://2014.igem.org/Team:HUST-Innovators" style="color:#000000">Home </a> </li>
-
</td>
+
<li id="introduction" onmouseover="list(1)" onmouseout="clean(1)">
 +
<a href="https://2014.igem.org/Team:HUST-Innovators/Team" style="color:#000000"> Introduction </a> </li>
-
<td > </td>
+
<li id="modeling" onmouseover="list(2)" onmouseout="clean(2)">  
-
<td width="45%">
+
<a href="https://igem.org/Team.cgi?year=2014&amp;team_name=HUST-Innovators" style="color:#000000"> Modeling </a></li>
 +
 
 +
<li id="achievements" onmouseover="list(3)" onmouseout="clean(3)"> 
 +
<a href="https://2014.igem.org/Team:HUST-Innovators/Project" style="color:#000000"> Achievements </a></li>
 +
 
 +
<li id="team" onmouseover="list(4)" onmouseout="clean(4)">
 +
<a href="https://2014.igem.org/Team:HUST-Innovators/Parts" style="color:#000000"> Team</a></li>
 +
 
 +
<li id="humanpractice" onmouseover="list(5)" onmouseout="clean(5)">
 +
<a href="https://2014.igem.org/Team:HUST-Innovators/Modeling" style="color:#000000"> HumanPractice
 +
</a></li>
 +
 
 +
<!--<li align="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </li>-->
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
</ul>
</ul>
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
+
<!--子级分栏-->
-
</tr>
+
<div id="second" style="width: 50px;position: absolute;z-index:9;font-size: 18px;filter: alpha(opacity=88);-moz-opacity:0.88;opacity:0.88; ">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<ul id="1" style="left: 110px; top: 50px;" onmouseover="list(1)" onmouseout="mouseOut(1)"; >
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<li><a href="https://2012.igem.org/Team:HUST-China/Project/Abstract">Abstract</a></li>
 +
                                <li onmouseover="list(6)" onmouseout="clean(6)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Background">Lignocellulose Decomposer</a></li>
 +
<li onmouseover="list(7)" onmouseout="clean(7)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Mechanism">Microbial Fuel Cell</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Project/FD">Future Directions</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Project/Protocols">Protocols</a></li>
 +
</ul>
 +
 +
<ul id="2" style="left: 240px; top: 50px;" onmouseover="list(2)" onmouseout="mouseOut(2)"; >
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/Abstract">Abstract</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/CAL">Celluar Automaton</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/GM">Generator Model</a></li>
 +
</ul>
 +
 +
 +
<ul id="3" style="left: 361px; top: 50px;" onmouseover="list(3)" onmouseout="mouseOut(3)"; >
 +
<li style="width: 110px;"><a href="https://2012.igem.org/Team:HUST-China/Parts">Parts Submitted</a></li>
 +
<li style="width: 110px;"><a href="https://2012.igem.org/Team:HUST-China/Achievements/Modeling">Modeling</a></li>
 +
    </ul>
 +
 +
    <ul id="4" style="left: 500px; top: 50px;" onmouseover="list(4)" onmouseout="mouseOut(4)"; >
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Team">Our Team</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Attribution">Attribution</a></li>
 +
<li><font size="1"><a href="https://2012.igem.org/Team:HUST-China/Acknowledgement">Acknowledgement</a></font></li>
 +
</ul>
 +
 +
<ul id="5" style="left: 580px; top: 50px;" onmouseover="list(5)" onmouseout="mouseOut(5)"; >
 +
<li style="width: 148px;"><a href="https://2012.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
<li style="width: 148px;"><a href="https://2012.igem.org/Team:HUST-China/HumanPractice">Survey &amp; Outreach</a></li>
 +
</ul>
 +
 +
<div id="third">
 +
<ul id="6" style="left: 220px; top: 110px;" onmouseover="list(6)" onmouseout="mouseOut(6)"; >
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Background">Background</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Method">Method</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Result">Result</a></li>
 +
                                                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Notebook">Notebook</a></li>
 +
</ul>
 +
<ul id="7" style="left: 220px; top: 166px;" onmouseover="list(7)" onmouseout="mouseOut(7)"; >
 +
                                                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Introduction">Introduction</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Mechanism">Mechanism</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Result">Result</a></li>
 +
                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<table width="100%">
 +
<tbody><tr heigth="15px"></tr>
 +
</tbody>
 +
</table>
 +
 +
<!--end navigation menu -->
 +
</td></tr>
 +
 +
</tbody>
 +
 +
<!--
 +
<tr> <td colspan="3" height="15px"> </td></tr>
 +
<tr><td bgcolor="#e7e7e7" colspan="3" height="1px"> </td></tr>
 +
<tr> <td colspan="3" height="5px"> </td></tr>-->
 +
 +
 +
<!--home--------------------------------------------------------------------------------------->
 +
<tbody id="detail_home">
 +
<!--requirements section -->
<!--tips  -->
<!--tips  -->
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<tr><td colspan="3"> <h2> Tips  </h2></td></tr>
<tr>
<tr>
Line 156: Line 408:
<li>Have lots of fun! </li>
<li>Have lots of fun! </li>
</ul>
</ul>
-
</br>
+
<br>
</td>
</td>
</tr>
</tr>
 +
 +
</tbody>
 +
 +
 +
</table>
</table>
 +
</body></html>

Revision as of 02:52, 15 October 2014


WELCOME TO iGEM 2014!

Your team has been approved and you are ready to start the iGEM season!
On this page you can document your project, introduce your team members, document your progress
and share your iGEM experience with the rest of the world!

Click here to edit this page!

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2013 calendar
  • Have lots of fun!

Retrieved from "http://2014.igem.org/Team:HUST-Innovators"