Template:WashUback
From 2009.igem.org
(Difference between revisions)
Line 14: | Line 14: | ||
div#top-section, div#content, div#footer-box {border-width: 75px;border-color: #8B0000} | div#top-section, div#content, div#footer-box {border-width: 75px;border-color: #8B0000} | ||
</style> | </style> | ||
+ | </html> | ||
+ | <html> | ||
+ | |||
+ | <!-- Css Menu: --> | ||
+ | |||
+ | <style> | ||
+ | ul.cssMenu ul{display:none} | ||
+ | ul.cssMenu li:hover>ul{display:block} | ||
+ | ul.cssMenu ul{position: absolute;center:-1px;top:98%;} | ||
+ | ul.cssMenu ul ul{position: absolute;center: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:#FFEFD5;<!--main big border color, tan--> | ||
+ | border-width:0px; | ||
+ | border-style:; | ||
+ | } | ||
+ | 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:#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:center; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul.cssMenu li.sep{ | ||
+ | text-align:center; | ||
+ | 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:relative; | ||
+ | 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: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:8px; padding-left:8px;} <!--Heres how you change padding--> | ||
+ | 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"><span>Home</a><![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/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> | </html> |
Revision as of 20:51, 18 June 2009