Template:CAU China/Menu

From 2014.igem.org

(Difference between revisions)
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">
 
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
<head>
+
<div id="navigation">
-
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+
    <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>
 +
                </li>
 +
                <li class="Modeling navitem3">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling</a>
 +
                    <ul class="subnav">
 +
                        <li><a href="/Team:DTU-Denmark/Project">Overview</a></li>
 +
                    </ul>
 +
                </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=""></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="Team navitem6">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Team">Team</a>
 +
    <ul class="subnav">
 +
                        <li><a href="Team/Gallery.html">Gallery</a></li>
 +
                        <li><a href="">Team/Attribution.html</a>Attributions</li>
 +
                </li>
 +
<li class="Safety navitem6">
 +
                    <a href="https://2014.igem.org/Team:CAU_China/Team">Safety</a>
 +
    <ul class="subnav">
 +
                        <li><a href="https://2014.igem.org/Team:CAU_China/Safety"></a></li>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</div>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
 
-
<style type="text/css">
 
-
/* 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 */
 
-
.menu ul {
 
-
padding:0;
 
-
margin:0;
 
-
list-style-type: none;
 
-
}
 
-
 
-
/* 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 */
 
-
.menu ul li {
 
-
float:left;
 
-
position:relative;
 
-
}
 
-
 
-
/* 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. */
 
-
.menu ul li a, .menu ul li a:visited {
 
-
display:block;
 
-
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;
 
-
}
 
-
 
-
/* make the dropdown ul invisible */
 
-
.menu ul li ul {
 
-
display: none;
 
-
}
 
-
 
-
/* specific to non IE browsers */
 
-
 
-
/* set the background and foreground color of the main menu li on hover */
 
-
.menu ul li:hover a {
 
-
color:#fff;
 
-
background:#b3ab79;
 
-
}
 
-
 
-
/* make the sub menu ul visible and position it beneath the main menu list item */
 
-
.menu ul li:hover ul {
 
-
display:block;
 
-
position:absolute;
 
-
top:31px;
 
-
left:0;
 
-
width:105px;
 
-
}
 
-
 
-
/* style the background and foreground color of the submenu links */
 
-
.menu ul li:hover ul li a {
 
-
display:block;
 
-
background:#faeec7;
 
-
color:#000;
 
-
}
 
-
 
-
/* style the background and forground colors of the links on hover */
 
-
.menu ul li:hover ul li a:hover {
 
-
background:#dfc184;
 
-
color:#000;
 
-
}
 
-
</style>
 
-
 
-
<!--[if lte IE 6]>
 
-
<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' */
 
-
.menu ul li a.hide, .menu ul li a:visited.hide {
 
-
display:none;
 
-
}
 
-
/* set the background and foreground color of the main menu link on hover */
 
-
.menu ul li a:hover {
 
-
color:#fff;
 
-
background:#b3ab79;
 
-
}
 
-
/* make the sub menu ul visible and position it beneath the main menu list item */
 
-
.menu ul li a:hover ul {
 
-
display:block;
 
-
position:absolute;
 
-
top:32px;
 
-
left:0;
 
-
width:105px;
 
-
}
 
-
/* style the background and foreground color of the submenu links */
 
-
.menu ul li a:hover ul li a {
 
-
background:#faeec7;
 
-
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>
 
-
<![endif]-->
 
-
</head>
 
-
 
-
<body>
 
-
 
-
<tr>
 
-
<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">
 
-
<ul>
 
-
 
-
    <!--Home-->
 
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China">Home</a>
 
-
<!--[if lte IE 6]>
 
-
<a href="https://2014.igem.org/Team:CAU_China">Home
 
-
<table><tr><td>
 
-
<![endif]-->
 
-
</li>
 
-
     
 
-
    <!--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-->
 
-
 
-
 
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling</a>
 
-
<!--[if lte IE 6]>
 
-
<a href="https://2014.igem.org/Team:CAU_China/Modeling">Modeling
 
-
<table><tr><td>
 
-
<![endif]-->
 
-
    <ul>
 
-
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>
 
-
 
-
    </ul>
 
-
<!--[if lte IE 6]>
 
-
</td></tr></table>
 
-
</a>
 
-
<![endif]-->
 
-
</li>
 
-
 
-
    <!--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
 
-
<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>
 
-
 
-
 
-
    <!--Human Practice-->
 
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Human_Practice">Human Practice</a>
 
-
<!--[if lte IE 6]>
 
-
<a href="https://2014.igem.org/Team:CAU_China/Human_Practice">Human Practice
 
-
<table><tr><td>
 
-
<![endif]-->
 
-
    <ul>
 
-
    <li><a href="https://2014.igem.org/Team:CAU_China/Human_Practice/Peers" title="">Help Peers</a></li>
 
-
    <li><a href="../mozilla/cascade.html" title=""></a></li>
 
-
    </ul>
 
-
<!--[if lte IE 6]>
 
-
</td></tr></table>
 
-
</a>
 
-
<![endif]-->
 
-
</li>
 
-
 
-
    <!--Team-->
 
-
<li><a class="hide" href="https://2014.igem.org/Team:CAU_China/Team">Team</a>
 
-
<!--[if lte IE 6]>
 
-
<a href="https://2014.igem.org/Team:CAU_China/Team">Team
 
-
<table><tr><td>
 
-
<![endif]-->
 
-
    <ul>
 
-
    <li><a href="Team/Gallery.html" title="a coded list of spies">Gallery</a></li>
 
-
    <li><a href="Team/Attribution.html" title="a horizontal vertical menu">Attribution</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]>
 
-
<a href="https://2014.igem.org/Team:CAU_China/Safety">Safety
 
-
<table><tr><td>
 
-
<![endif]-->
 
-
    <ul>
 
-
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li>
 
-
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
 
-
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li>
 
-
    </ul>
 
-
<!--[if lte IE 6]>
 
-
</td></tr></table>
 
-
</a>
 
-
<![endif]-->
 
-
</li>
 
-
</ul>
 
-
<!-- clear the floats if required -->
 
-
<div class="clear"> </div>
 
-
</div>
 
-
</body>
 
</html>
</html>

Revision as of 07:25, 17 October 2014

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