Biomod/2014/Kashiwa/Experiments
<html> <head>
<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">
</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>
</head>
</html>
<html>
<head> <style>
div.imagebox {
border: 1.7px dashed #2E2EFE; /* 1.枠線 */ background-color: #F0F8FF; /* 2.背景色 */ width: 310px; /* 横幅 */ float: right; /* 右に配置 */ margin: 0px 30px 0px 10px;
} p.image {
text-align: center; width: 300px; height: 213px; margin: 5px;
} p.caption {
margin: 5px 10px; font-size: 90%; /* 5.文字サイズ */ color: black; /* 6.文字色 */
}
div.centerbox {
border: 1.7px dashed #2E2EFE; /* 1.枠線 */ background-color: #F0F8FF; /* 2.背景色 */ width: 310px; /* 横幅 */ margin: 0px 40px; float: left;
}
div.smallbox {
border: 1.7px dashed #2E2EFE; /* 1.枠線 */ background-color: #F0F8FF; /* 2.背景色 */ width: 210px; /* 横幅 */ margin: 5px; float: right;
} p.smallimage {
text-align: center; width: 200px; height: 120px; margin: 5px;
}
h1.big{
font-size :16px; text-decoration: none; color: #000000; margin: 10px 15px; font-weight: bolder; }
h1.sub {
font-size:20px; font-weight: bolder; margin: 10px 5px;
}
p.menu {
font-size :100%; line-height: 135%; margin: 0px 40px;
}
</style>
<script type="text/javascript"></script>
<style type="text/css">
