Giant Jamboree test1
From 2014.igem.org
(Difference between revisions)
(4 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
ul {list-style: none;padding: 0px;margin: 0px;} | ul {list-style: none;padding: 0px;margin: 0px;} | ||
- | ul li {display: block;position: relative;float: left;border:1px solid # | + | ul li {display: block;position: relative;float: left;border:1px solid #414141} |
li ul {display: none;} | li ul {display: none;} | ||
- | ul li a {display: block;background: # | + | ul li a {display: block;background: #414141;padding: 5px 10px 5px 10px;text-decoration: none; |
white-space: nowrap;color: #fff;} | white-space: nowrap;color: #fff;} | ||
- | ul li a:hover {background: # | + | ul li a:hover {background: ##49b677;} |
li:hover ul {display: block; position: absolute;} | li:hover ul {display: block; position: absolute;} | ||
li:hover li {float: none;} | li:hover li {float: none;} | ||
- | li:hover a {background: # | + | li:hover a {background: #49b677;} |
- | li:hover li a:hover {background: # | + | li:hover li a:hover {background: #414141} |
#drop-nav li ul li {border-top: 0px;} | #drop-nav li ul li {border-top: 0px;} | ||
</style> | </style> | ||
Line 22: | Line 22: | ||
<ul id="drop-nav"> | <ul id="drop-nav"> | ||
- | + | ||
- | + | ||
+ | <li><a href="#">ABOUT</a> | ||
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">Giant Jamboree</a></li> |
- | <li><a href="#"> | + | <li><a href="#">iGEM</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Social Media</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | + | ||
+ | |||
+ | <li><a href="#">SCHEDULE</a> | ||
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">Full Program</a></li> |
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#"> | + | |
+ | |||
+ | |||
+ | |||
+ | <li><a href="#">ATTENDING</a> | ||
<ul> | <ul> | ||
- | <li><a href="#"> | + | <li><a href="#">Registration</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Hotels</a></li> |
+ | <li><a href="#">Location</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | |||
+ | <li><a href="#">SPONSORS</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Sponsors</a></li> | ||
+ | <li><a href="#">Exhibitors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="#">PRESS</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Press Package</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="#">CONTACT</a></li> | ||
</ul> | </ul> | ||
+ | |||
+ | </html> |
Latest revision as of 21:47, 16 July 2014