Team:NJU-QIBEBT/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:NJU-QIBEBT/CSS/Reset}}
-
 
+
-
 
+
<html>
<html>
 +
<head>
 +
<title></title>
 +
<meta charset="utf-8">
 +
<script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
    $(function(){
 +
        $(window).scroll(function(){
 +
            var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
-
<!--main content -->
+
            if(sTop > 260 ){
-
<table width="70%" align="center">
+
                $("#fixedMenu").css({'position':'fixed','top':'0'});
-
 
+
                $("#fixedMenu_2").css({
-
 
+
                    'display':'block'
-
<!--welcome box -->
+
                });
-
<tr>
+
                $("#top-section").css({
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
                    'display':'none'
-
<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:NJU-QIBEBT/Team&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 -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<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:NJU-QIBEBT"style="color:#000000">Home </a> </td>
+
-
 
+
-
<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:NJU-QIBEBT/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<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=NJU-QIBEBT"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> 
+
-
<a href="https://2014.igem.org/Team:NJU-QIBEBT/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<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:NJU-QIBEBT/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>
+
            }
-
<a href="https://2014.igem.org/Team:NJU-QIBEBT/Modeling"style="color:#000000"> Modeling</a></td>
+
            else{
 +
                $("#fixedMenu").css({'position':'relative'})
 +
                $("#fixedMenu_2").css({
 +
                    'display':'none'
 +
                });
-
<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:NJU-QIBEBT/Notebook"style="color:#000000"> Notebook</a></td>
+
        })
 +
    })
 +
</script>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
-
<a href="https://2014.igem.org/Team:NJU-QIBEBT/Safety"style=" color:#000000"> Safety </a></td>
+
<style type="text/css">
 +
    *{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    a{
 +
        text-decoration: none;
 +
        color: #333333;
 +
    }
 +
    body{
 +
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
 +
    }
 +
    #header{
 +
        margin: 0 auto;
 +
        width: 100%;
 +
    }
 +
    /*========================*/
 +
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
    }
 +
    ul#nav_content{
 +
        width: 960px;
 +
        margin: 0 auto;
 +
        padding: 0;
 +
        list-style: none;
-
<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:NJU-QIBEBT/Attributions"style="color:#000000"> Attributions </a></td>
+
    ul#nav_content a{
 +
        display: inline-block;
 +
        line-height: 50px;
 +
        color: #333333;
 +
        padding: 0 10px;
 +
        transition:all 0.4s;
-
<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>
+
    ul#nav_content a:hover{
-
</table>
+
        background-color: rgba(51,51,51,0.4);
 +
        color: whitesmoke;
-
<!--end navigation menu -->
+
    }
-
</tr>
+
    ul#nav_content ul{
-
</tr>
+
        padding: 0;
-
</td>
+
        list-style: none;
 +
        float: left;
 +
        margin-top: 0px;
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    }
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    ul#nav_content li{
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
        float: left;
 +
    }
 +
    ul#nav_content li ul li{
 +
        background-color: rgba(51,51,51,0.3);
 +
        float: left;
 +
        border-radius: 3px;
 +
        transition:all 0.4s;
-
<tr><td > <h3> Team Information</h3></td>
+
    }
-
<td ></td >
+
    ul#nav_content li ul li{
-
<td > <h3> Upload pictures of your team!</h3></td>
+
    }
-
</tr>
+
    ul#nav_content li ul{
 +
        position: absolute;
 +
        left: -999em;
-
<tr>
+
    }
-
<td width="45%"  valign="top">
+
    #nav_content li:hover ul{
-
<p>
+
        left: auto;
-
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>
+
    }
