基礎ゼミチーム/basic seminar team/experiment result/test: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
Line 1: Line 1:
<html>
<html><head>
<head>
</head>
<style type="text/css">
<style type="text/css">
/*ヘッドデザイン（各ページ共通）*/
/* 一番外側のboxのかこいです。幅1000px、高さ2000px */
#head{
#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{
#line-title{
width:980px;
width:912px;
height:30px;
height:30px;
float:left;
float:left;
margin:10px 0px 0px 20px;
margin:10px 0px 0px 30px;
}
}




/*タイトル文字*/
/* タイトル文字 */
font#head{
font#head{
valign:bottom;
valign:bottom;
Line 27: Line 101:
}
}


/* 左上の白いBOX */
#line1
#line1
{
{
background-color:white;
background-color:white;
float:left;
float:left;
width:8px;
width:28px;
height:40px;
height:40px;
clear:left;
}
}


/*上の横側線*/
 
 
/*左真ん中の色つき横側線*/
#line2{
#line2{
background-color:#FF4500;
background-color:#FF4500;
Line 44: Line 121:
}
}


/* 下の長い線*/
/* 真ん中左の空白 */
#line2-5{
clear:left;
float:left;
width:20px;
height:6px;
background-color:white;
}
 
/* 真ん中の細長線*/
#line3{
#line3{
height:6px;
height:6px;
clear:left;
background-color:#FF4500;
background-color:#FF4500;
width:1028px;
width:950px;
float:left;
float:left;
}
}


/* 下側左の空白 */
#line4{
#line4{
background-color:white;
background-color:white;
width:8px;
width:28px;
height:5px;
height:5px;
float:left;
float:left;
Line 62: Line 148:




/*下の横側線*/
/*下真ん中の色つき縦線 */
#line5{
#line5{
background-color:#FF4500;
background-color:#FF4500;
Line 70: Line 156:
}
}


/* した右側の空白 */
#line6{
#line6{
background-color:white;
background-color:white;
width:1000px;
width:932px;
height:5px;
height:5px;
float:left;
float:left;
}
}


/* タイトル下空白 */
#yohaku{
width:1000px;
clear:left;
height:7px;
}
/* 記事左側余白 */
#kiji-line1{
#kiji-line1{
width:16px;
width:36px;
background-color:white;
background-color:white;
float:left;
float:left;
clear:left;
clear:left;
height:500px;
height:2px;
}
}


/* 記事左側色つき線 */
#kiji-line2{
#kiji-line2{
width:3px;
width:3px;
Line 92: Line 190:
}
}


/* 記事内容　幅931px＋マージン15px×2＋3px＋36px　＝　1000px */
#kiji{
#kiji{
width:900px;
width:931px;
height:500px;
/*height:500px;*/
float:left;
float:left;
background-color:white;
background-color:white;
margin:15px 15px;
padding:15px;
border-style:solid;
border-width:0px 0px 3px 3px;
border-color:#8B4513;
}
}


#yohaku{
 
width:1028px;
 
clear:left;
 
height:7px;
}




</style>
</style>
</head>
<body>
<body>
<div id="wrpper">
<div id="wrapper">
<!-- ここから中身を作る -->
<!-- ここから大枠 -->


<div id="head-1">
BIOMOD2012 Tohoku Team B
</div>


<div id="head-under"></div>




<!-- メニューバーの囲い -->
<div id="menu">




<a href=""><div id="HOME">
HOME
</div></a>
<a href=""><div id="bottun">
Project
</div></a>
<a href=""><div id="bottun">
Design
</div></a>
<a href=""><div id="bottun">
Diary
</div></a>
<a href=""><div id="bottun">
Link
</div></a>
<br>


<div id="under-line">
</div>


<!-- タイトル横の太線の余白 -->
<div id="line1"></div>


</div>




<!-- タイトル横の太い線 -->


<div id="line2"></div>




 
<div id="line1"></div>
<!-- タイトルスペース -->
<div id="line2"></div>


<div id="line-title">
<div id="line-title">
<font id="head">BIOMOD2012 Tohoku Team B</font>
<font id="head">Abstract</font>
</div>
</div>
 
<div id="line2-5"></div>
 
<!-- タイトル下の細横線 -->
 
<div id="line3"></div>
<div id="line3"></div>
<!-- タイトル下側の太線の左余白 -->


