Team:Imperial College/Templates/Navigation2

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
Line 1: Line 1:
-
<html>
 
-
</script>
 
-
<style>
 
-
 
-
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
 
-
#tab_nav {
 
-
position: absolute;
 
-
z-index: 1000;
 
-
}
 
-
ul#topnav {
 
-
float: left;
 
-
width: 965px;
 
-
list-style: none;
 
-
position: relative;
 
-
background: url("https://static.igem.org/mediawiki/2013/e/e7/Navbar.jpeg") repeat-x;
 
-
        font-family: Arial, Helvetica, Sans-Serif;
 
-
margin-left: 0px;
 
-
margin-top: 0px;
 
-
        font-size: 14px;
 
-
 
-
}
 
-
ul#topnav li {
 
-
float: left;
 
-
border-right: 1px solid #555;
 
-
        font-family: Arial, Helvetica, Sans-Serif;
 
-
 
-
}
 
-
ul#topnav li a {
 
-
padding: 10px 57px;
 
-
font-weight: bold;
 
-
display: block;
 
-
color: #FFFFFF;
 
-
text-decoration: none;
 
-
        font-family: Arial, Helvetica, Sans-Serif;
 
-
 
-
}
 
-
ul#topnav li a:hover {
 
-
      text-decoration: underline;
 
-
}
 
-
ul#topnav li:hover { background: #0099FF url("https://static.igem.org/mediawiki/2013/5/51/Navbarclick.jpeg") repeat-x; }
 
-
ul#topnav li span {
 
-
float: left;
 
-
padding: 10px 0;
 
-
position: absolute;
 
-
left: 0; top: 34px;
 
-
display: none;
 
-
width:965px;
 
-
background: #3366FF;
 
-
color: #fff;
 
-
-moz-border-radius-bottomright: 5px;
 
-
-khtml-border-radius-bottomright: 5px;
 
-
-webkit-border-bottom-right-radius: 5px;
 
-
-moz-border-radius-bottomleft: 5px;
 
-
-khtml-border-radius-bottomleft: 5px;
 
-
-webkit-border-bottom-left-radius: 5px;
 
-
}
 
-
ul#topnav li:hover span { display: block; }
 
-
ul#topnav li span a { display: inline;  font-weight; normal; }
 
-
ul#topnav li span a:hover {text-decoration: underline;}
 
-
</style>
 
-
<ul id="topnav">
 
-
    </li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College"> Plasticity</a> 
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Home </a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Waste Cocktail</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> PHB Recycling</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Secretion Toolkit</a> |
 
-
        </span>
 
-
<!--Subnav Ends Here-->
 
-
</li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College"> Human Practices</a> 
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Project Evolution </a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Communicating waste</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Industrial Implementation</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> M.A.P.L.E.</a> |
 
-
        </span>
 
-
<!--Subnav Ends Here-->
 
-
</li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College"> In the lab </a> 
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Protocols</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Safety</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Data</a> |
 
-
        </span>
 
-
<!--Subnav Ends Here-->
 
-
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Achievements</a>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Judging criteria</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Biobricks</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Collaborations</a> |
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
</li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College">Team</a>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Team Photo </a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Our supporters</a> | 
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
</ul>
 
-
<br>
 
-
</html>
 
-
<br>
 

Latest revision as of 18:40, 18 August 2013