Team:Tokyo Tech

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{tokyotechmenu}}
+
<!-- template starting point -->
 +
<html lang="english" xmlns="http://www.w3.org/1999/xhtml" xml:lang="english">
 +
<head>
 +
<meta http-equiv="content-script-type" content="text/javascript" />
 +
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS" />
 +
<style>
 +
<!--
 +
div#LeftMenu
 +
{
 +
color: #000000;
 +
background-color: #C4C4D2;
 +
margin: 0px;
 +
padding: 0px;
 +
left: 2px;
 +
width: 150px;
 +
float: left;
 +
top: 550px;
 +
position: static;
 +
}
 +
 +
div#navigation
 +
{
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
}
 +
 +
ul#TopMenu
 +
{
 +
font-family: Arial, verdana, sans-serif;
 +
list-style: none;
 +
float: left;
 +
height: 30px;
 +
width: 945px
 +
}
 +
 +
ul#TopMenu > li
 +
{
 +
float: left;
 +
position:relative;
 +
padding: 2px 15px 0 0;
 +
list-style: none;
 +
}
 +
 +
ul#TopMenu > li ul
 +
{
 +
background-color: #050505;
 +
color: #FFFFFF;
 +
display: none;
 +
position: absolute;
 +
font-size: 16px;
 +
opacity: 0.8;
 +
list-style: none;
 +
min-width: 100px;
 +
padding: 9px 0 5px 5px;
 +
z-index: 500;
 +
}
 +
 +
#TopMenu > li:hover ul
 +
{
 +
display: inline;
 +
}
 +
 +
#TopMenu > li > ul > li
 +
{
 +
position: relative;
 +
padding: 0 0 5px 5px;
 +
margin: -1px;
 +
}
 +
 +
body
 +
{
 +
background-color: #EFEBEC;
 +
color: #000000;
 +
font-size: 13px;
 +
}
 +
 +
.top
 +
{
 +
top: 0;
 +
left: 0;
 +
clear: both;
 +
height: 190px;
 +
width: 945px;
 +
}
 +
.main
 +
{
 +
position: absolute;
 +
left: 160px;
 +
width: auto;
 +
}
 +
 +
.under_contents
 +
{
 +
position: static;
 +
top: 310px;
 +
margin: 5px 5px 5px 5px;
 +
padding: 0 0 0 0;
 +
 +
}
 +
 +
h1, h2, h3, h4, h5, h6
 +
{
 +
background-color: #00508D;
 +
color:#FFFFFF;
 +
text-align: center;
 +
padding-left: 5px;
 +
clear: both;
 +
}
 +
 +
.footer
 +
{
 +
position: relative;
 +
}
 +
 +
.name
 +
{
 +
font-style: italic;
 +
}
-
== Headline text ==
+
#navigation a
-
tokyo_tech 2012
+
{
 +
text-decoration: none;
 +
background-color: transparent;
 +
color: #FFFFFF;
 +
}
 +
 +
#navigation a:hover
 +
{
 +
color: #FF9966;
 +
}
 +
 
 +
p
 +
{
 +
text-indent: 2em;
 +
}
 +
 
 +
img.fig
 +
{
 +
float: right;
 +
}
 +
 +
object
 +
{
 +
float: none;
 +
}
 +
 
 +
-->
 +
</style>
 +
 +
<script type="text/javascript">
 +
<!--
 +
var timeout = 500; //unit: ms
 +
var temp_timer = 0;  //for temp.
 +
var showed_item = 0;  //for temp.
 +
 
 +
function OpenMenu(elem)
 +
{
 +
StopMenuTimer();
 +
if(showed_item) showed_item.style.display = 'none';
 +
 +
showed_item = elem.getElementsByTagName('ul').item(0);
 +
if(showed_item == null) return;
 +
showed_item.style.display = 'block';
 +
 +
}
 +
 +
function CloseMenu()
 +
{
 +
if(showed_item) showed_item.style.display = 'none';
 +
}
 +
 +
