Team:NJU-QIBEBT/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:NJU-QIBEBT/CSS/Reset}}
-
 
+
-
 
+
<html>
<html>
 +
<head>
 +
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.0/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $("#line1").click(function(){
 +
      $.scrollTo({top:'0px'},300);
 +
    });
 +
    $("#line2").click(function(){
 +
        $.scrollTo({top:'600px'},300);
 +
    });
 +
    $("#line3").click(function(){
 +
        $.scrollTo({top:'1200px'},300);
 +
    });
 +
});
 +
$(document).ready(function(){
 +
    $("#test").click(function(){
 +
        $(this).css('color','white');
 +
    });
 +
    $("#menu_off img").click(function(){
 +
        if($(this).data("tog") === 0){
 +
            $(this).data("tog",1);
 +
            $("#header").animate({ "top" : "0px" }, 200);
 +
        }
 +
        else {
 +
            $(this).data("tog",0);
 +
            $("#header").animate({ "top" : "-60px" }, 150);
 +
        }
 +
    }).data("tog",0);
 +
});
 +
</script>
-
<!--main content -->
+
<style type="text/css">
-
<table width="70%" align="center">
+
-
 
+
-
 
+
-
<!--welcome box -->
+
-
<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: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>
+
-
 
+
-
<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>
+
-
 
+
-
<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/Safety"style=" color:#000000"> Safety </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/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<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 -->
+
-
</tr>
+
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<tr><td > <h3> Team Information</h3></td>
+
/* unique */
-
<td ></td >
+
.firstHeading{
-
<td > <h3> Upload pictures of your team!</h3></td>
+
    display:none;
-
</tr>
+
}
 +
.hid_style{
 +
    display:none;
 +
}
 +
body {
 +
    font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif;
 +
}
 +
*{
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
 +
fieldset,img {
 +
    border: 0;
 +
}
 +
address,caption,cite,code,dfn,em,strong,th,var {
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
ol,ul {
 +
    list-style: none;
 +
}
 +
caption,th {
 +
    text-align: left;
 +
}
 +
h1,h2,h3,h4,h5,h6 {
 +
    font-weight: normal;
 +
    font-size: 100%;
 +
}
 +
abbr,acronym {
 +
    border: 0;
 +
}
 +
a{
 +
    text-decoration: none;
 +
}
 +
a:hover{
 +
    text-decoration: none;
 +
}
 +
ul{
 +
    text-align: center;
 +
    margin: 0 auto;
 +
}
 +
/* header */
 +
#content1{
 +
    width: 960px;
 +
    position: relative;
 +
    margin: 0 auto;
 +
}
-
<tr>
+
#header{
-
<td width="45%"  valign="top">
+
    position: fixed;
-
<p>
+
    width: 100%;
-
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>
+
    background-color: #6166cc;
-
<p>
+
    height: 60px;
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
    box-shadow:1px 1px 3px rgba(0,0,0,.8);
-
<ul>
+
}
-
<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>
+
    float: left;
-
<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>
+
#header a{
 +
    text-align: center;
 +
    color: #dddddd;
 +
    height: 60px;
 +
    line-height: 60px;
 +
    width: 100px;
 +
    display: block;
 +
    background-color: #6166cc;
 +
    transition: 0.2s all;
 +
    border-left: 1px dashed rgba(255,255,255,0.3)
 +
}
 +
#header a[href="/"]{
 +
    width: 149px;
 +
    background: url("https://static.igem.org/mediawiki/2014/3/31/NJU_menu_2.png");
 +
    transition:0.3s all;
-
</ul>
 
 +
}
 +
#header a[href='/']:hover{
 +
    width: 149px;
 +
    background: url("https://static.igem.org/mediawiki/2014/c/c3/NJU_menu_3.png");
 +
    transition:0.3s all;
 +
}
 +
#header a:hover{
 +
    background-color: #CCB761;
 +
    text-shadow: 1px;
 +
    color: #ffffff;
-
</td>
+
}
-
<td></td>
+
#menu_off{
-
<td width="45%"  valign="top">
+
    margin-left: 930px;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
    width: 100px;
-
<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>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
</tr>
+
}
 +
#menu_off img:hover{
 +
    cursor: pointer;
 +
}
 +
/* main */
 +
#main{
 +
    width: 960px;
 +
    min-height: 500px;
 +
    margin: 0 auto;
 +
    top: 200px;
 +
    position: relative;
 +
}
 +
#main p{
 +
    text-align: center;
 +
    font-size: 50px;
 +
    color: #E7E7E7;
 +
    text-shadow: 10px 10px 10px #111111;
 +
    text-decoration:none;
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
}
-
<td ></td >
+
#main #welcome{
-
<td > </td>
+
    text-decoration:none;
-
</tr>
+
}
 +
#main #intro {
 +
    color: #dddddd;
 +
    font-size: 16px;
 +
    width: 800px;
 +
    margin: 50px auto 0 auto;
 +
    line-height: 25px;
 +
}
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>What should this page contain?</p>
 
-
<ul>
 
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </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>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>
+
    </style>
 +
</head>
 +
<body style="background:url('https://static.igem.org/mediawiki/2014/2/20/NJU_wall.jpg') no-repeat fixed;width:100%;">
 +
<div id="header">
 +
    <div id="content1" style="">
 +
        <ul class="left-720" id="menu">
 +
            <li><a href="/Team:NJU-QIBEBT">Home</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Project">Project</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Team">Team</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Parts">Parts</a></li>
 +
            <li><a href="/"></a> </li>
 +
            <li><a href="/Team:NJU-QIBEBT/Practice">Practice</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Safety">Safety</a></li>
 +
            <li><a href="/Team:NJU-QIBEBT/Extras">Extras</a></li>
-
<td></td>
+
        </ul>
-
<td width="45%" valign="top"> </td>
+
        <p id="menu_off"><img src="https://static.igem.org/mediawiki/2014/f/f7/NJU_menu_on.png"></p>
-
</tr>
+
    </div>
 +
</div>
-
</table>
+
<div id="footer"></div>
 +
</body>
</html>
</html>

Revision as of 13:41, 20 September 2014

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