Template:Team:Monash Australia/Nav2
From 2010.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | html, body, a, font, | |
+ | small, strike, strong, sub, sup, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, table, | ||
+ | fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td { | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | } | ||
- | + | body { | |
- | + | background-color: #EEEEEE; | |
- | + | margin: 0px; | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 7pt; | |
- | + | color: #000; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .content | |
- | + | { | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 8pt; | |
- | + | color: #4B4D40; | |
- | + | font-weight: normal; | |
- | + | } | |
- | + | ||
- | + | .navigation | |
- | + | { | |
- | + | border-top: 1px solid black; | |
- | + | border-bottom: 1px solid black; | |
+ | background-color: #932a2b; | ||
+ | } | ||
- | + | .user-top | |
- | + | { | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 7pt; | |
- | + | color: #FFFFFF; | |
- | + | font-weight: normal; | |
- | + | text-align: center; | |
- | + | } | |
- | + | ||
- | + | .user-top a:link | |
- | + | { | |
- | + | color: #FDFDFD; | |
- | + | text-decoration: underline; | |
- | + | font-weight: normal; | |
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
- | + | .user-top a:active | |
- | + | { | |
- | + | color: #FDFDFD; | |
- | + | text-decoration: underline; | |
+ | font-weight: normal; | ||
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
- | + | .user-top a:visited | |
- | + | { | |
- | + | color: #FDFDFD; | |
+ | text-decoration: underline; | ||
+ | font-weight: normal; | ||
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
- | + | .user-top a:hover | |
- | + | { | |
- | + | color: #F0F0F0; | |
- | + | text-decoration: none; | |
- | + | font-weight: normal; | |
- | + | font-size: 8pt; | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .text_large { | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 15pt; | |
- | + | color: #4B4D40; | |
+ | font-weight: normal; | ||
+ | } | ||
- | + | .text_small { | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 7pt; | |
- | + | color: #4B4D40; | |
- | + | font-weight: normal; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | .td_nav { | |
- | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
- | + | font-size: 8pt; | |
- | + | color: #4B4D40; | |
- | + | background-color: #EEEEEE; | |
- | + | border-right: #000000 1px dotted; | |
- | + | border-left: #000000 1px solid; | |
- | + | border-bottom: #000000 1px solid; | |
+ | border-top: #000000 1px solid; | ||
+ | } | ||
+ | a:link, a:visited, a:active { | ||
+ | color: #000000; | ||
+ | text-decoration: underline; | ||
+ | font-weight: normal; | ||
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | font-weight: normal; | ||
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | input, textarea, select { | ||
+ | font-size: 8pt; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | color: #4B4D40; | ||
+ | border: #000000 1px solid; | ||
+ | background-color: #EEEEEE; | ||
+ | } | ||
+ | |||
+ | input:hover, textarea:hover, select:hover { | ||
+ | color: #4b4D40; | ||
+ | background-color: #e0d5d6; | ||
+ | border: solid 1px #f53f41; | ||
+ | } | ||
+ | |||
+ | input:focus, textarea:focus, select:focus { | ||
+ | color: #4b4D40; | ||
+ | background-color: #F8F8F8; | ||
+ | border: solid 1px #bf2527; | ||
+ | } | ||
+ | |||
+ | |||
+ | .table { | ||
+ | border: #000000 1px dotted; | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size: 8pt; | ||
+ | color: #4B4D40; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Root = Horizontal, Secondary = Vertical */ | ||
+ | ul#navmenu-h { | ||
+ | margin: 0; | ||
+ | border: 0 none; | ||
+ | padding-left: 5px; | ||
+ | width: 100%; /*For KHTML*/ | ||
+ | list-style: none; | ||
+ | height: 22px; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h li { | ||
+ | margin: 0; | ||
+ | border: 0 none; | ||
+ | padding-left: 5px; | ||
+ | float: left; /*For Gecko*/ | ||
+ | display: inline; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | height: 22px; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h ul { | ||
+ | margin: 0; | ||
+ | border: 0 none; | ||
+ | padding: 0; | ||
+ | width: 160px; | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{ | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | font: 1px/0px serif; | ||
+ | content: "."; | ||
+ | height: 0; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h ul li { | ||
+ | width: 160px; | ||
+ | float: left; /*For IE 7 lack of compliance*/ | ||
+ | display: block !important; | ||
+ | display: inline; /*For IE*/ | ||
+ | } | ||
+ | |||
+ | /* Root Menu */ | ||
+ | ul#navmenu-h a { | ||
+ | border: 1px solid #932a2b; | ||
+ | padding: 0 6px; | ||
+ | float: none !important; /*For Opera*/ | ||
+ | float: left; /*For IE*/ | ||
+ | display: block; | ||
+ | color: #FFF; | ||
+ | font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-decoration: none; | ||
+ | height: auto !important; | ||
+ | height: 1%; /*For IE*/ | ||
+ | top:22px; | ||
+ | text-align: center; | ||
+ | width: 85px; | ||
+ | } | ||
+ | |||
+ | /* Root Menu Hover Persistence */ | ||
+ | ul#navmenu-h a:hover, | ||
+ | ul#navmenu-h li:hover a, | ||
+ | ul#navmenu-h li.iehover a { | ||
+ | background: #9e4041; | ||
+ | border: 1px dashed #621e1f; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h a:active, | ||
+ | ul#navmenu-h li:active a, | ||
+ | ul#navmenu-h li.ieactive a { | ||
+ | background: #9e4041; | ||
+ | border: 1px dashed #621e1f; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /* 2nd Menu */ | ||
+ | ul#navmenu-h li:hover li a, | ||
+ | ul#navmenu-h li.iehover li a { | ||
+ | float: none; | ||
+ | background: #EEE; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | /* 2nd Menu Hover Persistence */ | ||
+ | ul#navmenu-h li:hover li a:hover, | ||
+ | ul#navmenu-h li:hover li:hover a, | ||
+ | ul#navmenu-h li.iehover li a:hover, | ||
+ | ul#navmenu-h li.iehover li.iehover a { | ||
+ | background: #CCC; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /* 3rd Menu */ | ||
+ | ul#navmenu-h li:hover li:hover li a, | ||
+ | ul#navmenu-h li.iehover li.iehover li a { | ||
+ | background: #EEE; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | /* 3rd Menu Hover Persistence */ | ||
+ | ul#navmenu-h li:hover li:hover li a:hover, | ||
+ | ul#navmenu-h li:hover li:hover li:hover a, | ||
+ | ul#navmenu-h li.iehover li.iehover li a:hover, | ||
+ | ul#navmenu-h li.iehover li.iehover li.iehover a { | ||
+ | background: #CCC; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /* 4th Menu */ | ||
+ | ul#navmenu-h li:hover li:hover li:hover li a, | ||
+ | ul#navmenu-h li.iehover li.iehover li.iehover li a { | ||
+ | background: #EEE; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | /* 4th Menu Hover */ | ||
+ | ul#navmenu-h li:hover li:hover li:hover li a:hover, | ||
+ | ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { | ||
+ | background: #CCC; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h ul ul, | ||
+ | ul#navmenu-h ul ul ul { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 160px; | ||
+ | } | ||
+ | |||
+ | /* Do Not Move - Must Come Before display:block for Gecko */ | ||
+ | ul#navmenu-h li:hover ul ul, | ||
+ | ul#navmenu-h li:hover ul ul ul, | ||
+ | ul#navmenu-h li.iehover ul ul, | ||
+ | ul#navmenu-h li.iehover ul ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | ul#navmenu-h li:hover ul, | ||
+ | ul#navmenu-h ul li:hover ul, | ||
+ | ul#navmenu-h ul ul li:hover ul, | ||
+ | ul#navmenu-h li.iehover ul, | ||
+ | ul#navmenu-h ul li.iehover ul, | ||
+ | ul#navmenu-h ul ul li.iehover ul | ||
+ | ul#navmenu-h li:active ul, | ||
+ | ul#navmenu-h ul li:active ul, | ||
+ | ul#navmenu-h ul ul li:active ul, | ||
+ | ul#navmenu-h li.ieactive ul, | ||
+ | ul#navmenu-h ul li.ieactive ul, | ||
+ | ul#navmenu-h ul ul li.ieactive ul { | ||
+ | display: block; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 194: | Line 316: | ||
<body> | <body> | ||
- | < | + | <center> |
- | < | + | <img src="https://static.igem.org/mediawiki/2010/c/c3/Monash_Australia_Navbar.png"> |
- | + | <table border="0"> | |
- | + | <tr> | |
- | + | <td colspan="2" class="navigation" height="37"> | |
- | + | <table width="100%" cellspacing="0" cellpadding="0"> | |
- | + | <tr> | |
- | < | + | <td> |
- | < | + | <ul id="navmenu-h"> |
- | < | + | <li><a href="https://2010.igem.org/Team:Monash_Australia">Home</a></li> |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Team">Team</a> | |
- | + | <ul> | |
- | < | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Lab">Buckle Lab</a></li> |
- | < | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Gallery">Gallery</a></li> |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Attributions">Attributions</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Project">Project</a></li> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Modelling">Modelling</a> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Parts">Parts</a></li> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Notebook">Notebook</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Meetings">Meetings</a></li> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Safety">Biosafety</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2010.igem.org/Team:Monash_Australia/Sponsors">Sponsors</a></li> | |
- | + | </ul> | |
- | + | </td> | |
- | + | <td width="10"> </td> | |
- | + | </tr> | |
- | + | </table> | |
- | + | </td> | |
- | + | </tr> | |
- | + | </table> | |
- | + | </center> | |
- | + | ||
- | </ul> | + | |
- | + | ||
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
</body> | </body> | ||
</html> | </html> | ||
- |
Latest revision as of 04:44, 27 October 2010
![](https://static.igem.org/mediawiki/2010/c/c3/Monash_Australia_Navbar.png)
|