基礎ゼミチーム/basic seminar team/member

From OpenWetWare
Jump to: navigation, search

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

  1. wrapper{

width:1000px; /*height:2000px;*/ }

h1{ visibility: hidden; }


/* タイトルの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:165px; height:30px; float:left; }

/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:163px; 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; }

  1. photo1{

width:20px; height:200px; float:left; clear:left; }

  1. photo2{

width:4px; height:200px; background-color:brown; float:left; }


  1. photo5{

height:15px; width:20px; clear:left; float:left; }

  1. photo6{

height:15x; width:204px; background-color:brown; float:left; color:white; font-size:15px; text-align:center; margin:0 0 10px 0; }


</style> </head> <body> <div id="wrapper">

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

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


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


<div style="float:left;width:5px;height:30px;"> </div> <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/experiment_result"><div id="bottun"> Experiment </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/member"> <div id="bottun"> Team </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">Member</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 style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;"> <img src="http://openwetware.org/images/thumb/b/b2/Team-picture-sub.jpg/800px-Team-picture-sub.jpg" style="width:700px;margin:5px 0 0 0;"><br> <div style="background-color:white;border-style:solid;border-width:5px;border-color:#bbb;">our members</div> </div>

<h2 style="font-color:#ccffbb">Second grader</h2>

<div style="float:left;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d1/Bruta.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Tomoki Aota / 青田智来</div>

</div> <div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/a/ac/Naito.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Ushio Naito / 内藤 潮</div>

</div>

<div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/3/3d/Yabu.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Goro Yabu / 藪 悟郎</div>

</div> <br> <h2 style="font-color:#ccffbb;clear:left;">First grader / Basic seminar course </h2>

<div style="float:left;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/4/4f/Koyama2.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Takumi Koyama / 小山拓弥</div>

</div> <div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d4/Sutou.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Kazuki Suto / 須藤和希</div>

</div> <div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/dd/Hayasaka.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Mizuki Hayasaka / 早坂美月</div>

</div> <div style="float:left;clear:left;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d6/Yotty.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Yoriko Hashida / 橋田典子</div>

</div> <div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/3/39/Funabashi.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Azusa Funabashi / 舟橋 梓</div>

</div> <div style="float:left;margin-left:13px;">

<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/5/50/Muranaka.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Kenta Muranaka / 村中建太</div>

</div> <h2 style="clear:left;">Menter</h2> <h3>Shogo Kudo / 工藤翔吾</h3><h3>Yumiko Kumagai / 熊谷裕美子</h3><h3>Keitel Cervantes-Salguero</h3> </div>


</div> </body> </html>