Team:Imperial College/Templates/Navigation2

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(6 intermediate revisions not shown)
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 58px;
 
-
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"> Data</a> |
 
-
        </span>
 
-
<!--Subnav Ends Here-->
 
-
</li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College"> M.A.P.L.E.</a> 
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Industrial</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Community</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Home and Mobilel</a> |
 
-
        </span>
 
-
<!--Subnav Ends Here-->
 
-
    <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews"> Human Practice</a>
 
-
        <!--Subnav Starts Here-->
 
-
        <span>
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Panel</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Recycling</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Collaborations</a> |
 
-
            <a href="https://2013.igem.org/Team:Imperial_College"> Media</a> |
 
-
        </span>
 
-
        <!--Subnav Ends Here-->
 
-
</li>
 
-
    <li><a href="https://2013.igem.org/Team:Imperial_College">Team</a> 
 
-
        </span>
 
-
</ul>
 
-
<br>
 
-
</html>
 
-
<br>
 

Latest revision as of 18:40, 18 August 2013