Team:Tokyo Tech/Ibuki test

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
<head>
<head>
-
<meta http-equiv="Content-Style-Type" content="text/css" />
 
-
<meta http-equiv="Content-Script-Type" content="text/javascript" />
 
-
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
 
-
<title>Tokyo_Tech iGEM Team</title>
 
-
<meta name="description" content="" />
 
-
<meta name="keywords" content="" />
 
<style type="text/css">
<style type="text/css">
-
<!--
+
<!--
-
* {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
}
+
-
a:link,
+
-
a:visited,
+
-
a:hover,
+
-
a:active { text-decoration: underline; }
+
a:link { color: #00f; }
a:link { color: #00f; }
Line 25: Line 10:
a:active { color: #f00; }
a:active { color: #f00; }
-
body {
 
-
  font-size: 85%;
 
-
  text-align: center;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
}
 
-
#wrapper {
+
table.localnavi{
-
   text-align: left;
+
   font-size: 90%;
-
  width: 800px;
+
   margin:20px auto 20px;
-
   margin: 20px auto 0;
+
   text-align:center;
-
   border-left: 1px solid #666;
+
   table-layout:fixed;
-
   border-right: 1px solid #666;
+
  position:relative;
}
}
-
 
+
.localnavi tr td {
-
#header {
+
position:relative;
-
  width: 100%;
+
-
  height: 245px;
+
-
  position: relative;
+
-
  background: url("https://static.igem.org/mediawiki/2009/b/be/Tokyotech.jpg") no-repeat 0 0;
+
-
  background-position:top right;
+
}
}
-
 
+
.localnavi tr td ul{
-
#contents { padding: 40px 30px; }
+
visibility:hidden;
-
 
+
overflow:hidden;
-
 
+
postion:absolute;
-
h1 {
+
top:0px;
-
  font-size: 100%;
+
left:0px;
-
  font-weight: normal;
+
width:75px;
-
  text-align: right;
+
height:0;
-
  position: absolute;
+
-
  top: 10px;
+
-
  left: 30px;
+
-
  color: #666;
+
}
}
-
.logo {
+
.localnavi tr td ul li{
-
  font-size: 160%;
+
margin-bottom:0px;
-
  position: absolute;
+
list-style-type: none;
-
  top: 30px;
+
width:75px;
-
  left: 30px;
+
}
}
-
 
+
.localnavi tr td ul li a{
-
.logo a {
+
width: 75px;
-
  font-weight: bold;
+
-
  color: #000;
+
-
  text-decoration: none;
+
}
}
-
.logo a:hover {
 
-
  color: #f00;
 
-
  text-decoration: none;
 
-
}
 
-
 
-
/* 概要 */
 
-
.description {
 
-
  line-height: 1.5em;
 
-
  position: absolute;
 
-
  bottom: 45px;
 
-
  left: 30px;
 
-
  color: #000;
 
-
}
 
-
 
-
#globalnavi {
 
-
  font-size: 95%;
 
-
  list-style-type: none;
 
-
  width: 800px;
 
-
  height: 40px;
 
-
  position: absolute;
 
-
  bottom: 0;
 
-
  left: 0;
 
-
}
 
-
 
-
#globalnavi li {
 
-
  width: 200px;
 
-
  float: left;
 
-
}
 
-
#globalnavi li a {
+
.localnavi tr td a {
-
  text-align: center;
+
   text-decoration: none;
   text-decoration: none;
-
   width: 200px;
+
   width: 120px;
-
  height: 28px;
+
   display: block;
   display: block;
-
   padding-top: 12px;
+
   padding: 4px;
-
   background-image: url("https://static.igem.org/mediawiki/2009/9/9f/Bg-globalnavi.jpg");
+
   border: 1px 1px #39f;
-
   background-repeat: no-repeat;
+
   background-color: #39f;
-
  color: #9f0
+
-
}
+
-
 
+
-
#category01 a { background-position: 0 0; }
+
-
 
+
-
#category02 a { background-position: -200px 0; }
+
-
 
+
-
#category03 a { background-position: -400px 0; }
+
-
 
+
-
#category04 a { background-position: -600px 0; }
+
-
 
+
-
#globalnavi li a:hover {
+
-
  text-decoration: none;
+
-
  background-image: url(img/bg-globalnavi.jpg);
+
-
  background-repeat: no-repeat;
+
   color: #fff;
   color: #fff;
 +
  z-index:1000;
}
}
-
#category01 a:hover { background-position: 0 -40px; }
+
.localnavi tr td a:hover {
-
 
+
   position:relative;
-
#category02 a:hover { background-position: -200px -40px; }
+
-
 
+
-
#category03 a:hover { background-position: -400px -40px; }
+
-
 
+
-
#category04 a:hover { background-position: -600px -40px; }
+
-
 
+
-
#globalnavi ul {
+
-
  list-style-type: none;
+
-
  width: 200px;
+
-
  height: auto;
+
-
   position: static;
+
-
}
+
-
 
+
-
#globalnavi ul li {
+
-
  width: 200px;
+
-
  float: none;
+
-
}
+
-
 
+
-
#globalnavi ul li a {
+
-
  text-align: left;
+
   text-decoration: none;
   text-decoration: none;
