Template:Biomod/2014/Kashiwa: Difference between revisions
No edit summary |
Saki Atsuta (talk | contribs) No edit summary |
||
(270 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
<div id="#top"></div> | |||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> | ||
<script type="text/javascript"> | |||
new Image(120,80) = "http://openwetware.org/images/7/7a/Logo2Kashiwa.png"; | |||
new image(120,80) = "http://openwetware.org/images/1/1d/Logo2.5.png"; | |||
new image(71,143) = "http://openwetware.org/images/2/2a/Top1.gif"; | |||
new image(71,143) = "http://openwetware.org/images/f/f0/Top2.gif"; | |||
new image() = "http://openwetware.org/images/3/38/BackgroundKashiwa.png"; | |||
new image() = "http://openwetware.org/images/9/9c/BackgroundKashiwa2.png"; | |||
</script> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 14: | Line 29: | ||
}); | }); | ||
}); | }); | ||
</script> | |||
<script type="text/javascript"> | |||
<!-- | |||
if (document.images) { | |||
// 設定開始(使用する画像を設定してください) | |||
// 通常の画像 | |||
var img0 = new Image(120,80); | |||
img0.src = "http://openwetware.org/images/e/ec/LogoKashiwa.png"; | |||
// ポイント時の画像1 | |||
var img1 = new Image(120,80); | |||
img1.src = "http://openwetware.org/images/2/26/Logo3Kashiwa.png"; | |||
// 設定終了 | |||
} | |||
// ポイント時の処理 | |||
function On(name) { | |||
if (document.images) { | |||
document.images['def'].src = eval(name + '.src'); | |||
} | |||
} | |||
// 放した時の処理 | |||
function Off() { | |||
if (document.images) { | |||
document.images['def'].src = img0.src; | |||
} | |||
} | |||
// --> | |||
</script> | </script> | ||
Line 19: | Line 68: | ||
<style type="text/css"> | <style type="text/css"> | ||
.page-back { | |||
position: fixed; | |||
bottom: 25px; | |||
right: 25px;} | |||
p.paragraph { | |||
font-size :100%; | |||
line-height: 135%; | |||
margin: 10px 25px; | |||
} | |||
p.reference { | |||
font-size :90%; | |||
line-height: 135%; | |||
margin: 10px 20px; | |||
} | |||
p.indent-paragraph { | |||
font-size :110%; | |||
line-height:1.5; | |||
margin:0 30px; | |||
text-indent: 1em; | |||
} | |||
h1.title a{ | |||
font-size :100%; | |||
display: block; | |||
text-decoration: none; | |||
color: #000000; | |||
font-weight:bolder; | |||
border-left: solid 5px #e00000; | |||
} | |||
h2.reference a{ | |||
font-size :90%; | |||
display: block; | |||
text-decoration: none; | |||
border-left: solid 5px; | |||
} | |||
body | body | ||
Line 24: | Line 114: | ||
font-size: 12px; | font-size: 12px; | ||
font-family: Frutiger, Helvetica, Arial; | font-family: Frutiger, Helvetica, Arial; | ||
background-color: # | background-color: #B5D3FF; | ||
overflow-y:scroll; | overflow-y:scroll; | ||
overflow-x:hidden; | overflow-x:hidden; | ||
Line 37: | Line 127: | ||
margin-top:0px | margin-top:0px | ||
} | } | ||
.OWWNBcpCurrentDateFilled {display: none;} | |||
.OWWNBcpCurrentDateFilled | |||
{display: none;} | |||
} | } | ||
#column-content | #column-content | ||
{ | { | ||
width: 0px; | width: 0px; | ||
margin: 0; | |||
margin: | |||
padding: 0; | padding: 0; | ||
float:left; | |||
} | } | ||
.firstHeading | .firstHeading | ||
Line 62: | Line 150: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto | margin-right: auto; | ||
} | } | ||
#column-one | #column-one | ||
Line 72: | Line 160: | ||
#content | #content | ||
{ | { | ||
margin: | margin: 0px; | ||
align: center; | align: center; | ||
padding: | padding: 0px 12px; | ||
width: | width:876px; | ||
border: 0; | border: 0; | ||
} | } | ||
#bodyContent | #bodyContent | ||
{ | { | ||
width: | width: 800px; | ||
padding: 0px 38px; | |||
align: center; | align: center; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
position:relative; | position:relative; | ||
} | } | ||
#column-content | #column-content | ||
{ | { | ||
width: | width: 900px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
#footer | #footer | ||
{ | { | ||
Line 96: | Line 187: | ||
width: 900px; | width: 900px; | ||
} | } | ||
div.menubar | div.menubar | ||
Line 102: | Line 192: | ||
position: fixed; | position: fixed; | ||
background-color: none; /* バーの背景色 */ | background-color: none; /* バーの背景色 */ | ||
opacity: 0. | opacity: 0.95; | ||
border-top: 0px double white; /* バーの上端線 */ | border-top: 0px double white; /* バーの上端線 */ | ||
border-bottom: 0px double white; /* バーの下端線 */ | border-bottom: 0px double white; /* バーの下端線 */ | ||
min-width: | min-width: 900px; /* メインメニュー全部が収まる最低横幅 */ | ||
z-index:3 | z-index:3 | ||
} | } | ||
Line 111: | Line 201: | ||
div.menubar ul#menu | div.menubar ul#menu | ||
{ | { | ||
margin: - | margin: -33px 0px 0px -50px; /* メニューバー外側の余白 */ | ||
padding: 0px; /* メニューバー内側の余白 */ | padding: 0px; /* メニューバー内側の余白 */ | ||
height: 80px; /* メニューバーの高さ */ | height: 80px; /* メニューバーの高さ */ | ||
Line 119: | Line 209: | ||
div.menubar ul#menu li | div.menubar ul#menu li | ||
{ | { | ||
width: | min-width: 110px; /* メニュー項目の横幅 */ | ||
height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */ | height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */ | ||
float: left; | float: left; | ||
list-style-type: none; | list-style-type: none; | ||
Line 131: | Line 221: | ||
text-decoration: none; /* メニュー項目の装飾(下線を消す) */ | text-decoration: none; /* メニュー項目の装飾(下線を消す) */ | ||
display: block; | display: block; | ||
background-color: # | background-color: #1F003E;/* メニュー項目の背景色 */ | ||
color: white; /* メニュー項目の文字色 */ | color: white; /* メニュー項目の文字色 */ | ||
line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */ | line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */ | ||
Line 141: | Line 231: | ||
div.menubar ul#menu a:hover | div.menubar ul#menu a:hover | ||
{ | { | ||
background-color: # | background-image: url("http://openwetware.org/images/3/38/BackgroundKashiwa.png"); /* メニュー項目にマウスが載ったときの背景色 */ | ||
color: # | color: #8B008B; /* メニュー項目にマウスが載ったときの文字色 */ | ||
} | |||
div.menubar ul#menu a:active | |||
{ | |||
background-image: url("http://openwetware.org/images/3/33/Background2.png"); /* メニュー項目にマウスが載ったときの背景色 */ | |||
color: #8B008B; /* メニュー項目をクリックした時の文字色 */ | |||
} | } | ||
Line 157: | Line 253: | ||
div.menubar ul#menu ul.sub | div.menubar ul#menu ul.sub | ||
{ | { | ||
background-color: # | background-color: #1F003E; /* サブメニュー全体の背景色 */ | ||
border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */ | border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */ | ||
border-style: solid; /* サブメニュー全体の枠線の線種 */ | border-style: solid; /* サブメニュー全体の枠線の線種 */ | ||
border-color: # | border-color: #191970; /* サブメニュー全体の枠線の色 */ | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 169: | Line 265: | ||
div.menubar ul#menu ul.sub li | div.menubar ul#menu ul.sub li | ||
{ | { | ||
width: 110px; | width: 110px; | ||
height: | height: 50px; /* サブメニュー1項目の高さ */ | ||
border-width: 0px 0px | border-width: 0px 0px 0px 0px; /* サブメニュー1項目の枠線の太さ */ | ||
border-style: solid; /* サブメニュー1項目の枠線の線種 */ | border-style: solid; /* サブメニュー1項目の枠線の線種 */ | ||
border-color: # | border-color: #191970; /* サブメニュー1項目の枠線の色 */ | ||
z-index: 3 | z-index: 3 | ||
} | } | ||
Line 179: | Line 275: | ||
div.menubar ul#menu ul.sub li a | div.menubar ul#menu ul.sub li a | ||
{ | { | ||
line-height: | line-height: 50px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */ | ||
text-align: center; /* サブメニュー1項目の項目名の配置(中央寄せ) */ | text-align: center; /* サブメニュー1項目の項目名の配置(中央寄せ) */ | ||
text-indent: | text-indent: 0px; /* サブメニュー1項目の項目名前方の余白 */ | ||
} | } | ||
div.menubar ul#menu ul.sub li a:hover | div.menubar ul#menu ul.sub li a:hover | ||
{ | { | ||
background-image: ('back'); | |||
background-size: 100% auto; | |||
background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ | background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ | ||
color: # | color: #8B008B; /* サブメニュー項目にマウスが載ったときの文字色 */ | ||
} | } | ||
div.menubar ul#menu ul.sub li a:active | |||
{ | |||
background-image: ('backclick') /* メニュー項目にマウスが載ったときの背景色 */ | |||
backround-size: 100% auto; | |||
color: #8B008B; /* メニュー項目をクリックした時の文字色 */ | |||
} | |||
</style> | </style> | ||
Line 218: | Line 300: | ||
<ul id="menu"> | <ul id="menu"> | ||
<font face="Frutiger,Helvetica,Arial"> | <font face="Frutiger,Helvetica,Arial"> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa"><img src="http://openwetware.org/images/e/ec/LogoKashiwa.png" onmouseover="this.src='http://openwetware.org/images/7/7a/Logo2Kashiwa.png'" onclick="this.src='http://openwetware.org/images/1/1d/Logo2.5.png'" onmouseout="this.src='http://openwetware.org/images/e/ec/LogoKashiwa.png'" height="80px" width="120px" name="def"></a> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project"><span style="font-size:12pt;">PROJECT</span></a> | </li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROJECT</span></a> | |||
<ul class="sub"> | <ul class="sub"> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1"><span style="font-size:12pt;">Background</span></a></li> | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Background</span></a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2"><span style="font-size:12pt;">Goals</span></a></li> | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Motivation</span></a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#3" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Project Goals</span></a></li> | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> EARLY TRIAL </span></a> | ||
<ul class="sub"> | <ul class="sub"> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Design</span></a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Approaches</span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">DESIGN</span></a> | ||
<ul class="sub"> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li> | |||
</ul> | |||
</li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> EXPERIMENT </span></a> | |||
<ul class="sub"> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Highlights</span></a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Receptor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Motor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li> | |||
</ul> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> DISCUSSION </span></a> | |||
<ul class="sub"> | <ul class="sub"> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Achievements</span></a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Future</span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocols" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROTOCOL</span></a> | ||
</li> | </li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">TEAM</span></a> | ||
<ul class="sub"> | <ul class="sub"> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Members</span></a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/ | <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Sponsors</span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
</font> | </font> | ||
</ul> | </ul> | ||
Line 254: | Line 347: | ||
<br> | <br> | ||
<br> | <br> | ||
<div class="page-back"><a href="#top"> | |||
<img src="http://openwetware.org/images/2/2a/Top1.gif" onmouseover="this.src='http://openwetware.org/images/f/f0/Top2.gif'" onmouseout="this.src='http://openwetware.org/images/2/2a/Top1.gif'" height="150px"/></a></div> | |||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 22:33, 25 October 2014
<html> <head> <div id="#top"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript"> new Image(120,80) = "http://openwetware.org/images/7/7a/Logo2Kashiwa.png";
new image(120,80) = "http://openwetware.org/images/1/1d/Logo2.5.png";
new image(71,143) = "http://openwetware.org/images/2/2a/Top1.gif";
new image(71,143) = "http://openwetware.org/images/f/f0/Top2.gif";
new image() = "http://openwetware.org/images/3/38/BackgroundKashiwa.png";
new image() = "http://openwetware.org/images/9/9c/BackgroundKashiwa2.png"; </script>
<script type="text/javascript">
$(function(){ $("#menu li").hover(function(){ $("ul",this).show(); }, function(){ $("ul",this).hide(); }); });
</script>
<script type="text/javascript">
<!--
if (document.images) {
// 設定開始(使用する画像を設定してください)
// 通常の画像 var img0 = new Image(120,80); img0.src = "http://openwetware.org/images/e/ec/LogoKashiwa.png";
// ポイント時の画像1 var img1 = new Image(120,80); img1.src = "http://openwetware.org/images/2/26/Logo3Kashiwa.png";
// 設定終了
} // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </script>
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
.page-back {
position: fixed;
bottom: 25px;
right: 25px;}
p.paragraph {
font-size :100%; line-height: 135%; margin: 10px 25px;
}
p.reference {
font-size :90%; line-height: 135%; margin: 10px 20px;
}
p.indent-paragraph {
font-size :110%; line-height:1.5; margin:0 30px; text-indent: 1em; }
h1.title a{
font-size :100%; display: block; text-decoration: none; color: #000000;
font-weight:bolder;
border-left: solid 5px #e00000; }
h2.reference a{
font-size :90%; display: block; text-decoration: none; border-left: solid 5px; }
body {
font-size: 12px; font-family: Frutiger, Helvetica, Arial; background-color: #B5D3FF; overflow-y:scroll; overflow-x:hidden;
} article {
background-color: #ffffff
} .container {
background-color: #ffffff; margin-top:0px
}
.OWWNBcpCurrentDateFilled {display: none;}
}
- column-content
{
width: 0px; margin: 0; padding: 0; float:left;
} .firstHeading {
display:none; width:0px;
}
- globalWrapper
{
width:900px; background-color: #ffffff; margin-left: auto; margin-right: auto;
}
- column-one
{
display:none; width:0px; background-color: #ffffff;
}
- content
{
margin: 0px; align: center; padding: 0px 12px; width:876px; border: 0;
}
- bodyContent
{
width: 800px; padding: 0px 38px; align: center; background-color: #ffffff; position:relative;
}
- column-content
{
width: 900px; background-color: #ffffff;
}
- footer
{
position: center; width: 900px;
}
div.menubar {
position: fixed; background-color: none; /* バーの背景色 */ opacity: 0.95; border-top: 0px double white; /* バーの上端線 */ border-bottom: 0px double white; /* バーの下端線 */ min-width: 900px; /* メインメニュー全部が収まる最低横幅 */ z-index:3
}
div.menubar ul#menu {
margin: -33px 0px 0px -50px; /* メニューバー外側の余白 */ padding: 0px; /* メニューバー内側の余白 */ height: 80px; /* メニューバーの高さ */ list-style-type: none;
}
div.menubar ul#menu li {
min-width: 110px; /* メニュー項目の横幅 */ height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */ float: left; list-style-type: none; list-style-image: none; position: relative;
}
div.menubar ul#menu a {
text-decoration: none; /* メニュー項目の装飾(下線を消す) */ display: block; background-color: #1F003E;/* メニュー項目の背景色 */ color: white; /* メニュー項目の文字色 */ line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */ text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ width: 100%; height: 100%;
}
div.menubar ul#menu a:hover {
background-image: url("http://openwetware.org/images/3/38/BackgroundKashiwa.png"); /* メニュー項目にマウスが載ったときの背景色 */ color: #8B008B; /* メニュー項目にマウスが載ったときの文字色 */
}
div.menubar ul#menu a:active {
background-image: url("http://openwetware.org/images/3/33/Background2.png"); /* メニュー項目にマウスが載ったときの背景色 */ color: #8B008B; /* メニュー項目をクリックした時の文字色 */
}
/* メニューバー直後のClearfix */ div.menubar ul#menu {
zoom:1;
} div.menubar ul#menu:after {
height: 0; visibility: hidden; content: "."; display: block; clear: both;
}
div.menubar ul#menu ul.sub {
background-color: #1F003E; /* サブメニュー全体の背景色 */ border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */ border-style: solid; /* サブメニュー全体の枠線の線種 */ border-color: #191970; /* サブメニュー全体の枠線の色 */ margin: 0px; padding: 0px; display: none; position: absolute;
}
div.menubar ul#menu ul.sub li {
width: 110px; height: 50px; /* サブメニュー1項目の高さ */ border-width: 0px 0px 0px 0px; /* サブメニュー1項目の枠線の太さ */ border-style: solid; /* サブメニュー1項目の枠線の線種 */ border-color: #191970; /* サブメニュー1項目の枠線の色 */ z-index: 3
}
div.menubar ul#menu ul.sub li a {
line-height: 50px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */ text-align: center; /* サブメニュー1項目の項目名の配置(中央寄せ) */ text-indent: 0px; /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
background-image: ('back'); background-size: 100% auto; background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ color: #8B008B; /* サブメニュー項目にマウスが載ったときの文字色 */
}
div.menubar ul#menu ul.sub li a:active {
background-image: ('backclick') /* メニュー項目にマウスが載ったときの背景色 */ backround-size: 100% auto; color: #8B008B; /* メニュー項目をクリックした時の文字色 */
}
</style>
<div class="menubar">
<ul id="menu"> <font face="Frutiger,Helvetica,Arial"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa"><img src="http://openwetware.org/images/e/ec/LogoKashiwa.png" onmouseover="this.src='http://openwetware.org/images/7/7a/Logo2Kashiwa.png'" onclick="this.src='http://openwetware.org/images/1/1d/Logo2.5.png'" onmouseout="this.src='http://openwetware.org/images/e/ec/LogoKashiwa.png'" height="80px" width="120px" name="def"></a> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROJECT</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Background</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Motivation</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#3" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Project Goals</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> EARLY TRIAL </span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Design</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Approaches</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">DESIGN</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> EXPERIMENT </span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Highlights</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Receptor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Motor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li> </ul> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;"> DISCUSSION </span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Achievements</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Future</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocols" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROTOCOL</span></a> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">TEAM</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Members</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Sponsors</span></a></li> </ul> </li> </font> </ul>
</div> <br> <br> <br> <div class="page-back"><a href="#top"> <img src="http://openwetware.org/images/2/2a/Top1.gif" onmouseover="this.src='http://openwetware.org/images/f/f0/Top2.gif'" onmouseout="this.src='http://openwetware.org/images/2/2a/Top1.gif'" height="150px"/></a></div> </head>
</html>