Team:Utah State
From 2012.igem.org
(Difference between revisions)
Cwbarentine (Talk | contribs) |
Cwbarentine (Talk | contribs) |
||
Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Demo Menu - PSDGraphics.com</title> | ||
+ | |||
+ | <link href="dropdown-menu.css" media="screen" rel="stylesheet" type="text/css" /> | ||
+ | |||
<title>USU iGEM 2012</title> | <title>USU iGEM 2012</title> | ||
<style media="screen" type="text/css"> | <style media="screen" type="text/css"> | ||
+ | |||
+ | #navigation { | ||
+ | margin:0; | ||
+ | padding: 0; | ||
+ | clear:both; | ||
+ | width:950px; | ||
+ | height:51px; | ||
+ | background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav-main, | ||
+ | ul.nav-main li { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav-main { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | } | ||
+ | |||
+ | ul.nav-main li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav-main li.hover, | ||
+ | ul.nav-main li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: pointer; | ||
+ | background: url(images/dropdown-bg-hover.gif) repeat-x left top; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul.nav-main li { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | height: 51px; | ||
+ | color: #999; | ||
+ | font: 14px Arial, Helvetica, sans-serif; | ||
+ | background: url(images/separator.gif) no-repeat right center; | ||
+ | } | ||
+ | |||
+ | ul.nav-main li a { | ||
+ | display:block; | ||
+ | padding: 16px 16px 0 16px; | ||
+ | height: 35px; | ||
+ | color: #999; | ||
+ | font: 14px Arial, Helvetica, sans-serif; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul.nav-main li a:hover { | ||
+ | color:#D6D6D6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul.nav-main *.list { | ||
+ | padding-right: 22px; | ||
+ | background: url(images/navigation-arrow.gif) no-repeat right top; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul.nav-sub { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | padding:10px; | ||
+ | top: 48px; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top; | ||
+ | border-right: 1px solid #000; | ||
+ | border-bottom: 1px solid #000; | ||
+ | border-left: 1px solid #000; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav-sub li { | ||
+ | list-style:none; | ||
+ | display:block; | ||
+ | padding: 0; | ||
+ | height: 27px; | ||
+ | float: none; | ||
+ | width:145px; | ||
+ | border-bottom: 1px solid #5a5a5a; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | ul.nav-sub li a { | ||
+ | list-style:none; | ||
+ | display:block; | ||
+ | padding: 6px 5px 6px 5px; | ||
+ | height: 15px; | ||
+ | float: none; | ||
+ | width:145px; | ||
+ | background: none; | ||
+ | font: 12px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
#globalWrapper {width: 100%;} | #globalWrapper {width: 100%;} | ||
#top-section {width: 100%; height:30px; border:none;} | #top-section {width: 100%; height:30px; border:none;} | ||
Line 152: | Line 265: | ||
<div class="navigation"> | <div class="navigation"> | ||
+ | <ul id="navigation" class="nav-main"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | |||
+ | <li class="list"><a href="#">Team</a> | ||
+ | <ul class="nav-sub"> | ||
+ | <li><a href="#">About Utah State</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="list"><a href="#">Project</a> | ||
+ | <ul class="nav-sub"> | ||
+ | <li><a href="#">Background</a></li> | ||
+ | <li><a href="#">Applications</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Experimental</a></li> | ||
+ | <li><a href="#">Resutls</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="#">BioBricks</a></li> | ||
+ | <li><a href="#">Attributions</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> |
Revision as of 23:12, 24 July 2012