Template:WashUback
From 2009.igem.org
(Difference between revisions)
Colinfoley (Talk | contribs) |
Colinfoley (Talk | contribs) |
||
Line 14: | Line 14: | ||
<body> | <body> | ||
- | < | + | <a href="http://www.wustl.edu/"><img src="https://static.igem.org/mediawiki/2009/b/bb/Banner1.png" height=250px width=965px></a> |
- | + | </body> | |
- | + | <!-- Css Menu: --> | |
- | < | + | <style> |
- | < | + | ul.cssMenu ul{display:none} |
- | < | + | ul.cssMenu li:hover>ul{display:block} |
- | < | + | ul.cssMenu ul{position: absolute;left:-120px;top:98%;} <!--Move drop down boxes--> |
- | + | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | |
- | </ | + | ul.cssMenu,ul.cssMenu ul { |
+ | margin-left:120px; | ||
+ | list-style:none; | ||
+ | padding:0px 3px 3px 0px; | ||
+ | background-color:#FFEFD5;<!--background border, tan--> | ||
+ | background-repeat:repeat; | ||
+ | border-color:#8B0000;<!--main big border color, tan--> | ||
+ | border-width:1px; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | 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:160px; <!--width of background for drop downs--> | ||
+ | } | ||
+ | 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:#FFEFD5;<!--background inside boxes, tan--> | ||
+ | border-width:0px; | ||
+ | border-color:#FFEFD5;<!--inside, smaller borders, tan--> | ||
+ | border-style:solid; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:4px; | ||
+ | _padding-left:4px; | ||
+ | font:20px Trebuchet MS; | ||
+ | color: #008000;<!--text color, not in hover, green--> | ||
+ | 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; <!--Drop menus text align--> | ||
+ | white-space:nowrap; | ||
+ | horizontal-align:right; | ||
+ | } | ||
+ | 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:#008000; 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:#8B0000; | ||
+ | border-color:#8B0000;<!--?????????????, red--> | ||
+ | border-style:solid; | ||
+ | font:20px Trebuchet MS; | ||
+ | color: ##FFFFFF;<!--???????????, white--> | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li a:hover{ | ||
+ | position:left; | ||
+ | background-color:#8B0000; | ||
+ | font:20px Trebuchet MS; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li.dis a { | ||
+ | color: #008000 !important; | ||
+ | } | ||
+ | ul.cssMenu img {border: none;float:left;_float:none;margin-right:0px;width:0px; | ||
+ | height:0px; | ||
+ | } | ||
+ | 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:8px; padding-left:8px;} <!--Heres how you change padding on main bar--> | ||
+ | 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> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <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]--> | ||
+ | <ul class=" cssMenum"> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Students" ="_blank">Students</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Faculty" ="_blank">Faculty</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Advisors" ="_blank">Advisors</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | |||
+ | |||
+ | <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]--> | ||
+ | <ul class=" cssMenum"> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Abstract" ="_blank">Abstract</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Analysis" ="_blank">Analysis</a></li><br> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Results" ="_blank">Results</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Conclusion" ="_blank">Conclusion</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | |||
+ | |||
+ | <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]--> | ||
+ | <ul class=" cssMenum"> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts#Parts" ="_blank">Parts</a></li> | ||
+ | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts#Characterization" ="_blank">Characterization</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | |||
+ | |||
+ | <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> | ||
</body> | </body> | ||
Revision as of 21:23, 23 June 2009