Team:Tokyo Tech/Ibuki test

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+
<html>
<head>
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Style-Type" content="text/css" />
Line 9: Line 9:
<style type="text/css">
<style type="text/css">
<!--
<!--
-
/* -------------------------------------------------------------
 
-
 
-
[1] レイアウトに関する指定
 
-
[2] ヘッダーブロック内に関する指定
 
-
[3] コンテンツブロック内に関する指定
 
-
[4] フッターブロック内に関する指定
 
-
[5] CSSデザインサンプルリンク指定
 
-
 
-
----------------------------------------------------------------
 
-
CSSデザインサンプ [ URL ] http://www.css-designsample.com
 
-
------------------------------------------------------------- */
 
-
 
-
 
-
/* 一括で全ての要素の余白をゼロに指定 */
 
* {
* {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
}
}
-
 
-
/* 全体的なリンク */
 
-
 
a:link,
a:link,
a:visited,
a:visited,
Line 42: Line 25:
a:active { color: #f00; }
a:active { color: #f00; }
-
 
-
/* -------------------------------------------------------------
 
-
  [1] レイアウトに関する指定 */
 
body {
body {
   font-size: 85%;
   font-size: 85%;
Line 52: Line 32:
}
}
-
/*-- 全体を囲んでいます --*/
 
#wrapper {
#wrapper {
   text-align: left;
   text-align: left;
Line 61: Line 40:
}
}
-
/*-- ヘッダー部分 --*/
 
#header {
#header {
   width: 100%;
   width: 100%;
Line 70: Line 48:
}
}
-
/*-- コンテンツ部分 740px --*/
 
#contents { padding: 40px 30px; }
#contents { padding: 40px 30px; }
-
/*-- フッター部分 --*/
 
-
#footer {
 
-
  width: 802px;
 
-
  margin: 0 auto;
 
-
  padding: 2em 0 0.5em;
 
-
  background-color: #333;
 
-
}
 
-
 
-
/* -------------------------------------------------------------
 
-
  [2] ヘッダーブロック内に関する指定 */
 
-
 
-
/* 見出し */
 
h1 {
h1 {
Line 95: Line 60:
   color: #666;
   color: #666;
}
}
-
 
-
/* サイトタイトル */
 
.logo {
.logo {
   font-size: 160%;
   font-size: 160%;
Line 124: Line 87:
}
}
-
/*---------------------------------------グローバルナビ部分*/
 
#globalnavi {
#globalnavi {
   font-size: 95%;
   font-size: 95%;
Line 174: Line 136:
#category04 a:hover { background-position: -600px -40px; }
#category04 a:hover { background-position: -600px -40px; }
-
 
-
/*--サブメニュー部分--*/
 
#globalnavi ul {
#globalnavi ul {
Line 214: Line 174:
#globalnavi .menuOn ul { display: block; }
#globalnavi .menuOn ul { display: block; }
-
/* -------------------------------------------------------------
 
-
  [3] コンテンツブロック内に関する指定 */
 
-
 
-
/* 見出し */
 
h2,
h2,
h3,
h3,
Line 242: Line 198:
   margin-bottom: 1em;
   margin-bottom: 1em;
}
}
-
 
-
/* -------------------------------------------------------------
 
-
  [5] フッターブロック内に関する指定 */
 
#footer p {
#footer p {
Line 250: Line 203:
   color: #fff;
   color: #fff;
}
}
-
 
-
/* -------------------------------------------------------------
 
-
  [6] CSSデザインサンプルリンク指定 */
 
-
 
#cds {
#cds {
   font-size: 80%;
   font-size: 80%;
Line 273: Line 222:
</style>
</style>
-
<!-- base layout css.design sample -->
 
</head>
</head>
<body>
<body>
<div id="wrapper">
<div id="wrapper">
<div id="header">
<div id="header">
-
<!-- キーワード -->
 
<h1>iGEM2009</h1>
<h1>iGEM2009</h1>
-
<!-- ページの概要 -->
 
<p class="description">The Tokyo-Tech iGEM team are planning two ideas.</p>
<p class="description">The Tokyo-Tech iGEM team are planning two ideas.</p>
-
<!-- 企業名|ショップ名|タイトル -->
 
<p class="logo"><a href="index.html">Tokyo-Tech iGEM team</a></p>
<p class="logo"><a href="index.html">Tokyo-Tech iGEM team</a></p>
-
<!-- グローバルナビゲーション -->
 
<ul id="globalnavi">
<ul id="globalnavi">
-
<!-- カテゴリー 1 -->
 
<li id="category01" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<li id="category01" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<a href="#">Main</a>
<a href="#">Main</a>
</li>
</li>
-
<!-- カテゴリー 2 -->
 
<li id="category02" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<li id="category02" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<a href="#">Project</a>
<a href="#">Project</a>
-
<!-- カテゴリー 2 の 子リスト-->
 
<ul>
<ul>
<li><a href="#">Idea 1</a></li>
<li><a href="#">Idea 1</a></li>
Line 306: Line 247:
</li>
</li>
-
<!-- カテゴリー 3 -->
 
<li id="category03" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<li id="category03" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<a href="#">Parts</a>
<a href="#">Parts</a>
-
<!-- カテゴリー 3 の 子リスト-->
 
</li>
</li>
-
<!-- カテゴリー 4 -->
 
<li id="category04" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<li id="category04" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
<a href="#">Team</a>
<a href="#">Team</a>
-
<!-- カテゴリー 4 の 子リスト-->
 
</li>
</li>
</ul>
</ul>
Line 321: Line 258:
<!-- header end -->
<!-- header end -->
<div id="contents">
<div id="contents">
-
<!-- コンテンツここから -->
 
<h2>Abstract</h2>
<h2>Abstract</h2>
Line 329: Line 265:
<p>Terraforming of Mars wtih E.coli</p>
<p>Terraforming of Mars wtih E.coli</p>
-
<!-- コンテンツここまで -->
 
</div>
</div>
<!-- contents end -->
<!-- contents end -->

Revision as of 04:33, 16 October 2009

Tokyo_Tech iGEM Team

Abstract

Willcome!

Introduction

Terraforming of Mars wtih E.coli

Designed by CSS.Design Sample