Team:Wash U
From 2009.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
[[image:banner1.jpg|center]] | [[image:banner1.jpg|center]] | ||
- | < | + | <html> |
- | { | + | |
- | + | <body align:center> | |
- | + | ||
- | ![[ | + | <!-- Css Menu: --> |
- | ![[ | + | |
- | ![[ | + | <style> |
- | ![[ | + | ul.cssMenu ul{display:none} |
- | ![[ | + | ul.cssMenu li:hover>ul{display:block} |
- | ![[ | + | ul.cssMenu ul{position: absolute;left:-1px;top:98%;} |
- | + | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | |
+ | ul.cssMenu,ul.cssMenu ul { | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px 3px 3px 0px; | ||
+ | background-color:#414141; | ||
+ | background-repeat:repeat; | ||
+ | border-color:#CECECE; | ||
+ | border-width:4px; | ||
+ | border-style:ridge; | ||
+ | } | ||
+ | ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | position:absolute; | ||
+ | z-index: 1000; | ||
+ | left: 100; | ||
+ | top: 200; | ||
+ | } | ||
+ | * HTML ul.cssMenu {position:absolute;} | ||
+ | ul.cssMenu ul{ | ||
+ | width:149px; | ||
+ | } | ||
+ | ul.cssMenu li { | ||
+ | display:block; | ||
+ | margin:3px 0px 0px 3px; | ||
+ | font-size:0px; | ||
+ | } | ||
+ | ul.cssMenu a:active, ul.cssMenu a:focus { | ||
+ | outline-style:none; | ||
+ | } | ||
+ | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | background-color:#414141; | ||
+ | border-width:1px; | ||
+ | border-color:#414141; | ||
+ | border-style:solid; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | padding:4px; | ||
+ | _padding-left:0; | ||
+ | font:14px Trebuchet MS; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul.cssMenu span{ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | ul.cssMenu li { | ||
+ | float:left; | ||
+ | } | ||
+ | ul.cssMenu ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul.cssMenu ul a { | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul.cssMenu li.sep{ | ||
+ | text-align:left; | ||
+ | padding:0px; | ||
+ | line-height:0; | ||
+ | height:100%; | ||
+ | } | ||
+ | ul.cssMenu li.sep span{ | ||
+ | float:none; padding-right:0; | ||
+ | width:3; | ||
+ | height:100%; | ||
+ | display:inline-block; | ||
+ | background-color:#CECECE; background-image:none;} | ||
+ | ul.cssMenu ul li.sep span{ | ||
+ | width:100%; | ||
+ | height:3; | ||
+ | } | ||
+ | ul.cssMenu li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul.cssMenu li:hover>a{ | ||
+ | background-color:#6AF039; | ||
+ | border-color:#FFFFFF; | ||
+ | border-style:solid; | ||
+ | font:14px Trebuchet MS; | ||
+ | color: #414141; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li a:hover{ | ||
+ | position:relative; | ||
+ | background-color:#6AF039; | ||
+ | border-color:#FFFFFF; | ||
+ | border-style:solid; | ||
+ | font:14px Trebuchet MS; | ||
+ | color: #414141; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li.dis a { | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px; | ||
+ | height:24px; | ||
+ | } | ||
+ | ul.cssMenu ul img {width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.cssMenu img.over{display:none} | ||
+ | ul.cssMenu li.dis a:hover img.over{display:none !important} | ||
+ | ul.cssMenu li.dis a:hover img.def {display:inline !important} | ||
+ | ul.cssMenu li:hover > a img.def {display:none} | ||
+ | ul.cssMenu li:hover > a img.over {display:inline} | ||
+ | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline} | ||
+ | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none} | ||
+ | ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block} | ||
+ | ul.cssMenu a:hover ul ul{display:none} | ||
+ | ul.cssMenu span{ | ||
+ | display:block; | ||
+ | background-image:url(./images/arrow_sub5.gif); | ||
+ | background-position:right center; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-right:14px;} | ||
+ | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)} | ||
+ | ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);} | ||
+ | ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)} | ||
+ | ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)} | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <ul class="cssMenu cssMenum"> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U" ="_blank">Home</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts"><span>Biological Parts</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Notebook"><span>Notebook</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures"><span>Pictures</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Sponsors"><span>Sponsors</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | |||
+ | </ul> | ||
+ | </html> | ||
+ | |||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
<font size="4" style="color:black"> | <font size="4" style="color:black"> | ||
+ | <br><br> | ||
'''Site Under Construction''' | '''Site Under Construction''' | ||
<br><br> | <br><br> |
Revision as of 17:05, 18 June 2009