Template:CAU China/Menu

From 2014.igem.org

(Difference between revisions)
 
(16 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 --*/
-
 
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
<head>
+
width: 100%;
-
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+
height: 100%;
-
 
+
border: 0px;
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
background-color: transparent;
-
 
+
margin: 0px;
-
<style type="text/css">
+
padding: 0px;
-
/* common styling */
+
-
/* set up the overall width of the menu div, the font and the margins */
+
-
.menu {
+
-
font-family: arial, sans-serif;  
+
-
width:70%;  
+
-
margin:0;  
+
-
margin:50px 0;
+
}
}
-
/* remove the bullets and set the margin and padding to zero for the unordered list */
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
.menu ul {
+
width: 100%;  
-
padding:0;  
+
height: 100%;  
-
margin:0;
+
background-color: transparent;
-
list-style-type: none;
+
}
}
-
 
+
#top-section {
-
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
+
    background-color:#484848;
-
.menu ul li {
+
    border: 0 none;
-
float:left;  
+
    width: 100%;
-
position:relative;
+
    height: 24px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: absolute;
}
}
-
 
+
#menubar {
-
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
+
    top: 2px;
-
.menu ul li a, .menu ul li a:visited {
+
    font-family: Helvetica, Arial, Sans-serif;
-
display:block;  
+
    font-size: 14px;
-
text-align:center;
+
-
text-decoration:none;
+
-
width:104px;
+
-
height:30px;
+
-
color:#000;
+
-
border:1px solid #fff;
+
-
border-width:1px 1px 0 0;
+
-
background:#c9c9a7;
+
-
line-height:30px;  
+
-
font-size:11px;
+
}
}
-
 
+
.left-menu,.left-menu a {
-
/* make the dropdown ul invisible */
+
    color: white;
-
.menu ul li ul {
+
    left: 0;
-
display: none;
+
    text-align: left;
 +
    text-transform: capitalize;
}
}
-
 
+
.right-menu,.right-menu a {
-
/* specific to non IE browsers */
+
    color: white;
-
 
+
    right: 0;
-
/* set the background and foreground color of the main menu li on hover */
+
    text-align: right;
-
.menu ul li:hover a {
+
-
color:#fff;  
+
-
background:#b3ab79;
+
}
}
-
 
+
.right-menu:hover, .left-menu:hover {
-
/* make the sub menu ul visible and position it beneath the main menu list item */
+
    background-color: transparent;
-
.menu ul li:hover ul {
+
-
display:block;
+
-
position:absolute;
+
-
top:31px;
+
-
left:0;
+
-
width:105px;
+
}
}
-
 
+
.right-menu:hover a {
-
/* style the background and foreground color of the submenu links */
+
    color: white;
-
.menu ul li:hover ul li a {
+
-
display:block;
+
-
background:#faeec7;
+
-
color:#000;
+
}
}
-
 
+
.right-menu li a, .left-menu li a {
-
/* style the background and forground colors of the links on hover */
+
    background-color: transparent;
-
.menu ul li:hover ul li a:hover {
+
    color: white;
-
background:#dfc184;  
+
    padding:0,15px,0,0;
-
color:#000;
+
    margin:0;
}
}
-
</style>
+
.right-menu li a:hover {
-
 
+
    color: white;
-
<!--[if lte IE 6]>
+
    text-decoration:underline;
-
<style type="text/css">
+
-
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
+
-
/* Get rid of any default table style */
+
-
table {
+
-
border-collapse:collapse;
+
-
margin:0;
+
-
padding:0;
+
}
}
-
/* ignore the link used by 'other browsers' */
+
.right-menu li a:visited {
-
.menu ul li a.hide, .menu ul li a:visited.hide {
+
    color: white;
-
display:none;
+
}
}
-
/* set the background and foreground color of the main menu link on hover */
+
.new {
-
.menu ul li a:hover {
+
    color:white;
-
color:#fff;
+
-
background:#b3ab79;
+
}
}
-
/* make the sub menu ul visible and position it beneath the main menu list item */
+
a, a:visited {
-
.menu ul li a:hover ul {
+
    color: white;
-
display:block;
+
    text-decoration: none;
-
position:absolute;
+
-
top:32px;
+
-
left:0;  
+
-
width:105px;
+
}
}
-
/* style the background and foreground color of the submenu links */
+
a:hover {
-
.menu ul li a:hover ul li a {
+
    color: white;
-
background:#faeec7;
+
    text-decoration: underline;
-
color:#000;
+
-
}
+
-
/* style the background and forground colors of the links on hover */
+
-
.menu ul li a:hover ul li a:hover {
+
-
background:#dfc184;
+
-
color:#000;
+
}
}
</style>
</style>
-
<![endif]-->
+
<!-- STYLESHEET -->
-
</head>
+
<!-- *********** -->
-
<body>
+
    <link rel="stylesheet" href="https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
-
<tr>
+
<!-- JAVASCRIPTS -->
-
<td colspan="5"></td>
+
<!-- *********** -->
-
<td align ="Right"  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>
+
-
</tr>
+
-
<div class="menu">
+
    <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
-
<ul>
+
    <!--[if lt IE 9]>
 +
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
    <![endif]-->