-
<p>
+
</style>
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
+
<style type="text/css">
 +
    #top-section {
 +
        background:rgba(0,0,0,0.1);}
 +
    .firstHeading{
 +
        display:none; }
 +
    li{
 +
        list-style: none;
 +
    }
 +
    *{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    a{
 +
        text-decoration: none;
 +
        color: #333333;
 +
    }
 +
    body{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    body{
 +
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    #header{
 +
        margin: 0 auto;
 +
        width: 100%;
 +
    }
 +
    #nav-top{
 +
        width: 100%;
 +
        margin: 0 auto;
 +
        height: 100%;
 +
    }
 +
    /*
 +
    #nav-bottom a{
 +
        text-align: center;
 +
        top: 14px;
 +
        position: relative;
 +
        display: inline-block;
 +
        font-size: 18px;
 +
        height: 54px;
 +
        padding-left: 10px;
 +
        padding-right: 10px;
 +
        margin: 0;
 +
        color: #e7e7e7;
 +
        text-shadow: 2px 2px 3px #333333;
 +
    }
 +
    */
 +
    #back_to_top {
 +
        position: fixed;
 +
        left: 50%;
 +
        margin-left: 500px;
 +
        width: 100px;
 +
        height: 100px;
 +
        bottom: 30px;
 +
        background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
 +
    }
 +
    #back_to_top:hover{
 +
        background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
 +
    }
 +
    #footer{
 +
        width: 100%;
 +
        background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
 +
        height: 150px;
 +
    }
 +
    #footer #footerContent{
 +
        width: 960px;
 +
        overflow: hidden;
 +
        color: #FAFAFA;
 +
        margin: 0 auto;
 +
    }
 +
    #footer #footerContent #footerLeft{
 +
        width: 400px;
 +
        float: left;
 +
        margin-top: 10px;
 +
    }
 +
    #footer #footerContent #footerRight{
 +
        width: 500px;
 +
        float: right;
 +
        margin-top: 10px;
 +
    }
 +
    #footer #footerContent p{
 +
        padding-top: 5px;
 +
        font-family: 'PT Sans', sans-serif;
 +
    }
 +
    #footer #footerContent h3{
 +
        font-size: 1.5em;
 +
        padding-top: 5px;
 +
        font-family: 'PT Sans', sans-serif;
 +
        font-weight: 700;
 +
    }
 +
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
    }
 +
    #main{
 +
        z-index: 99;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #header{
 +
        margin-bottom: 10px;
 +
    }
 +
    #main{
 +
        width: 960px;
 +
        margin: 0 auto;
 +
    }
 +
    #main #fixedMenu{
 +
        padding:10px;
 +
        font-family: 'PT Sans', sans-serif;
 +
        font-size: 2.8em;
 +
        display: inline-block;
 +
        color: #e7e7e7;
 +
        background-color: rgba(51,51,51,0.5);
 +
        width: 200px;
 +
        padding-left: 10px;
-
</td>
+
    }
-
<td></td>
+
    #main p{
-
<td width="45%"  valign="top">
+
        font-size: 1.4em;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
        font-family: 'PT Sans', sans-serif;
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
    }
-
<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>
+
    #fixedMenu_2{
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
        display: none;
-
<br>
+
        height: 36px;
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
    }
-
</td>
+
    #sideMenu{
 +
        position: fixed;
 +
        display: none;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #main p{
 +
        margin-top: 10px;
 +
        margin-bottom: 10px;
 +
    }
 +
    #main img{
 +
        margin-left: 20px;
 +
        margin-top: 30px;
 +
        margin-bottom: 30px;
 +
        margin-left: 30px;
 +
        width: 80%;
 +
    }
 +
</style>
-
</tr>
+
</head>
 +
<body>
 +
<div id="header">
 +
    <div id="nav-top">
 +
        <img src="https://static.igem.org/mediawiki/2014/1/19/Day.jpg" width="100%">
 +
    </div>
 +
    <div id="nav-bottom">
 +
        <ul id="nav_content">
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
 +
            </li>
 +
            <li class="menu"><a href="background">PROJECT</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/team/Backgroud">Backgroud</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Production module">Production module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Pumping out module">Pumping out module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Indicator module">Indicator module</a></li>
 +
                </ul>
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
            </li>
-
<td ></td >
+
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT">ACHIEVEMENT</a>
-
<td > </td>
+
                <ul>
-
</tr>
+
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Modeling">Modeling</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Judging Criteria">Judging Criteria</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab">WET LAB</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Notebook">Notebook</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Parts">Parts</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">SAFETY</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
 +
        </ul>
 +
        <!--
 +
        <div id="content1" style="width: 720px;margin: 0 auto">
 +
        <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a>
 +
        </div>
 +
        -->
 +
    </div>
-
<tr>
+
</div>
-
<td width="45%" valign="top">  
+
<div id="sideMenu" style="display: none">
-
<p>What should this page contain?</p>
+
    <ul>
-
<ul>
+
        <li><a>111111</a></li>
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        <li><a>222222</a></li>
-
<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><a>333333</a></li>
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <li><a>444444</a></li>
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
    </ul>
-
</ul>
+
</div>
 +
<div id="main" style="min-height:1000px">
-
</td>
+
</div>
-
<td></td>
+
<div id="footer">
-
<td width="45%" valign="top"> </td>
+
    <div id="footerContent">
 +
        <div id="footerLeft">
 +
            <img src="">
 +
        </div>
-
</tr>
+
        <div id="footerRight">
 +
            <h3>Nanjing University</h3>
 +
            <p>Address：No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China.
 +
            </p>
 +
            <p>TEL:(+86)132999999999</p>
 +
            <p>Email:xxxx@163.com</p>
-
</table>
+
        </div>
 +
    </div>
 +
</div>
 +
<a href="#" id="back_to_top"></a>
 +
</body>
</html>
</html>

Latest revision as of 08:40, 14 October 2014

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT/Team"