-
  width: 190px;
+
   border: 1px 0 #39f;
-
  height: auto;
+
   background-color: #36c;
-
  display: block;
+
-
  padding: 4px;
+
-
   border: 1px outset #690;
+
-
  background-image: none;
+
-
  background-color: #690;
+
-
  color: #000;
+
-
}
+
-
 
+
-
#globalnavi ul li a:hover {
+
-
  text-decoration: none;
+
-
  border: 1px outset #666;
+
-
  background-image: none;
+
-
   background-color: #666;
+
   color: #fff;
   color: #fff;
}
}
-
#globalnavi .menu ul { display: none; }
+
.localnavi tr td:hover ul,
-
 
+
.localnavi tr td a:hover ul{
-
#globalnavi .menuOn ul { display: block; }
+
visibility:visible;
-
 
+
overflow:visible;
-
h2,
+
z-index:1000;
-
h3,
+
-
h4,
+
-
h5,
+
-
h6 {
+
-
  font-size: 140%;
+
-
  font-weight: normal;
+
-
  margin-bottom: 0.5em;
+
-
  padding: 3px 0 2px;
+
-
  color: #030;
+
-
  border-top: 2px solid #9c0;
+
-
  border-bottom: 1px solid #ccc;
+
}
}
-
h3,
 
-
h4,
 
-
h5,
 
-
h6 { margin-top: 2em; }
 
-
 
-
/* 文字 */
 
-
#contents p {
 
-
  line-height: 1.5em;
 
-
  margin-bottom: 1em;
 
-
}
 
-
 
-
#footer p {
 
-
  text-align: center;
 
-
  color: #fff;
 
-
}
 
-
#cds {
 
-
  font-size: 80%;
 
-
  font-family: Geneva, Arial, Helvetica, sans-serif;
 
-
  text-align: right;
 
-
  margin: 0;
 
-
  padding-right: 20px;
 
-
  clear: both;
 
-
}
 
-
 
-
#cds,
 
-
#cds a,
 
-
#cds a:hover {
 
-
  text-decoration: none;
 
-
  color: #ccc;
 
-
}
 
-->
-->
</style>
</style>
-
 
</head>
</head>
-
<body>
+
<div align=center>
-
<div id="wrapper">
+
[[Image:Tokyotech.png|200px]]
-
<div id="header">
+
[[Image:iGEM-1-1.jpg|200px]]
-
<h1>iGEM2009</h1>
+
-
<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>
+
-
 
+
-
<ul id="globalnavi">
+
-
 
+
-
<li id="category01" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'" sytle="list-style-type:none;">
+
-
<a href="#">Main</a>
+
-
</li>
+
-
 
+
-
<li id="category02" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
-
<a href="#">Project</a>
+
-
<ul>
+
-
<li><a href="#">Idea 1</a></li>
+
-
<li><a href="#">Idea 2</a></li>
+
-
<li><a href="#">Idea 3</a></li>
+
-
<li><a href="#">Idea 4</a></li>
+
-
<li><a href="#">Idea 5</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="category03" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
-
<a href="#">Parts</a>
+
-
</li>
+
-
 
+
-
<li id="category04" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
-
<a href="#">Team</a>
+
-
</li>
+
-
</ul>
+
</div>
</div>
-
<!-- header end -->
 
-
<div id="contents">
 
-
<h2>Abstract</h2>
+
<table class="localnavi">
-
<p>Willcome!</p>
+
<tr>
 +
  <td>[[Team:Teokyo_Tech/Main|Main]]<ul></ul></td>
 +
  <td>[[Team:Teokyo_Tech/Team|Team]]<ul></ul></td>
 +
  <td>[[Team:Teokyo_Tech/Project|Project]]
 +
  <ul>
-
<h3>Introduction</h3>
+
    <li>[[Team:Teokyo_Tech/Idea1|Idea 1]]</li>
-
<p>Terraforming of Mars wtih E.coli</p>
+
    <li>[[Team:Teokyo_Tech/Idea1]]</li>
 +
    <li>[[Team:Teokyo_Tech/Idea1]]</li>
 +
    <li>[[Team:Teokyo_Tech/Idea1]]</li>
 +
    <li>[[Team:Teokyo_Tech/Idea1]]</li>
-
</div>
+
  </ul>
-
<!-- contents end -->
+
  </td>
-
<!-- ↓削除不可 -->
+
  <td>[[Team:Teokyo_Tech/Parts|Parts]]<ul></ul></td>
-
<p id="cds">Designed by <a href="http://www.css-designsample.com/">CSS.Design Sample</a></p></div>
+
  <td>[[Team:Teokyo_Tech/Conclusion|conclusion]]<ul></ul></td>
-
</body>
+
  <td>[[Team:Teokyo_Tech/Links|Links]]<ul></ul></td>
-
</html>
+
</tr>
 +
</table>

Revision as of 01:59, 17 October 2009

<head> <style type="text/css"> </style> </head>

Tokyotech.png IGEM-1-1.jpg

Main
    		 Team
      		 Project Parts
        		 conclusion
          		 Links
            Retrieved from "http://2009.igem.org/Team:Tokyo_Tech/Ibuki_test"