Template:Banner
From 2011.igem.org
(Difference between revisions)
m |
|||
Line 147: | Line 147: | ||
+ | <html> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("ul#topnav li").hover(function() { | ||
+ | $(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'}); | ||
+ | $(this).find("span").show(); | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); | ||
+ | $(this).find("span").hide(); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </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/2010/d/dd/Valencia_navbar_stretch.gif") 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 15px; | ||
+ | font-weight: bold; | ||
+ | display: block; | ||
+ | color: #f0f0f0; | ||
+ | text-decoration: none; | ||
+ | font-family: Arial, Helvetica, Sans-Serif; | ||
+ | |||
+ | } | ||
+ | ul#topnav li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif") repeat-x; } | ||
+ | ul#topnav li span { | ||
+ | float: left; | ||
+ | padding: 10px 0; | ||
+ | position: absolute; | ||
+ | left: 0; top: 34px; | ||
+ | display: none; | ||
+ | width:850px; | ||
+ | background: #ef8639; | ||
+ | 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><a href="https://2010.igem.org/Team:Valencia">Home</a> | ||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia">Mad yeasts on Mars?</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia#The Valencia IGEM Team 2010">The Valencia Team</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia#News">News</a> | ||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Team">The Team</a> | ||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Team">The Team</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Universities">The Universities</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Akw">Acknowledgements</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Attributions">Attributions</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Gallery">Gallery</a> | ||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:Valencia/Project">The Project</a> | ||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Project">Overview</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Terraforming">Terraforming</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Technologies">Creating Technologies</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/lea">Surviving Mars</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/prion">Regulating Mars temperature</a> | ||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Parts">The Parts</a> | ||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Parts">Submitted Biobricks</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Parts#Making our Biobricks">Making our Biobricks</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Notebook/Calender">Notebook</a> | ||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Modeling">Modeling</a> | ||
+ | |||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Modeling">Modeling Mad Yeast On Mars</a>| | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Modeling#Welcome to the Yeastworld: theoretical background ">Yeastworld: theoretical background</a>| | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Modeling#Yeastworld Mathematics">Yeastworld Mathematics</a> | ||
+ | |||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Human Practices</a> | ||
+ | <!--Subnav Starts Here--> | ||
+ | <span> | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Ethics">Ethics in terraforming</a> | | ||
+ | <a href="https://2010.igem.org/Team:Valencia/Safety">Safety</a> | ||
+ | </span> | ||
+ | <!--Subnav Ends Here--> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:Valencia/Achievements">Achievements</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Valencia/Contact">Contact</a></li> | ||
+ | </ul> | ||
+ | <br> | ||
+ | </html> | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 20:21, 16 September 2011
UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE
</div> </div> </html>