Team:SCAU-China/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 4: Line 4:
<html>
<html>
-
<!--main content -->
+
<style>
-
<table width="70%" align="center">
+
*{padding:0;margin:0;}
 +
body { font-family: 微软雅黑; font-size: 12px; color: #333333; padding: 0px; margin: 0px; background: #eee;line-height:180%;}
 +
div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dd, dt { font-family: 微软雅黑; margin: 0px; padding: 0px;  }
 +
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
 +
hr {color: #000;background-color: #000;height: 1px;}
 +
ul,li,ol{ list-style: none; }
 +
a, a:link, a:visited, a:active {text-decoration: none}
 +
a { color: #333333; text-decoration: none; font-family: 微软雅黑; font-size: 12px; }
 +
a:hover{ text-decoration:none;}
 +
a img {border: 0;}
 +
.hx-wrapper{background:#c3e4f5;font-size:12px;line-height:22px;}
-
<!--welcome box -->
+
.hx-wrapper .hd{background:url(https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg) no-repeat center top #c3e4f5;height:465px;}
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>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! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:SCAU-China/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
.hx-content{width:1000px;position:relative;margin:0 auto;background:url(https://static.igem.org/mediawiki/2014/6/64/Hx-mainbg.jpg) no-repeat center top #fff;min-height:1300px;padding-bottom:30px;}
-
<!-- end welcome box -->
+
.hx-content .element{position:absolute;z-index:9;}
-
<tr>
+
.hx-content .elementico1{background:url(https://static.igem.org/mediawiki/2014/b/bb/Hx-element1.png) no-repeat;left:-20px;top:34px;width:100px;height:639px;}
 +
.hx-content .elementico2{background:url(https://static.igem.org/mediawiki/2014/c/c7/Hx-element2.png) no-repeat;left: 19px;top: 693px;width:128px;height:375px;}
 +
.hx-content .elementico3{background:url(https://static.igem.org/mediawiki/2014/e/e0/Hx-element3.png) no-repeat;left: 22px;top: 1007px;width:642px;height:326px;}
 +
.hx-content .wp{padding:40px 50px 40px 60px;height:1045px;}
 +
.hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;}
 +
.hx-side li{background:#0c9ccc;margin-top:10px;}
 +
.hx-side h3{height:40px;padding:0 10px 0 25px;line-height:40px;position:relative;}
 +
.hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
 +
.hx-side h3 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
 +
.hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
 +
.hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
 +
.hx-side li.on{background:#faad55;}
 +
.hx-side li.on a{color:#fff;}
-
<!--navigation menu -->
+
.hx-main{width:620px;float:right;position:relative;}
-
<td align="center" colspan="3">
+
.hx-main .hx-box{padding-bottom:25px;}
 +
.hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}
 +
.hx-main .ti a{font-size:18px;color:#fff;opacity:0.8;display:block;padding:0 20px;}
 +
.hx-main .con{position:relative;overflow:hidden;}
 +
.hx-main .con a{color:#0c9ccc;margin:0 3px;}
 +
.hx-main .hx-box1 .ti{background:#39accb;}
 +
.hx-main .hx-box2 .ti{background:#bb416a;}
 +
.hx-main .hx-box3 .ti{background:#1e677b;}
 +
.hx-main .hx-box4 .ti{background:#ff659a;}
 +
.hx-main .hx-boxd .ti{background:#0c9ccc;}
 +
.hx-box2{float:left;width:300px;overflow:hidden;}
 +
.hx-box3{float:left;width:300px;margin-left:20px;overflow:hidden;}
 +
.hx-box4{clear:both;}
-
<table  width="100%">
+
.hx-gbox{text-align:center;}
-
<tr heigth="15px"></tr>
+
</style>
-
<tr heigth="75px">  
+
<script>
-
 
+
$(function(){
-
 
+
$(".hx-menu h3").click(function(){
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
$(this).parent().find(".twolevel").toggle();
-
<a href="https://2014.igem.org/Team:SCAU-China"style="color:#000000">Home </a> </td>
+
return false();
-
 
+
})
-
<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:SCAU-China/Team"style="color:#000000"> Team </a> </td>
+
</script>
-
 
+
<!--main content -->
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="hx-wrapper">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SCAU-China"style="color:#000000"> Official Team Profile </a></td>
+
<div class="hd"></div>
-
 
+
    <div class="hx-content">
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        <div class="element elementico1"></div>
-
<a href="https://2014.igem.org/Team:SCAU-China/Project"style="color:#000000"> Project</a></td>
+
        <div class="element elementico2"></div>
-
 
+
        <div class="element elementico3"></div>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
    <div class="wp cl">
-
<a href="https://2014.igem.org/Team:SCAU-China/Parts"style="color:#000000"> Parts</a></td>
+
        <div class="l hx-side hx-menu">
-
 
+
            <ul>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                <li class="on"><h3><a href="https://2014.igem.org/Team:SCAU-China">Home</a></h3></li>
-
<a href="https://2014.igem.org/Team:SCAU-China/Modeling"style="color:#000000"> Modeling</a></td>
+
                    <li>
-
 
+
                    <h3><a href="javascript:void(0)">Team</a><i>+</i></h3>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
                        <div class="twolevel">
-
<a href="https://2014.igem.org/Team:SCAU-China/Notebook"style="color:#000000"> Notebook</a></td>
+
                        <a href="Team.html#Members">- Members</a>
-
 
+
                            <a href="Team.html#Advisors">- Advisors</a>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                        </div>
-
<a href="https://2014.igem.org/Team:SCAU-China/Safety"style=" color:#000000"> Safety </a></td>
+
                    </li>
-
 
+
                    <li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                    <h3><a href="javascript:void(0)">Project</a><i>+</i></h3>
-
<a href="https://2014.igem.org/Team:SCAU-China/Attributions"style="color:#000000"> Attributions </a></td>
+
                        <div class="twolevel">
-
 
+
                        <a href="https://2014.igem.org/Team:SCAU-China/Project">- Overview</a>
-
 
+
                            <a href="https://2014.igem.org/Team:SCAU-China/Project">- arcA knock out</a>
-
<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>
+
                            <a href="https://2014.igem.org/Team:SCAU-China/Project">- nadE overexpression</a>
-
</tr>
+
                            <a href="https://2014.igem.org/Team:SCAU-China/Project">- ppsA promoter</a>
-
</table>
+
                            <a href="https://2014.igem.org/Team:SCAU-China/Project">- MDC device</a>
-
 
+
                        </div>
-
<!--end navigation menu -->
+
                    </li>
-
</tr>
+
                    <li>
-
</tr>
+
                    <h3><a href="javascript:void(0)">Omega-PCR</a></h3>
-
</td>
+
                    </li>
-
 
+
                    <li>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
                    <h3><a href="javascript:void(0)">Results</a><i>+</i></h3>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
                        <div class="twolevel">
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
                        <a href="#">- Parts</a>
-
 
+
                            <a href="#">- Electrisity out put</a>
-
<tr><td > <h3> Team Information</h3></td>
+
                            <a href="#">- desalinization ratio</a>
-
<td ></td >
+
                            <a href="#">- Modelling</a>
-
<td > <h3> Upload pictures of your team!</h3></td>
+
                        </div>
-
</tr>
+
                    </li>
-
 
+
                    <li>
-
<tr>
+
                    <h3><a href="javascript:void(0)">Human practices</a><i>+</i></h3>
-
<td width="45%"  valign="top">
+
                        <div class="twolevel">
-
<p>
+
                        <a href="#">- Project consult</a>
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
                            <a href="#">- Safety</a>
-
<p>
+
                            <a href="#">- Outreach</a>
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
                        </div>
-
<ul>
+
                    </li>
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
                    <li>
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
                    <h3><a href="javascript:void(0)">Notebook</a><i>+</i></h3>
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
                        <div class="twolevel">
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
                        <a href="#">- Protocools</a>
-
 
+
                            <a href="#">- Constructions</a>
-
</ul>
+
                            <a href="#">- Photo Gallary</a>
-
 
+
                        </div>
-
 
+
                    </li>
-
 
+
                    <li>
-
</td>
+
                    <h3><a href="javascript:void(0)">Attributions</a><i>+</i></h3>
-
<td></td>
+
                        <div class="twolevel">
-
<td width="45%"  valign="top">  
+
                        <a href="#">- Ourteam</a>
-
<p> We provide a server where you can upload images for your wiki!</p>
+
                            <a href="#">- Partners </a>
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
                            <a href="#">- acknowledgments</a>
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
                        </div>
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
                    </li>
-
<br>
+
                </ul>
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
            </div>
-
</td>
+
            <div class="r hx-main">
-
 
+
           
-
 
+
            <div class="hx-box hx-boxd">
-
</tr>
+
                <div class="ti"><a href="#">Projects</a></div>
-
 
+
                    <div class="con">
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
                    <h4>Students</h4>
-
<td ></td >
+
                       
-
<td > </td>
+
                    </div>
-
</tr>
+
                </div>
-
 
+
               
-
 
+
            </div>
-
<tr>
+
        </div>
-
<td width="45%" valign="top">  
+
       
-
<p>What should this page contain?</p>
+
       
-
<ul>
+
    </div>
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</div>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td></td>
+
-
<td width="45%"  valign="top"> </td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</table>
+
</html>
</html>

Revision as of 10:58, 14 October 2014


Projects

Students

Retrieved from "http://2014.igem.org/Team:SCAU-China/Team"