function SetCloseTimer()
 +
{
 +
StopMenuTimer();
 +
temp_timer = window.setTimeout(CloseMenu, timeout);
 +
}
 +
 +
function StopMenuTimer()
 +
{
 +
if(temp_timer)
 +
{
 +
window.clearTimeout(temp_timer);
 +
temp_timer = null;
 +
}
 +
}
 +
 +
function getElementsByClass() {
 +
    var classElements = new Array();
 +
    var allElements = document.getElementsByTagName("*");
 +
    for (i = 0 ; i < allElements.length; i++) {
 +
if (allElements[i].className == 'firstHeading') {
 +
    allElements[i].style.display = 'none';
 +
  // window.alert('発見。');
 +
}
 +
    }
 +
}
 +
 +
window.onload = function() {
 +
getElementsByClass();
 +
var menu = window.document.getElementById('TopMenu');
 +
if(menu==null)
 +
return;
 +
var list = menu.getElementsByTagName('li');
 +
for(i=0; i<list.length; i++)
 +
{
 +
list[i].onmouseover = function(){
 +
OpenMenu(this);
 +
}
 +
 +
list[i].onmouseout = function(){SetCloseTimer();}
 +
list[i].onclick    = function(){
 +
if(showed_item) CloseMenu();
 +
else OpenMenu(this);
 +
}
 +
 +
var n_list = list[i].getElementsByTagName('ul');
 +
for(j=0; j<n_list.length; j++)
 +
{
 +
n_list[j].onmouseout = function(){SetCloseTimer();}
 +
n_list[j].onmouseover= function(){StopMenuTimer();}
 +
}
 +
}
 +
}
 +
//-->
 +
</script>
 +
 
 +
</head>
 +
<body>
 +
 
 +
<!-- top box -->
 +
<div class="top">
 +
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="965" height="150" id="Yourfilename" align="" style="float:none;">
 +
<param name="movie" value="MOVIELINKS">
 +
<param name="quality" value="high">
 +
<param name="bgcolor" value="#FFFFFF">
 +
<embed src="https://static.igem.org/mediawiki/2011/4/4d/Header.swf" quality="high" bgcolor="#FFFFFF" width="965" height="150" name="Yourfilename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
 +
</embed>
 +
</object>
 +
<!-- list of top menu -->
 +
<div id="navigation">
 +
<ul id="TopMenu">
 +
<li id="menu_Home"><a href="https://2012.igem.org/Team:Tokyo_Tech">Home</a></li>
 +
 +
<li id="menu_Project">
 +
Project
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINKS3/index.htm">GAME3</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINK2/index.htm">GAME2</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/GAME/index.htm">GAME1 Coolers</a></li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_data_page"><a href="https://2012.igem.org/Team:Tokyo_Tech/DataPage.htm">Data page</a></li>
 +
 +
<li id="menu_Modeling">
 +
Modeling
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_Human Practice"><a href="https://2012.igem.org/Team:Tokyo_Tech/HumanPractice.htm">Human Practice</a></li>
 +
 +
<li id="menu_Sitemap"><a href="https://2012.igem.org/Team:Tokyo_Tech/sitemap.htm">Sitemap</a></li>
 +
 +
<li id="menu_Extra">
 +
More
 +
<ul style="width:210px;">
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Attribution_and_Contributions.htm">Attribution and Contributions</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Notebook">NoteBook</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Team">Team</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Sponsers.htm">Sponsors</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Collaboration.htm">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- end of top menu -->
 +
</div>
 +
<!-- end of top box -->
 +
 
 +
<!-- under contents -->
 +
<p class="under_contents">
 +
 
 +
<!-- left menu list -->
 +
<div style="min-height:2550px; float: left">
 +
<div id="LeftMenu" style="top:70px;">
 +
<!--list of page menu: DO NOT WRITE LINKS NOT WRITTEN IN THIS PAGE -->
 +
<ul>
 +
<li><a href="#Overall"> Overview: TiTLE</a></li>
 +
