Biomod/2014/Kashiwa/kari: Difference between revisions
No edit summary |
No edit summary |
||
Line 24: | Line 24: | ||
</div> | </div> | ||
<div style="z-index:2; font-size: 45px; line-height: 50px; color: white; position: absolute; margin-top: 375px; | <div style="z-index:2; font-size: 45px; line-height: 50px; color: white; position: absolute; margin-top: 375px; left:-10px; width: 300px;"> | ||
とりあえず | とりあえず | ||
<br>代わりの画像 | <br>代わりの画像 |
Revision as of 04:55, 20 August 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>
<html>
<head>
<style>
.image {
position: relative; left: -54pt; z-index: 1; }
</style>
</head>
<body>
<div class="image">
<figure> <img src="http://openwetware.org/images/2/27/Top_Pic.png" width:900px height:400px > </figure>
</div>
<div style="z-index:2; font-size: 45px; line-height: 50px; color: white; position: absolute; margin-top: 375px; left:-10px; width: 300px;">
とりあえず
<br>代わりの画像 </div>
</head>
<h1 class="title"><a name="Abstract"> Abstract</a></h1>
<p class="paragraph">A complete cure for cancer has not been established yet. Recently, cancer immunotherapy has been studied and tried actively as a new treatment for cancer disease. This therapy, however, takes much time and costs a lot to cultivate immune cells <i>ex vivo</i>, resulting in being difficult to mass-produce. In order to solve these problems, we are trying to create a robotic immune cell (RICe) to attack to cancer cells independently of our natural immune systems. </p>
<p class="paragraph">As receiving a signal molecule, RICe is activated, causing a polymerization of monomers in it. As a result, RICe migrates and starts patrolling our body to find cancer markers. As it recognizes cancer, it releases anti-cancer drug. RICe can include cytotoxic substances such as anti-cancer drug because it is an artificial cell, and it can be easier to mass-produce RICe than immune cells because RICe does not need to cultivate. </p>
<br>
<h1 class="title"><a name="Video"> Video</a></h1>
</body>
<footer style="position:relative; left:600px;"> <small> © 2014 UTokyo Chem & Bio </small> </footer>
</html>