Team:NJU-QIBEBT/Modeling

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Team/CSS}}
-
 
+
-
 
+
-
{{CSS/Main}}
+
-
 
+
-
 
+
<html>
<html>
 +
<head>
 +
    <title></title>
 +
    <meta charset="utf-8">
 +
    <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
 +
    <style type="text/css">
 +
        li{
 +
            list-style: none;
 +
        }
 +
        *{
 +
            padding:0;
 +
            margin: 0;
 +
        }
 +
        a{
 +
            text-decoration: none;
 +
            color: #333333;
 +
        }
 +
        body{
 +
            padding:0;
 +
            margin: 0;
 +
        }
 +
        body{
 +
            background: url("img/halftone.png") repeat;
 +
            padding:0;
 +
            margin: 0;
 +
        }
 +
        #header{
 +
            margin: 0 auto;
 +
            width: 100%;
 +
        }
 +
        #nav-top{
 +
            width: 960px;
 +
            margin: 0 auto;
 +
        }
 +
        #nav-bottom {
 +
            width: 960px;
 +
            margin: 0 auto;
 +
            height: 50px;
 +
            background: url("img/nav_bg.png");
 +
        }
 +
        #nav-bottom ul li{
 +
            float: left;
 +
            font-size: 18px;
 +
            line-height: 50px;
 +
            text-align: center;
 +
            position: relative;
 +
        }
 +
        #nav-bottom li a{
 +
            padding: 0 20px;
 +
        }
 +
        #nav-bottom li a:hover{
 +
            color: #6166cc;
 +
            background: url("img/small_bg.png") repeat-x;
 +
            display: block;
 +
            transition: all 0.3s;
-
<!--main content -->
+
        }
-
<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/Modeling&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>
+
-
</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>
+
-
 
+
-
<!--modeling content -->
+
        #nav-bottom ul li ul li{
-
<tr><td colspan="3"> <h3>Modeling</h3></td></tr>
+
            float: none;
-
</tr>
+
            background-color: #e7e7e7;
 +
        }
 +
        #nav-bottom ul li ul{
 +
            position: absolute;
 +
            top: 50px;
 +
            left: 0px;
 +
        }
 +
        /*
 +
        #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;
 +
            bottom: 30px;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
<div id="header">
 +
    <div id="nav-top">
 +
        <img src="img/top_bg.png" height="200px" >
-
<tr>
+
    </div>
-
<td width="45%" valign="top">  
+
    <div id="nav-bottom">
-
<p>If you choose to create a model during your project, please write about it here. Modeling is not an essential part of iGEM, but we encourage any and all teams to model some aspect of their project. See previous "Best Model" awards for more information.</p>
+
        <ul>
-
</td>
+
            <li class="menu" style="margin-left: 70px"><a href="#">HOME</a>
 +
                <ul>
 +
                    <li><a href="#">11111</a></li>
 +
                    <li><a href="#">22222</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="menu"><a href="#">PROJECT</a></li>
 +
            <li class="menu"><a href="#">TEAM</a></li>
 +
            <li class="menu"><a href="#">PARTS</a></li>
 +
            <li class="menu"><a href="#">PRACTICE</a></li>
 +
            <li class="menu"><a href="#">MODELING</a></li>
 +
            <li class="menu"><a href="#">SAFETY</a></li>
 +
            <li class="menu"><a href="#">EXTRA</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>
-
<td></td>
+
</div>
-
<td></td>
+
<div id="main" style="height: 1900px">
-
</tr>
+
 +
</div>
 +
<div id="footer">
-
</table>
+
</div>
 +
<a href="#" id="back_to_top"><img src="img/back_to_top.png" width="66px"></a>
 +
</body>
</html>
</html>

Revision as of 07:50, 11 October 2014

Template:Team/CSS

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