基礎ゼミチーム/basic seminar team: Difference between revisions
Naito Ushio (talk | contribs) No edit summary |
Naito Ushio (talk | contribs) No edit summary |
||
Line 224: | Line 224: | ||
<a href=""><div id="HOME"> | <a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team"><div id="HOME"> | ||
HOME | HOME | ||
</div></a> | </div></a> | ||
<a href=""><div id="bottun"> | <a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/project"><div id="bottun"> | ||
Project | Project | ||
</div></a> | </div></a> | ||
<a href=""><div id="bottun"> | <a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/design"><div id="bottun"> | ||
Design | Design | ||
</div></a> | </div></a> | ||
<a href=""><div id="bottun"> | <a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/diary"><div id="bottun"> | ||
Diary | Diary | ||
</div></a> | </div></a> | ||
<a href=""><div id="bottun"> | <a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/link"><div id="bottun"> | ||
Link | Link | ||
</div></a> | </div></a> |
Revision as of 04:22, 6 September 2012
<html><head> </head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */
- wrapper{
width:1000px; /*height:2000px;*/ }
/* タイトルのboxです。内側は上に10px、左側30px*/
div#head-1{
color:#008000;
font-size:30px;
width:970px;
height:40px;
padding:10px 0px 0px 30px;
}
/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる */
- head-under{
height:7px; width:994px; border-style:solid; border-width:3px; border-color:#98FB98; background-color:#008000; }
/* メニューの外枠 */
div#menu{
width:1000px;
height:40px;
text-align:center;
padding:8px 0px;
font-size:22px;
}
/* リンクボタン左端 線なしなので200px */ div#HOME{ width:200px; height:30px; float:left; }
/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:198px; height:30px; border-style:solid; border-width:0px 0px 0px 2px; float:left; }
/* リンクボタン */ a:link{ color:black; }
/* リンクボタン 押したことのあるやつの色 */ a:visited{ color:#777; }
/* カーソル置いた時の変化 背景が変わる */ a:hover div{ background-color:#eee; }
/* ヘッドの下の細い線 */
- under-line{
clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }
/*ここまでヘッドのスタイルシート*/
/* タイトルの配置 */
- line-title{
width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }
/* タイトル文字 */
font#head{
valign:bottom;
font-size:27px;
color:#8B4513;
}
/* 左上の白いBOX */
- line1
{ background-color:white; float:left; width:28px; height:40px; }
/*左真ん中の色つき横側線*/
- line2{
background-color:#FF4500; width:20px; height:40px; float:left; }
/* 真ん中左の空白 */
- line2-5{
clear:left; float:left; width:20px; height:6px; background-color:white; }
/* 真ん中の細長線*/
- line3{
height:6px; background-color:#FF4500; width:950px; float:left; }
/* 下側左の空白 */
- line4{
background-color:white; width:28px; height:5px; float:left; clear:left; }
/*下真ん中の色つき縦線 */
- line5{
background-color:#FF4500; width:20px; height:5px; float:left; }
/* した右側の空白 */
- line6{
background-color:white; width:932px; height:5px; float:left; }
/* タイトル下空白 */
- yohaku{
width:1000px; clear:left; height:7px; }
/* 記事左側余白 */
- kiji-line1{
width:36px; background-color:white; float:left; clear:left; height:2px; }
/* 記事左側色つき線 */
- kiji-line2{
width:3px; float:left; height:500px; background-color:#8B4513; }
/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */
- kiji{
width:931px; /*height:500px;*/ float:left; background-color:white; padding:15px; border-style:solid; border-width:0px 0px 3px 3px; border-color:#8B4513; }
</style>
<body>
<div id="wrapper">
<!-- ここから大枠 -->
<div id="head-1"> BIOMOD2012 Tohoku Team B </div>
<div id="head-under"></div>
<!-- メニューバーの囲い -->
<div id="menu">
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team"><div id="HOME">
HOME
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/project"><div id="bottun">
Project
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/design"><div id="bottun">
Design
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/diary"><div id="bottun">
Diary
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/link"><div id="bottun">
Link
</div></a>
<br>
<div id="under-line"> </div>
</div>
<!-- ここからイントロダクション -->
<div id="line1"></div>
<div id="line2"></div>
<div id="line-title"> <font id="head">Introduction</font> </div> <div id="line2-5"></div> <div id="line3"></div>
<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>
<div id="yohaku"></div> <div id="kiji-line1"></div> <div id="kiji"> Recent DNA robots just wait for the target coming. We are now developing a robot that can catch and store the target you like. We named the robot D-NApper. <br> <br> <div style="text-align:center;"> <div> <img src="http://openwetware.org/images/thumb/9/95/Recent_robot.png/800px-Recent_robot.png" width="330px" height="224px"> <img src="http://openwetware.org/images/thumb/a/aa/Dnapperimage.png/800px-Dnapperimage.png" width="405px" height="224px"> </div> </div> <br>
To realize D-NApper, we propose "Selector" structure.<br> "Selector" catches a target distant from D-NApper, and puts it inside, with specificity.<br> D-NApper can catch various molecules if we modify "Selector". </div>
<!-- ここまでイントロダクション -->
<div id="yohaku"></div>
<div id="line1"></div> <div id="line2"></div> <div id="line-title"> <font id="head">Abstruct</font> </div> <div id="line2-5"></div> <div id="line3"></div>
<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>
<div id="yohaku"></div> <div id="kiji-line1"></div> <div id="kiji">
</div>
<!-- ここまで大枠 -->
</div>
</body>
</html>