Team:Tokyo Metropolitan/test
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<style type=text/css> | <style type=text/css> | ||
.firstHeading { | .firstHeading { | ||
Line 71: | Line 72: | ||
<div style="height: 30px;"> </div> | <div style="height: 30px;"> </div> | ||
- | + | <!-- Start PureCSSMenu.com STYLE --> | |
+ | <style> | ||
+ | #pcm{display:none;} | ||
+ | ul.pureCssMenu ul{display:none} | ||
+ | ul.pureCssMenu li:hover>ul{display:block} | ||
+ | ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} | ||
+ | ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} | ||
+ | ul.pureCssMenu,ul.pureCssMenu ul { | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px 1px 1px 0px; | ||
+ | background-color:#003B75; | ||
+ | background-repeat:repeat; | ||
+ | border-color:#A6A6A6; | ||
+ | border-width:0px; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.pureCssMenu ul{ | ||
+ | width:184.8px; | ||
+ | } | ||
+ | ul.pureCssMenu li{ | ||
+ | display:block; | ||
+ | margin:1px 0px 0px 1px; | ||
+ | font-size:0px; | ||
+ | } | ||
+ | ul.pureCssMenu a:active, ul.pureCssMenu a:focus { | ||
+ | outline-style:none; | ||
+ | } | ||
+ | ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | background-color:#003B75; | ||
+ | border-width:0px; | ||
+ | border-color:#FCEEB0; | ||
+ | border-style:solid; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | padding:5px; | ||
+ | _padding-left:0; | ||
+ | font:13px Tahoma; | ||
+ | color: #ffffff; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul.pureCssMenu span{ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | ul.pureCssMenu li { | ||
+ | float:left; | ||
+ | } | ||
+ | ul.pureCssMenu ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul.pureCssMenu ul a { | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul.pureCssMenu li.sep{ | ||
+ | text-align:left; | ||
+ | padding:0px; | ||
+ | line-height:0; | ||
+ | height:100%; | ||
+ | } | ||
+ | ul.pureCssMenu li.sep span{ | ||
+ | float:none; padding-right:0; | ||
+ | width:3; | ||
+ | height:100%; | ||
+ | display:inline-block; | ||
+ | background-color:#A6A6A6; background-image:none;} | ||
+ | ul.pureCssMenu ul li.sep span{ | ||
+ | width:100%; | ||
+ | height:3; | ||
+ | } | ||
+ | ul.pureCssMenu li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul.pureCssMenu li:hover>a{ | ||
+ | background-color:#000033; | ||
+ | border-color:#4C99AB; | ||
+ | border-style:solid; | ||
+ | font:13px Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.pureCssMenu li a:hover{ | ||
+ | position:relative; | ||
+ | background-color:#000033; | ||
+ | border-color:#4C99AB; | ||
+ | border-style:solid; | ||
+ | font:13px Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.pureCssMenu li.dis a { | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.pureCssMenu ul img {width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.pureCssMenu img.over{display:none} | ||
+ | ul.pureCssMenu li.dis a:hover img.over{display:none !important} | ||
+ | ul.pureCssMenu li.dis a:hover img.def {display:inline !important} | ||
+ | ul.pureCssMenu li:hover > a img.def {display:none} | ||
+ | ul.pureCssMenu li:hover > a img.over {display:inline} | ||
+ | ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline} | ||
+ | ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none} | ||
+ | ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block} | ||
+ | ul.pureCssMenu a:hover ul ul{display:none} | ||
+ | ul.pureCssMenu span{ | ||
+ | display:block; | ||
+ | background-image:url(./images/arrv_blue_2.gif); | ||
+ | background-position:right center; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-right:8px;} | ||
+ | ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white_2.gif); | ||
+ | } | ||
+ | ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white_2.gif)} | ||
+ | ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)} | ||
+ | ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white_2.gif);} | ||
+ | ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arr_white_2.gif)} | ||
+ | ul.pureCssMenu table a:hover table span{background-image:url(./images/arr_blue_2.gif)} | ||
+ | ul.pureCssMenu li a.pureCssMenui0{ | ||
+ | font:n; | ||
+ | } | ||
+ | ul.pureCssMenu li a.pureCssMenui0:hover{ | ||
+ | font:o; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- End PureCSSMenu.com STYLE --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Start PureCSSMenu.com MENU --> | ||
+ | <ul class="pureCssMenu pureCssMenum"> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan"><span>Home</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan">Tokyo Metropolitan Wiki</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://igem.org/Main_Page">iGEM2010 Main Page</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Team">Members</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="http://igemtmu.net/2010/">Japanese Website</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="http://blog.igemtmu.net/">Blog</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="http://twitter.com/igemtmu">Twitter</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project">Abstract</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Fiber"><span>E.coli Fiber</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Fiber">Overall Project</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Fiber/Protocol">Protocol</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Fiber/Result">Result</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Pattern"><span>E.coli Pattern Formation</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Pattern">Overall Project</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Pattern/Protocol">Protocol</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Pattern/Result">Result</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Project/Rice">E.coli Rice Master</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Parts">Part</a></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Notebook"><span>Notebook</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Notebook/Fiber">E.coli Fiber</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Notebook/Pattern">E.coli Pattern Formation</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Human_Practice">Human Practice</a></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Safety"><span>Judging Criteria</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="pureCssMenum"> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Safety">Safety</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Attribution_and_Contribution">Attribution and Contribution</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Comments">Comments</a></li> | ||
+ | <li class="pureCssMenui"><a class="pureCssMenui" href="https://2010.igem.org/Team:Tokyo_Metropolitan/iGEM_JAPAN">iGEM JAPAN</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="pureCssMenui0"><a class="pureCssMenui0" href="https://2010.igem.org/Team:Tokyo_Metropolitan/Sponsors">Acknowledgment</a></li> | ||
+ | </ul> | ||
+ | <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a> | ||
+ | <!-- End PureCSSMenu.com MENU --> | ||
Revision as of 19:38, 24 October 2010