Team:OUC-China/Notebook

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 *** -->
 
-
 
-
 
{{CSS/Main}}
{{CSS/Main}}
-
 
-
 
<html>
<html>
-
 
+
    <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
-
<!--main content -->
+
    <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
-
<table width="70%" align="center">
+
    <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
-
 
+
    <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
-
 
+
    <style>
-
<!--welcome box -->
+
        body {
-
<tr>
+
            background-color: #609fd2;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
            background-repeat: repeat;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
            background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
            position: relative;
-
<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>
+
        header {
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:OUC-China/Notebook&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
            background-color: #609fd2;
-
</td>
+
        }
-
</tr>
+
        header > div {
-
 
+
            margin: 0 auto;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
            margin-bottom: 0 !important;
-
<!-- end welcome box -->
+
            width: 778px;
-
<tr>  
+
        }
-
 
+
        .member > img {
-
<!--navigation menu -->
+
            width: 250px;
-
<td align="center" colspan="3">
+
            height: 250px;
-
 
+
            border: 5px solid #ffffff;
-
<table  width="100%">
+
            border-radius: 50%;
-
<tr heigth="15px"></tr>
+
            display: inline-block;
-
<tr heigth="75px">  
+
            margin: 20px;
-
 
+
            position: inherit;
-
 
+
        }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        .member > div {
-
<a href="https://2014.igem.org/Team:OUC-China"style="color:#000000">Home </a> </td>
+
            display: inline-block;
-
 
+
            position: relative;
-
<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:OUC-China/Team"style="color:#000000"> Team </a> </td>
+
        .memberight {
-
 
+
            text-align: right;
-
<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=OUC-China"style="color:#000000"> Official Team Profile </a></td>
+
        .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
 
+
            color: #ffffff !important;
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
            font-size: 20px;
-
<a href="https://2014.igem.org/Team:OUC-China/Project"style="color:#000000"> Project</a></td>
+
        }
-
 
+
        .popover {
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            z-index: 1 !important;
-
<a href="https://2014.igem.org/Team:OUC-China/Parts"style="color:#000000"> Parts</a></td>
+
        }
-
 
+
        .affix{
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            position: fixed;
-
<a href="https://2014.igem.org/Team:OUC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
            top: 0;
-
 
+
        }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        .affix-top{
-
<a href="https://2014.igem.org/Team:OUC-China/Notebook"style="color:#000000"> Notebook</a></td>
+
            position: absolute;
-
 
+
            top: 286px;
-
<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:OUC-China/Safety"style=" color:#000000"> Safety </a></td>
+
        .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
-
 
+
            background-color: #d2e9fd !important;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            color: #000000 !important;
-
<a href="https://2014.igem.org/Team:OUC-China/Attributions"style="color:#000000"> Attributions </a></td>
+
        }
-
 
+
        #childNavigator .nav {
-
 
+
            margin-left: 0!important;
-
<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>
+
        #childNavigator > .nav > li > a {
-
</table>
+
            font-size: 16px;
-
 
+
        }
-
 
+
        #childNavigator > .nav > li > .nav > li > a {
-
</tr>
+
            padding-left: 20%;
-
 
+
            font-size: 14px;
-
 
+
        }
-
</tr>
+
        .topSection {
-
+
            height: 240px;
-
 
+
            padding-top: 10px;
-
 
+
            background-color: rgb(210,233,253);
-
 
+
            margin-top: -11px;
-
 
+
        }
-
</td>
+
        .topSection .igemLogo {
-
 
+
            position:absolute;
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
            top: 10px;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
            left: 10px;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
        }
-
 
+
        .topSection .waveUp {
-
 
+
            margin-top: -10px;
-
<!--requirements section -->
+
            width: 100%;
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
            height: 110px;
-
</tr>
+
            background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
-
 
+
            z-index: 0;
-
 
+
        }
-
<tr>
+
        .topSection .waveDown {
-
<td width="45%" valign="top">
+
            margin-top: -70px;
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
+
            width: 100%;
-
</td>
+
            height: 70px;
-
 
+
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
-
<td></td>
+
            z-index: 2;
-
<td></td>
+
            position: relative;
-
</tr>
+
        }
-
 
+
        .topSection .leftPlas {
-
 
+
            display: block;
-
</table>
+
            position: absolute;
 +
            top: 26px;
 +
            z-index: 1;
 +
            left: 211px;
 +
            -webkit-transition: all ease 0.5s;
 +
            -moz-transition: all ease 0.5s;
 +
            -ms-transition: all ease 0.5s;
 +
            transition: all ease 0.5s;
 +
        }
 +
        .topSection .leftPlas:hover {
 +
            margin-top: -5px;
 +
        }
 +
        .topSection .rightPlas {
 +
            display: block;
 +
            position: absolute;
 +
            top: 26px;
 +
            z-index: 1;
 +
            right: 211px;
 +
        }
 +
    </style>
 +
    <script>
 +
        if ($('.firstHeading')) $('.firstHeading').remove();
 +
    </script>
 +
<div class="topSection">
 +
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
 +
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
 +
        <div class="waveUp"></div>
 +
        <div class="waveDown"></div>
 +
        <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
 +
        <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
 +
    </div>
 +
    <header>
 +
        <div class="navbar navbar-inverse">
 +
            <div class="navbar-collapse collapse navbar-inverse-collapse">
 +
                <ul class="nav navbar-nav">
 +
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
 +
                            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievment</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Boi safety</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Lab safety</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">Policy&Practise</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab note</a></li>
 +
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling note</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <script>
 +
            var leftPlas = $(".topSection .leftPlas");
 +
            var originalLeft = leftPlas.offset().left;
 +
            $("header .nav > li").mouseover(function () {
 +
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
 +
                leftPlas.css({ left: $(this).offset().left - 50 });
 +
            }).mouseout(function () {
 +
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                leftPlas.css({ left: originalLeft });
 +
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
 +
            });
 +
        </script>
 +
    </header>
 +
    <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
 +
        <!--在这里放置文章内容-->
 +
    </div>
 +
    <script>
 +
        $(document.body).scrollspy({ target: '#childNavigator' });
 +
        $('#childNavigator').affix({ offset: { top: 285 } });
 +
    </script>
 +
<img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png">
</html>
</html>

Revision as of 03:39, 17 October 2014

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