Template:CAU China/Menu

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<style>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
<head>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
width: 100%;  
-
 
+
height: 100%;
-
<script src=""></script>
+
border: 0px;
-
 
+
background-color: transparent;
-
 
+
margin: 0px;
-
<style type="text/css">
+
padding: 0px;
-
<!--
+
}
-
 
+
-
 
+
-
div, ul, li, h3,p{ margin: 0px; padding: 0px; list-style: none; }
+
-
img{border:0 none;}
+
-
.box { width: 970px; margin:0 auto; clear:both;}
+
-
/*
+
-
------------------------------
+
-
CSS Common
+
-
------------------------------
+
-
*/
+
-
 
+
-
/* clearfixmenu */
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
.clearfixmenu:after {
+
width: 100%;  
-
content: ".";
+
height: 100%;  
-
display: block;
+
background-color: transparent;
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
}
}
-
.clearfixmenu {
+
#top-section {
-
display: inline-block;
+
    background-color:#484848;
 +
    border: 0 none;
 +
    width: 100%;
 +
    height: 24px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: absolute;
}
}
-
html[xmlns] .clearfixmenu {
+
#menubar {
-
display: block;
+
    top: 2px;
 +
    font-family: Helvetica, Arial, Sans-serif;
 +
    font-size: 14px;
}
}
-
* html .clearfixmenu {
+
.left-menu,.left-menu a {
-
height: 1%;
+
    color: white;
 +
    left: 0;
 +
    text-align: left;
 +
    text-transform: capitalize;
}
}
-
/*
+
.right-menu,.right-menu a {
-
------------------------------
+
    color: white;
-
nav-menu  
+
    right: 0;
-
------------------------------
+
    text-align: right;
-
*/
+
-
+
-
/*主导航菜单*/
+
-
#nav-menu {
+
-
height: 35px;
+
-
background-image: url(menu/menubg1.gif);
+
-
background-repeat: no-repeat;
+
}
}
-
#nav-menucon {
+
.right-menu:hover, .left-menu:hover {
-
height: 36px;
+
    background-color: transparent;
-
background-image: url(menu/menubg1.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: 0px -37px;
+
}
}
-
#nav-menucon .con{
+
.right-menu:hover a {
-
height: 36px;
+
    color: white;
-
line-height: 36px;
+
-
text-align: right;
+
-
padding-right: 10px;
+
}
}
-
#nav-menu .container {position: relative;overflow: visible; z-index: 99;}
+
.right-menu li a, .left-menu li a {
-
 
+
    background-color: transparent;
-
#nav-menu .menu {padding: 0 0 0 14px;}
+
    color: white;
-
#nav-menu .menu li {
+
    padding:0,15px,0,0;
-
position: relative;
+
    margin:0;
-
float: left;
+
-
padding: 0 8px 0 5px;
+
-
display: inline;
+
-
font-size: 14px;
+
-
background-position: right -622px;
+
}
}
-
#nav-menu .menu li h3 {font-weight: normal; display: inline-block; float: left;}
+
.right-menu li a:hover {
-
#nav-menu .menu li a.xialaguang {margin-top: 5px; display: inline-block; color: #FFF;text-decoration: none; font-size:14px;}
+
    color: white;
-
#nav-menu .menu li a.selected,
+
     text-decoration:underline;
-
#nav-menu .menu li a.navhover,
+
-
#nav-menu .menu li a.xialaguang:hover {color: #911531;  
+
-
     background-image: url(menu/menubg1.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: left -83px;
+
}
}
-
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover {background-color: #FFF;}
+
.right-menu li a:visited {
-
#nav-menu .menu li a.xialaguang span {height: 30px; line-height: 25px; margin: 0 0 0 6px; padding: 0 6px 0 0; display: inline-block;font-weight:bold;}
+
    color: white;
-
#nav-menu .menu li a.selected span,
+
-
#nav-menu .menu li a.navhover span,
+
-
#nav-menu .menu li a.xialaguang:hover span {
+
-
cursor: pointer;
+
-
background-image: url(menu/menubg1.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: right -83px;
+
}
}
-
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span {background-color: #FFF}
+
.new {
-
 
+
    color:white;
-
#nav-menu .menu li.overlay {
+
-
position: relative;
+
-
left: -4px;
+
-
width: 8px;
+
-
height: 28px;
+
-
padding: 0;
+
-
margin: 0;
+
-
background-image: url(menu/menubg1.gif);
+
-
background-position: center top;
+
}
}
-
 
+
a, a:visited {
-
#nav-menu .menu ul.children {
+
    color: white;
-
display: none;
+
    text-decoration: none;
-
position: absolute;
+
-
top: 35px;
+
-
left: 3px;
+
-
width: 225px;
+
-
padding: 5px 0 0 0;
+
-
background: #FFF;
+
-
border: 2px solid #d92640;
+
-
border-top: 0;
+
-
line-height: normal;
+
}
}
-
#nav-menu .menu ul.sleft {
+
a:hover {
-
left: auto;
+
    color: white;
-
right: 6px; _right: 5px;
+
    text-decoration: underline;
}
}
-
#nav-menu .menu ul.children li.noborder {border: none;}
+
</style>
-
#nav-menu .menu ul.children li {
+
<!-- STYLESHEET -->
-
float: left;
+
<!-- *********** -->
-
width: 110px;
+
-
padding: 1px;
+
-
display: inline-block;
+
-
background-image: none;
+
-
border-right: 1px solid #FFCFCF;
+
-
font-size: 12px;
+
-
}
+
-
#nav-menu .menu ul.children li h3 {display: block; width: 100%;}
+
-
#nav-menu .menu ul.children li a {
+
-
width: 100%;
+
-
height: 16px;
+
-
line-height: 17px;
+
-
overflow: hidden;
+
-
padding: 3px 0;
+
-
display: block;
+
-
color: #911531;
+
-
text-indent: 20px;
+
-
background-position: 8px -658px;text-decoration: none; font-size:12px;
+
-
}
+
-
#nav-menu .menu ul.children li a:hover {background-color: #FFE1E1;text-decoration: none;}
+
-
#nav-menu .menu ul.children li.count {clear: both;}
+
    <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