-
     <!--Home-->
+
     <!-- jQuery Tools (slider) -->
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China">Home</a>
+
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
-
<!--[if lte IE 6]>
+
    <script>
-
<a href="https://2014.igem.org/Team:CAU_China">Home
+
        $(function() {
-
<table><tr><td>
+
    // initialize scrollable
-
<![endif]-->
+
    $(".scrollable").scrollable().navigator();
-
</li>
+
        });
 +
    </script>
-
     <!--Team-->
+
     <!-- Navigation scroll follow -->
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Team">Team</a>
+
    <script type="text/javascript">
-
<!--[if lte IE 6]>
+
        $(window).scroll(function () {
-
<a href="https://2014.igem.org/Team:CAU_China/Team">Team
+
            var scrollPos = $(window).scrollTop();
-
<table><tr><td>
+
            if (scrollPos > 110) {
-
<![endif]-->
+
                $(".navigation").addClass("stickToTop");
-
    <ul>
+
            } else {
-
    <li><a href="Team/Gallery.html" title="a coded list of spies">Gallery</a></li>
+
                $(".navigation").removeClass("stickToTop");
-
    <li><a href="Team/Attribution.html" title="a horizontal vertical menu">Attribution</a></li>
+
            }
-
    </ul>
+
            if (scrollPos > 180) {
-
<!--[if lte IE 6]>
+
                $(".toc").addClass("stickBelowNavigation");
-
</td></tr></table>
+
            } else {
-
</a>
+
                $(".toc").removeClass("stickBelowNavigation");
-
<![endif]-->
+
            }
-
</li>
+
        });
-
     
+
    </script>
-
    <!--Project-->
+
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Project">Project</a>
+
-
<!--[if lte IE 6]>
+
-
<a href="https://2014.igem.org/Team:CAU_China/Project">Project
+
-
<table><tr><td>
+
-
<![endif]-->
+
-
    <ul>
+
-
    <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">1</a></li>
+
-
    <li><a href="../layouts/body2.html" title="Cross browser fixed layout">2</a></li>
+
-
    </ul>
+
-
<!--[if lte IE 6]>
+
-
</td></tr></table>
+
-
</a>
+
-
<![endif]-->
+
-
</li>
+
-
     <!--Modeling-->
+
     <!-- MathJax (LaTeX for the web) -->
-
+
    <script type="text/x-mathjax-config">
-
+
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling</a>
+
        MathJax.Hub.Config({
-
<!--[if lte IE 6]>
+
            TeX: {
-
<a href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling
+
                equationNumbers: {  autoNumber: "AMS" }
-
<table><tr><td>
+
            }
-
<![endif]-->
+
        });
-
     <ul>
+
     </script>
-
     <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>
+
     <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-
     </ul>
+
     <!-- Sexy Drop Down (drop down navigation) -->
-
<!--[if lte IE 6]>
+
    <script type="text/javascript">
-
</td></tr></table>
+
        $(document).ready(
-
</a>
+
            function(){
-
<![endif]-->
+
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
-
</li>
+
                $("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();
 +
                    }
-
    <!--Notebook-->
+
                );
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Notebook">Notebook</a>
+
            }
-
<!--[if lte IE 6]>
+
        );
-
<a href="https://2014.igem.org/Team:CAU_China/Notebook">Notebook
+
     </script>
-
<table><tr><td>
+
-
<![endif]-->
+
-
     <ul>
+
-
    <li><a href="../mozilla/dropdown.html" title="A drop down menu">Breakthrough</a></li>
+
-
    <li><a href="../mozilla/cascade.html" title="A cascading menu">Labnote</a></li>
+
-
    </ul>
+
-
<!--[if lte IE 6]>
+
-
</td></tr></table>
+
-
</a>
+
-
<![endif]-->
+
-
</li>
+
-
     <!--Safety -->
+
 
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Safety">Safety</a>
+
-
<!--[if lte IE 6]>
+
<div id="navigation">
-
<a href="https://2014.igem.org/Team:CAU_China/Safety">Safety
+
     <div class="navigation">
-
<table><tr><td>
+
        <div class="centering">
-
<![endif]-->
+
            <ul class="topnav" id="topnav">
-
    <ul>
+
                <li class="Home navitem1">
-
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li>
+
                    <a href="https://2014.igem.org/Team:CAU_China/Home">Home</a>
-
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
+
                </li>
-
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li>
+
 
-
    </ul>
+
                <li class="Project navitem2">
-
<!--[if lte IE 6]>
+
                    <a href="https://2014.igem.org/Team:CAU_China/Project" title="">Project</a>
-
</td></tr></table>
+
                    <ul class="subnav">
-
</a>
+
                        <li><a href="https://2014.igem.org/Team:CAU_China/Project/Biobricks">Biobricks</a></li>
-
<![endif]-->
+
                    </ul>
-
</li>
+
                </li>
-
</ul>
+
 
-
<!-- clear the floats if required -->
+
                <li class="Modeling navitem3">
-
<div class="clear"> </div>
+
                    <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>
</div>
-
</body>
+
 
</html>
</html>

Latest revision as of 03:58, 18 October 2014

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