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;">&nbsp;</div>
<div style="height: 30px;">&nbsp;</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

 
CSS Drop Down Menu by PureCSSMenu.com