-
#nav-menu .menu ul.children li.count div {width: 223px; margin: 5px 0 0; padding: 3px 0; background-color: #FFE1E1; color: #911531; text-indent: 8px;}
+
-
.stmenu {
+
<!-- JAVASCRIPTS -->
-
background-image: url(menu/stmenu.gif);
+
<!-- *********** -->
-
background-repeat: no-repeat;
+
 
-
background-position: left top;
+
    <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
-
}
+
    <!--[if lt IE 9]>
 +
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
    <![endif]-->
 +
 
 +
    <!-- jQuery Tools (slider) -->
 +
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
 +
    <script>
 +
        $(function() {
 +
    // initialize scrollable
 +
    $(".scrollable").scrollable().navigator();
 +
        });
 +
    </script>
-
-->
+
    <!-- Navigation scroll follow -->
-
</style>
+
    <script type="text/javascript">
-
<!--navigation menu -->
+
        $(window).scroll(function () {
-
<tr>
+
            var scrollPos = $(window).scrollTop();
-
<td colspan="5"></td>  
+
            if (scrollPos > 110) {
-
<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>
+
                $(".navigation").addClass("stickToTop");
-
</tr>
+
            } else {
 +
                $(".navigation").removeClass("stickToTop");
 +
            }
 +
            if (scrollPos > 180) {
 +
                $(".toc").addClass("stickBelowNavigation");
 +
            } else {
 +
                $(".toc").removeClass("stickBelowNavigation");
 +
            }
 +
        });
 +
    </script>
 +
 
 +
    <!-- MathJax (LaTeX for the web) -->
 +
    <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>
 +
 
 +
    <!-- Sexy Drop Down (drop down navigation) -->
 +
    <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 align="center" colspan="3">
+
                );
 +
            }
 +
        );
 +
    </script>
-
<table  width="80%" align="center">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
 +
<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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
                <li class="Project navitem2">
-
<a href="https://2014.igem.org/Team:CAU_China"style="color:#000000">Home </a> </td>
+
                    <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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
                <li class="Modeling navitem3">
-
<a href="https://2014.igem.org/Team:CAU_China/Team"style="color:#000000"> Team </a> </td>
+
                    <a href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling</a>
 +
                </li>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
                <li class="Notebook navitem4">
-
<a href="https://2014.igem.org/Team:CAU_China/Project"style="color:#000000"> Project</a></td>
+
                    <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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
                <li class="Human_Practice navitem5">
-
<a href="https://2014.igem.org/Team:CAU_China/Modeling"style="color:#000000"> Modeling</a></td>
+
                    <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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
                <li class="Judging navitem5">
-
<a href="https://2014.igem.org/Team:CAU_China/Notebook"style="color:#000000"> Notebook</a></td>
+
                    <a href="https://2014.igem.org/Team:CAU_China/Judging">Judging</a>
 +
                </li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
                <li class="Team navitem7">
-
<a href="https://2014.igem.org/Team:CAU_China/Safety"style=" color:#000000"> Safety </a></td>
+
                    <a href="https://2014.igem.org/Team:CAU_China/Team">Team</a>
-
</tr>
+
    <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>
-
</table>
+
            </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"