基礎ゼミチーム/basic seminar team/member: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
-->
<html lang="ja">
<head>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<style type="text/css">
<meta http-equiv="content-style-type" content="text/css">
/* 一番外側のboxのかこいです。幅1000px、高さ2000px */
<title>BIOMOD 2012 Tohoku basic seminar team Wiki</title>
#wrapper{
width:1000px;
/*height:2000px;*/
}


<script language="JavaScript">


</script>




/* タイトルの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;
}


<style type="text/css">
@charset "Shift_JIS";


/* CDP 001 css 06/12/1 */
/* メニューの外枠 */
/* Copyright (c) 2006 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */
div#menu{
width:1000px;
height:40px;
text-align:center;
padding:8px 0px;
font-size:22px;
}


/* default */
/* リンクボタン左端 線なしなので200px */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
div#HOME{
table{border-collapse:collapse;border-spacing:0;}
width:165px;
fieldset,img{border:0;}
height:30px;
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
float:left;
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts(Yahoo UI) */
body {
font: 13px arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
}
table {
 
font-size: inherit;
/* リンクボタン線あり 線の幅2pxと中の枠198px */
font: 100%;
div#bottun{
width:163px;
height:30px;
border-style:solid;
border-width:0px 0px 0px 2px;
float:left;
}
}
select,input,textarea {
 
font: 99% arial,helvetica,clean,sans-serif;
/* リンクボタン */
a:link{
color:black;
}
}


/* 全体設定 */
/* リンクボタン 押したことのあるやつの色 */
html {
a:visited{
color:#777;
}
}
body {
 
/* カーソル置いた時の変化 背景が変わる */
a:hover div{
background-color:#eee;
}
}
body#INDEX {
 
 
/* ヘッドの下の細い線 */
#under-line{
clear:left;
width:1000px;
height:4px;
background-color:green;
margin:6px 0px;
}
}
div#PAGETOP {
 
width: 100%;
 
font-size: 100%;
/*ここまでヘッドのスタイルシート*/
color: #454341;
 
 
/* タイトルの配置 */
#line-title{
width:912px;
height:30px;
float:left;
margin:10px 0px 0px 30px;
}
}
hr {
 
display: none;
 
/* タイトル文字 */
font#head{
valign:bottom;
font-size:27px;
color:#8B4513;  
}
}
a:link {
 
color: #414191;
 
/* 左上の白いBOX */
#line1
{
background-color:white;
float:left;
width:28px;
height:40px;
}
}
a:visited {
 
color: #414161;
 
 
/*左真ん中の色つき横側線*/
#line2{
background-color:#FF4500;
width:20px;
height:40px;
float:left;
}
}
a:hover {
 
color: #914141;
/* 真ん中左の空白 */
#line2-5{
clear:left;
float:left;
width:20px;
height:6px;
background-color:white;
}
}
a:active {
 
color: #914141;
/* 真ん中の細長線*/
#line3{
height:6px;
background-color:#FF4500;
width:950px;
float:left;
}
}


/* ヘッダー */
/* 下側左の空白 */
div#HEADER {
#line4{
margin-bottom: 20px;
background-color:white;
border-top: solid 4px #595956;
width:28px;
border-bottom: double 3px #FFFFFF;
height:5px;
background: #DCDCDA;
float:left;
clear:left;
}
}
h1#wiki-mode1 {
 
padding: 0.3em 1em 0.3em 21px;
 
font-size: 167%;
/*下真ん中の色つき縦線 */
letter-spacing: 0.2em;
#line5{
color: #9A4414;
background-color:#FF4500;
width:20px;
height:5px;
float:left;
}
}
ul#PAN {
 
position: absolute;
/* した右側の空白 */
top: 10px;
#line6{
right: 0px;
background-color:white;
text-align: right;
width:932px;
height:5px;
float:left;
}
}
#INDEX ul#PAN{
 
display: none;
/* タイトル下空白 */
#yohaku{
width:1000px;
clear:left;
height:7px;
}
}
#PAN li{
 
display: inline;
 
}
/* 記事左側余白 */
#PAN a{
#kiji-line1{
text-decoration: none;
width:36px;
}
background-color:white;
#PAN a:after{
float:left;
content: "->";
clear:left;
height:2px;
}
}


/* メニュー */
div#MENU {
width: 210px;
float: left;
}
#MENU h2{
width: 150px;
margin: 0 20px 1em 20px;
padding: 0.2em 10px;
border: none;
font-size: 107%;
letter-spacing: 0.2em;
color: #BA7464;
}
#MENU ul{
width: 170px;
margin: 0 20px 1em 20px;
border-bottom: double 3px #FBFBFA;
}
#MENU li{
margin-bottom: 15px;
padding-top: 0.1em;
background: #FBFBFA;
}
#MENU li.menu-on {
background: #ECECEA;
}
#MENU li a{
display: block;
width: 150px;
padding: 0.4em 10px 0.4em 10px;
border-bottom: dotted 2px #DCDCDA;
font-weight: bold;
text-decoration: none;
}
#MENU li a:hover,#MENU li a:active{
border-bottom: solid 2px #BA8474;
text-decoration: none;
}


/* 記事部分 */
/* 記事左側色つき線 */
div#KIZI {
#kiji-line2{
margin: 0 20px 0 210px;
width:3px;
padding: 0 0 0 20px;
float:left;
border-left: solid 10px #FBFBFA;
height:500px;
}
background-color:#8B4513;
div#KIZI h2 {
padding: 0.3em 0;
border-bottom: solid 1px #CCCCCA;
color: #BA7464;
font-size: 122%;
letter-spacing: 0.2em;
}
div.text {
margin: 0.5em 2.5em 1.5em 0;
line-height: 1.7;
}
.text p {
margin-bottom: 1em;
}
h3 {
padding: 0.6em 0 0.4em 0;
letter-spacing: 0.1em;
}
h4 {
padding: 0.5em 0 0.2em 0;
letter-spacing: 0.1em;
}
h5,h6 {
padding: 0.4em 0 0.2em 0;
}
.text ul.modori {
text-align: right;
font-size: 85%;
list-style: none;
}
.modori a:link,.modori a:visited{
color: #BA7464;
}
}