<div id="line4"></div>
<div id="line4"></div>
<!-- タイトル下の太線 -->
<div id="line5"></div>
<div id="line5"></div>
<div id="line6"></div>
<div id="line6"></div>
<!-- タイトルの下の余白 -->


<div id="yohaku"></div>
<div id="yohaku"></div>
<div id="kiji-line1"></div>
<div id="kiji-line1"></div>
<div id="kiji-line2"></div>
<!--  ==========  -->
<!--      内容    -->
<!--  ==========  -->
<div id="kiji">
<div id="kiji">
We're making a molecular robot that can capture an object DNA and put it inside the robot.<br>
We're making a molecular robot that can capture an object DNA and put it inside the robot.<br>
Line 181: Line 281:
</div>
</div>


<div id="yohaku"></div>


<div id="line1"></div>
<div id="line2"></div>
<div id="line-title">
<font id="head">Sample</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">
Yeah!
</div>




<!-- ここまで中身 -->
<!-- ここまで大枠 -->
</div>
</div>
</body></html>
</body>
</html>

Latest revision as of 04:01, 6 September 2012

<html><head> </head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */

  1. 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ずらしてる　 */

  1. 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; }


/* ヘッドの下の細い線 */

  1. under-line{

clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }


/*ここまでヘッドのスタイルシート*/


/* タイトルの配置 */

  1. line-title{

width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }


/* タイトル文字 */ font#head{ valign:bottom; font-size:27px; color:#8B4513; }


/* 左上の白いBOX */

  1. line1

{ background-color:white; float:left; width:28px; height:40px; }


/*左真ん中の色つき横側線*/

  1. line2{

background-color:#FF4500; width:20px; height:40px; float:left; }

/* 真ん中左の空白 */

  1. line2-5{

clear:left; float:left; width:20px; height:6px; background-color:white; }

/* 真ん中の細長線*/

  1. line3{

height:6px; background-color:#FF4500; width:950px; float:left; }

/* 下側左の空白 */

  1. line4{

background-color:white; width:28px; height:5px; float:left; clear:left; }


/*下真ん中の色つき縦線 */

  1. line5{

background-color:#FF4500; width:20px; height:5px; float:left; }

/* した右側の空白 */

  1. line6{

background-color:white; width:932px; height:5px; float:left; }

/* タイトル下空白 */

  1. yohaku{

width:1000px; clear:left; height:7px; }


/* 記事左側余白 */

  1. kiji-line1{

width:36px; background-color:white; float:left; clear:left; height:2px; }


/* 記事左側色つき線 */

  1. kiji-line2{

width:3px; float:left; height:500px; background-color:#8B4513; }


/* 記事内容　幅931px＋マージン15px×2＋3px＋36px　＝　1000px */

  1. 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=""><div id="HOME"> HOME </div></a> <a href=""><div id="bottun"> Project </div></a> <a href=""><div id="bottun"> Design </div></a> <a href=""><div id="bottun"> Diary </div></a> <a href=""><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">Abstract</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"> We're making a molecular robot that can capture an object DNA and put it inside the robot.<br> Our robot has the function we named "Selector".<br> <br> "Selector" is single-stranded DNA which has complementary sequences to the "Target DNA" here and there, and consecutive adenine sequences in other portion. We have three "Selectors", and the inner "Selector" attaches to the target more strongly. When "Selector 1" catches the "Target DNA", the left sequences (which are not complementary and do not attach to the object) make loops. Then the structure shrinks and becomes shorter.<br> <br> Thanks to "Selector 1", the robot can select and draw the target DNA close to the robot. Next, "Selector 2" receives the target DNA from "Selector 1". And "Selector 3" receives the target from "Selector 2". Thanks to "Selector 2" and "Selector 3", the robot can deliver only the object inside certainly.<br> <br> Then, we will explain the body structure containing these functions.<br> We design the robot like a tube of hexagonal base. In case it is too difficult to form and observe, we also design a triangle prism body. As for the latter shape, we made the same kind of structure last year. We've acquired some know-how of it.<br> <br> We think the robot should have a lid so that nothing would come in from the back. So we arrange "Selectors" symmetrically. <br>

</div>

<div id="yohaku"></div>

<div id="line1"></div> <div id="line2"></div> <div id="line-title"> <font id="head">Sample</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"> Yeah! </div>


<!-- ここまで大枠 --> </div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=基礎ゼミチーム/basic_seminar_team/experiment_result/test&oldid=623972"