Template:CAU China/Menu

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!--navigation menu -->
+
<style>
-
<tr>
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
<td colspan="5"></td>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
<td align ="left"  width="162px"> <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>
+
width: 100%;
-
</tr>
+
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
-
<td align="center" colspan="3">
+
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
#top-section {
 +
    background-color:#484848;
 +
    border: 0 none;
 +
    width: 100%;
 +
    height: 24px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: absolute;
 +
}
 +
#menubar {
 +
    top: 2px;
 +
    font-family: Helvetica, Arial, Sans-serif;
 +
    font-size: 14px;
 +
}
 +
.left-menu,.left-menu a {
 +
    color: white;
 +
    left: 0;
 +
    text-align: left;
 +
    text-transform: capitalize;
 +
}
 +
.right-menu,.right-menu a {
 +
    color: white;
 +
    right: 0;
 +
    text-align: right;
 +
}
 +
.right-menu:hover, .left-menu:hover {
 +
    background-color: transparent;
 +
}
 +
.right-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu li a, .left-menu li a {
 +
    background-color: transparent;
 +
    color: white;
 +
    padding:0,15px,0,0;
 +
    margin:0;
 +
}
 +
.right-menu li a:hover {
 +
    color: white;
 +
    text-decoration:underline;
 +
}
 +
.right-menu li a:visited {
 +
    color: white;
 +
}
 +
.new {
 +
    color:white;
 +
}
 +
a, a:visited {
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
a:hover {
 +
    color: white;
 +
    text-decoration: underline;
 +
}
 +
</style>
 +
<!-- STYLESHEET -->
 +
<!-- *********** -->
-
<table  width="80%" align="center">
+
    <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
 +
<!-- JAVASCRIPTS -->
 +
<!-- *********** -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
    <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
-
<a href="https://2014.igem.org/Team:CAU_China"style="color:#000000">Home </a> </td>
+
    <!--[if lt IE 9]>
 +
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
    <![endif]-->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
    <!-- jQuery Tools (slider) -->
-
<a href="https://2014.igem.org/Team:CAU_China/Team"style="color:#000000"> Team </a> </td>
+
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
 +
    <script>
 +
        $(function() {
 +
    // initialize scrollable
 +
    $(".scrollable").scrollable().navigator();
 +
        });
 +
    </script>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
    <!-- Navigation scroll follow -->
-
<a href="https://2014.igem.org/Team:CAU_China/Project"style="color:#000000"> Project</a></td>
+
    <script type="text/javascript">
 +
        $(window).scroll(function () {
 +
            var scrollPos = $(window).scrollTop();
 +
            if (scrollPos > 110) {
 +
                $(".navigation").addClass("stickToTop");
 +
            } else {
 +
                $(".navigation").removeClass("stickToTop");
 +
            }
 +
            if (scrollPos > 180) {
 +
                $(".toc").addClass("stickBelowNavigation");
 +
            } else {
 +
                $(".toc").removeClass("stickBelowNavigation");
 +
            }
 +
        });
 +
    </script>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
    <!-- MathJax (LaTeX for the web) -->
-
<a href="https://2014.igem.org/Team:CAU_China/Modeling"style="color:#000000"> Modeling</a></td>
+
    <script type="text/x-mathjax-config">
 +
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
        MathJax.Hub.Config({
 +
            TeX: {
 +
                equationNumbers: {  autoNumber: "AMS"  }
 +
            }
 +
        });
 +
    </script>
 +
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99> 
+
    <!-- Sexy Drop Down (drop down navigation) -->
-
<a href="https://2014.igem.org/Team:CAU_China/Notebook"style="color:#000000"> Notebook</a></td>
+
    <script type="text/javascript">
 +
        $(document).ready(
 +
            function(){
 +
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
 +
                $("ul.topnav li").hover(
 +
                    function() {
 +
                        // Hover over
 +
                        $(this).parent().find("ul.subnav").hide();
 +
                        $(this).find("ul.subnav").show();
 +
                        // Hover out
 +
                        $(this).hover(
 +
                            function() {
 +
                            },
 +
                            function(){
 +
                                $(this).find("ul.subnav").hide();
 +
                            }
 +
                        );
 +
                    },
 +
                    function(){
 +
                        $(this).find("ul.subnav").hide();
 +
                    }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>
+
                );
-
<a href="https://2014.igem.org/Team:CAU_China/Safety"style=" color:#000000"> Safety </a></td>
+
            }
-
</tr>
+
        );
 +
    </script>
-
</table>
+
 +
<div id="navigation">
 +
    <div class="navigation">
 +
        <div class="centering">
 +
            <ul class="topnav" id="topnav">
 +
                <li class="Home navitem1">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Home">Home</a>
 +
                </li>
 +
 
 +
                <li class="Project navitem2">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Project" title="">Project</a>
 +
                    <ul class="subnav">
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Project/Biobricks">Biobricks</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                <li class="Modeling navitem3">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling</a>
 +
                </li>
 +
 
 +
                <li class="Notebook navitem4">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Notebook">Notebook</a>
 +
                    <ul class="subnav">
 +
                        <li><a href="">Labnote</a></li>
 +
                        <li><a href="">Protocols</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                <li class="Human_Practice navitem5">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Human_Practice">Human Practice</a>
 +
                    <ul class="subnav">
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Human_Practice/Peers">Help Peers</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Human_Practice/Gene">iGEM-Help with Gene</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Human_Practice/Periodicals">Periodicals</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Human_Practice/Survey">Survey</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                <li class="Judging navitem5">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Judging">Judging</a>
 +
                </li>
 +
 
 +
                <li class="Team navitem7">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Team">Team</a>
 +
    <ul class="subnav">
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Team/Gallery.html">Gallery</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Team/Attribution.html">Attributions</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
        <li class="Safety navitem8">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Safety">Safety</a>
 +
                </li>
 +
 
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</div>
-
<!--end navigation menu -->
 
</html>
</html>

Latest revision as of 03:58, 18 October 2014

Retrieved from "http://2014.igem.org/Template:CAU_China/Menu"