Template:Biomod/2014/Kashiwa: Difference between revisions
No edit summary |
No edit summary |
||
Line 60: | Line 60: | ||
margin-top:0px | margin-top:0px | ||
} | } | ||
<div id="ttop"> | |||
<a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="pagetop"></a> | |||
</div> | |||
.OWWNBcpCurrentDateFilled {display: none;} | .OWWNBcpCurrentDateFilled {display: none;} | ||
#content | #content | ||
Line 211: | Line 216: | ||
background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ | background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ | ||
color: #4B0082; /* サブメニュー項目にマウスが載ったときの文字色 */ | color: #4B0082; /* サブメニュー項目にマウスが載ったときの文字色 */ | ||
} | |||
#ttop { | |||
position:fixed; | |||
bottom:100px; | |||
left:auto; | |||
margin:0 0 0 904px; /* マージン:上 右 下 左 */ | |||
width:41px; | |||
height:390px; | |||
background:url(http://openwetware.org/images/0/0e/Homekeikan.png onclick="this.src='http://openwetware.org/images/7/71/HOME2.png'") no-repeat left bottom; | |||
} | |||
/* IE6以下用 */ | |||
* html #ttop { | |||
margin:0 0 -390px 0; | |||
position:relative; | |||
bottom:490px; /* 上で設定した ttopの高さ390px+下100px */ | |||
left:904px; | |||
} | |||
#ttop:hover { | |||
background-position:0 230px; /* 画像の高さによって適当に調整 */ | |||
} | |||
a.page_top { | |||
display:block; | |||
width:41px; | |||
height:390px; | |||
} | } | ||
</style> | </style> | ||
<a name=" | <a name="top"></a> | ||
<div class="menubar"> | <div class="menubar"> | ||
Line 257: | Line 287: | ||
<br> | <br> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 05:36, 21 August 2014
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){ $("#menu li").hover(function(){ $("ul",this).show(); }, function(){ $("ul",this).hide(); }); });
</script>
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
p.paragraph{
font-size :100%; line-height:1.5; margin: 10px 0px; }
p.indent-paragraph {
font-size :110%; line-height:1.5; margin:0 30px; text-indent: 1em; }
h1.title a{
font-size :100%; font-style:italic; display: block; text-decoration: none; color: #000000;
font-weight:bolder;
border-left: solid 5px #e00000 }
body {
font-size: 12px; font-family: Frutiger, Helvetica, Arial; background-color: #E6E6FA; overflow-y:scroll; overflow-x:hidden;
} article {
background-color: #ffffff
} .container {
background-color: #ffffff; margin-top:0px
}
<div id="ttop"> <a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="pagetop"></a> </div>
.OWWNBcpCurrentDateFilled {display: none;}
- content
{
width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;
}
- column-content
{
width: 0px; float: left; margin: 0 0 0 0; padding: 0;
} .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: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width:850px; border: 0;
}
- bodyContent
{
width: 850px; align: center; background-color: #ffffff; position:relative; left:12px;
}
- column-content
{
width: 850px; background-color: #ffffff;
}
- footer
{
position: center; width: 900px;
}
div.menubar
{
position: fixed; background-color: none; /* バーの背景色 */ opacity: 0.9 border-top: 0px double white; /* バーの上端線 */ border-bottom: 0px double white; /* バーの下端線 */ min-width: 0px; /* メインメニュー全部が収まる最低横幅 */ z-index:3
}
div.menubar ul#menu {
margin: -45px 0px 0px -24px; /* メニューバー外側の余白 */ padding: 0px; /* メニューバー内側の余白 */ height: 80px; /* メニューバーの高さ */ list-style-type: none;
}
div.menubar ul#menu li {
width: 112.5px; /* メニュー項目の横幅 */ 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: #4B0082;/* メニュー項目の背景色 */ color: white; /* メニュー項目の文字色 */ line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */ text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ width: 100%; height: 100%;
}
div.menubar ul#menu a:hover {
background-color: #FF00FF; /* メニュー項目にマウスが載ったときの背景色 */ 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: #4B0082; /* サブメニュー全体の背景色 */ 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: 112.5px; /* サブメニュー1項目の横幅 */ height: 45px; /* サブメニュー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: 45px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */ text-align: center; /* サブメニュー1項目の項目名の配置(中央寄せ) */ text-indent: 5px; /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */ color: #4B0082; /* サブメニュー項目にマウスが載ったときの文字色 */
}
- ttop {
position:fixed; bottom:100px; left:auto; margin:0 0 0 904px; /* マージン:上 右 下 左 */ width:41px; height:390px; background:url(http://openwetware.org/images/0/0e/Homekeikan.png onclick="this.src='http://openwetware.org/images/7/71/HOME2.png'") no-repeat left bottom; } /* IE6以下用 */
- html #ttop {
margin:0 0 -390px 0; position:relative; bottom:490px; /* 上で設定した ttopの高さ390px+下100px */ left:904px; }
- ttop:hover {
background-position:0 230px; /* 画像の高さによって適当に調整 */ } a.page_top { display:block; width:41px; height:390px; }
</style>
<a name="top"></a>
<div class="menubar">
<ul id="menu"> <font face="Frutiger,Helvetica,Arial"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/kari"><span style="font-size:12pt;">HOME</span></a> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project"><span style="font-size:12pt;">PROJECT</span></a> <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#2"><span style="font-size:12pt;">Goals</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design"><span style="font-size:12pt;">DESIGN</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2"><span style="font-size:12pt;">Monomer</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1"><span style="font-size:12pt;">Receptor</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments"><span style="font-size:12pt;">EXPERIMENT</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#1"><span style="font-size:12pt;">Contents</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#2"><span style="font-size:12pt;">Polymerize</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#3"><span style="font-size:12pt;">Receptor</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocol"><span style="font-size:12pt;">PROTOCOL</span></a> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion"><span style="font-size:12pt;">DISCUSSION</span></a> <ul class="sub"> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1"><span style="font-size:12pt;">Achievements</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2"><span style="font-size:12pt;">Future</span></a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team"><span style="font-size:12pt;">TEAM</span></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Sponsors"><span style="font-size:12pt;">SPONSORS</span></a></li> </font> </ul>
</div> <br> <br> <br> </head> </html>