/* リスト */
.text ol {
margin: 0 0 1em 35px;
list-style: decimal;
}
.text ul {
margin: 0 0 1em 35px;
list-style: square;
}
dl {
margin: 0 0 1em 5px;
}
dt {
color: #9A5434;
font-weight: bold;
}
dd {
margin: 0 1em 1em 1.5em;
}


/* フッター */
/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */
div#FOOTER {
#kiji{
width: 100%;
width:931px;
clear: left;
/*height:500px;*/
text-align: right;
float:left;
margin-top: 20px;
background-color:white;
border-top: double 3px #FFFFFF;
padding:15px;
border-bottom: solid 6px #595956;
border-style:solid;
background: #DCDCDA;
border-width:0px 0px 3px 3px;
}
border-color:#8B4513;
#FOOTER h2 {
display: none;
}
#FOOTER ul {
padding: 0.8em 2em;
}
#FOOTER li {
display: inline;
padding: 0 0.5em;
font-size: 92%;
}
#FOOTER a{
text-decoration: none;
}
address {
display: inline;
}
}


/* 強調・追加・削除 */
em {
font-weight: bold;
}
strong{
font-weight: bold;
color: #814121;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}


/* フォーム */


input {
margin-top: 0.5em;
}
input#TEXT {
border: solid 1px #CCCCCA;
}
input#BUTTON {
padding: 1px 0.5em;
border: double 3px #CCCCCA;
background: #EDEDEA;
}
textarea {
margin-top: 0.5em;
border: solid 1px #CCCCCA;
}
select {
margin-top: 0.5em;
border: solid 1px #CCCCCA;
}


/* 引用 */
blockquote {
padding-left: 0.8em;
margin: 1em;
border-left: 2px dashed #EAEAED;
}
cite,q {
text-decoration: underline;
}


/* 整形済みテキスト */
pre {
padding: 0.3em;
border: solid 1px #DADADC;
font-size: 92%;
font-family: monospace;
}


/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */
</style>
</style>
</head>
</head>
<body id="INDEX">
<body>
<div id="PAGETOP">
<div id="wrapper">


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


<!--================-->
<div id="head-under"></div>
<!--  ヘッダー  -->
 
<!--================-->
 
<div id="HEADER">
<!-- メニューバーの囲い -->
<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>
<br>
<h1 id="wiki-mode1"><strong><font color="#3070B4">BIOMOD2012 Tohoku Team B</font></strong></h1>
<div id="under-line">
<ul id="PAN">
  <li>index</li>
</ul>
</div>
</div>
<hr>




<!--================-->
<!--  メニュー  -->
<!--================-->
<div id="MENU">
<h2>menu</h2>
<ul>
  <li id="MENU01" class="menu-on"><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">TOP</a></li>
  <li id="MENU02"><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">Design</a></li>
  <li id="MENU03"><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">Diary</a></li>
  <li id="MENU04"><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">Experiment result</a></li>
  <li id="MENU05"><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">Member</a></li>
  <li id="MENU06"><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">Link</a></li> 
</ul>
</div>
</div>
<hr>
 
 
 
 
 
 
 




Line 332: Line 264:
<!--  記事部分  -->
<!--  記事部分  -->
<!--================-->
<!--================-->
<div id="KIZI">
<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>


<h2>MEMBER</h2>
<div id="line4"></div>
<div id="line5"></div>
<div id="line6"></div>
 
<div id="yohaku"></div>


<div style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;">
<div style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;">
Line 355: Line 298:
<h3>Kenta Muranaka / 村中建太</h3>
<h3>Kenta Muranaka / 村中建太</h3>


<div class="text">
<p></p>


<ul class="modori">
  <li><a href="#PAGETOP">TOP</a></li>
</ul>


</div>
<hr>
<hr>
</div>
<!--================-->
<!--  フッター  -->
<!--================-->
<div id="FOOTER">
<h2>連絡先</h2>
<ul>
<li id="FOOTER01"><a href="#PAGETOP">TOP</a></li>
<li id="FOOTER02"><address><a href="mailto:mail@address.com">mail</a></address></li>
<li id="FOOTER03"><address><a href="http://css.poromeria.com/">CSS Designplate</a></address></li>
</ul>
</div>


</div>
</div>
<a href=""></a>
</body>
</body>
</html>
</html>

Revision as of 19:33, 6 September 2012

<html> <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: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; }




</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 style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;"> <img src="http://openwetware.org/images/thumb/f/fe/Syashin.jpg/800px-Syashin.jpg" width="538px" height="303px"><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> <hr> <h3>Tomoki Aota / 青田智来</h3> <h3>Ushio Naito / 内藤 潮</h3> <h3>Goro Yabu / 藪 悟郎</h3> <br> <h2 style="font-color:#ccffbb;">First grader / Basic seminar course </h2> <h3>Takumi Koyama / 小山拓弥</h3> <h3>Kazuki Suto / 須藤和希</h3> <h3>Mizuki Hayasaka / 早坂美月</h3> <h3>Yoriko Hashida / 橋田典子</h3> <h3>Azusa Funabashi / 舟橋 梓</h3> <h3>Kenta Muranaka / 村中建太</h3>



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