<li><a href="#RPS"> MAINTITLE</a></li>
 +
<li><a href="#rain"> TITLE3</a></li>
 +
<li><a href="#urea"> TITLE2</a></li>
 +
<li><a href="#manabi"> Human Practice</a></li>
 +
</ul>
 +
</div><br />
 +
<div style="clear:both;float: left; left: 2px; position: static; width: 146px; top: 50px; border: 2px dotted #ff69b4; color:#ff69b4;">
 +
If you use IE9, please inactivate "Compatibility View". Otherwise, this page will not be displayed correctly.<br />
 +
To turn it OFF, click the button on the right side of the Address bar (if it's blue, it is ON).
 +
</div>
 +
</div>
 +
<!-- main contents -->
 +
<div class="main">
 +
<!-- ############ Write main contents here ############### -->
 +
 +
<!-- page title -->
 +
<h1> iGEM Tokyo Tech 2012 Team </h1>
 +
 
 +
<h2 id="Overall"> Overview: TITLE</h2>
 +
<img src="PHOTO" width="408px" alt="Project Overview" style="float:right;" />
 +
<p>
 +
TEXT
 +
</p>
 +
 +
 
 +
<h2 id="RPS"> MAINTITLE</h2>
 +
<img src="PHOTO" alt="PHOTOTITLE" width="480px" class="fig" />
 +
<p>
 +
TEXT
 +
</p>
 +
 +
<p>
 +
TEXT </p>
 +
 +
<p>
 +
TEXT.
 +
<a href="LINKS">(see more...)</a>
 +
</p>
 +
 +
<h2 id="rain"> TITLE3</h2>
 +
<img src="PHOTO3" alt="PHOTOWORD" width="480px" class="fig" />
 +
<p>
 +
TEXT<span class="name">WORDS</span> TEXT <span class="name">WORDS</span> TEXT <span class="name">words</span>.
 +
TEXT
 +
<a href="Links">(see more...)</a>
 +
</p>
 +
 +
<h2 id="urea"> TITLE2</h2>
 +
<img src="PHOTO2" alt="PHOTOTITLE2" width="480px" class="fig" />
 +
<p>
 +
Text <span class="name">WORDS</span>
 +
TEXT </p>
 +
<p>
 +
TEXT.<a href="LINKS">(see more...)</a>
 +
</p>
 +
 
 +
<h2 id="manabi"> Human practice</h2>
 +
<img src="PHOTO" alt="PHOTOTITLE" width="480px" class="fig" />
 +
<p>
 +
TEXT.
 +
<a href="LINKS">(see more...)</a>
 +
</p>
 +
 
 +
<!-- ############ End of main contents ############ -->
 +
</div>
 +
<!-- end of main contents -->
 +
</p>
 +
<!-- end of under contents -->
 +
 
 +
<div style="bottom: 0;left: 30; position:fixed; background-color: #000000; opacity:0.8;">
 +
<a onclick="scrollTo(0,0);return false;" onfocus="this.blur();" style="color:#FFFFFF;">Return to Page Top</a>
 +
</div>
 +
 
 +
<!-- DO NOT WRITE UNDER HERE -->
 +
</body>
 +
</html>

Revision as of 15:54, 9 August 2012


If you use IE9, please inactivate "Compatibility View". Otherwise, this page will not be displayed correctly.
To turn it OFF, click the button on the right side of the Address bar (if it's blue, it is ON).

iGEM Tokyo Tech 2012 Team

Overview: TITLE

Project Overview

TEXT

MAINTITLE

PHOTOTITLE

TEXT

TEXT

TEXT. (see more...)

TITLE3

PHOTOWORD

TEXTWORDS TEXT WORDS TEXT words. TEXT (see more...)

TITLE2

PHOTOTITLE2

Text WORDS TEXT

TEXT.(see more...)

Human practice

PHOTOTITLE

TEXT. (see more...)

Return to Page Top

Retrieved from "http://2012.igem.org/Team:Tokyo_Tech"