Team:Groningen/DesignTest
From 2012.igem.org
(Difference between revisions)
Line 23: | Line 23: | ||
<body> | <body> | ||
<div class="expand-down"> | <div class="expand-down"> | ||
- | <ul> | + | <ul id="navigation"> |
<li> | <li> | ||
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank"> | <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" /> | <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" /> | ||
<span>Home</span> | <span>Home</span> | ||
+ | |||
</a> | </a> | ||
</li> | </li> | ||
- | <li> | + | <li class="sub"> |
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank"> | <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank"> | ||
- | <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title=" | + | <ul> |
- | + | <li><a href="#">about us</a></li> | |
+ | <li><a href="#">official team profile</a></li> | ||
+ | </ul> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" /> | ||
</a> | </a> | ||
</li> | </li> | ||
- | <li> | + | <li class="sub"> |
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank"> | <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" /> | <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" /> | ||
Line 42: | Line 46: | ||
</a> | </a> | ||
</li> | </li> | ||
- | <li> | + | <li class="sub"> |
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank"> | <a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" /> | <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" /> | ||
Line 48: | Line 52: | ||
</a> | </a> | ||
</li> | </li> | ||
- | <li> | + | <li class="sub"> |
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank"> | <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" /> | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" /> | ||
Line 102: | Line 106: | ||
</script> | </script> | ||
</body> | </body> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font: 90% Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | margin: 0; | ||
+ | padding: 0 0em; | ||
+ | height: 2em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #navigation > li { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | margin-right: 0.3em; | ||
+ | padding: 0 1em; | ||
+ | } | ||
+ | |||
+ | #navigation > li > a { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | color: #00; | ||
+ | text-decoration: none; | ||
+ | line-height: 3; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | #navigation > li > a:hover { | ||
+ | color: Black; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul { | ||
+ | width: 12em; | ||
+ | margin: 0; | ||
+ | padding: 0.1em 0; | ||
+ | list-style: none; | ||
+ | background: #000; | ||
+ | position: absolute; | ||
+ | top: -1000em; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li { | ||
+ | width: 90%; | ||
+ | margin: 0 auto 0.3em auto; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li a { | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | padding: 0.4em; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li a:hover { | ||
+ | background: #c60; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub:hover ul { | ||
+ | top: 2em; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
</html> | </html> |
Revision as of 12:40, 10 August 2012