Tokyotechtop

From 2012.igem.org

(Difference between revisions)
(Created page with "<!-- 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/javasc...")
(Replaced content with "center")
Line 1: Line 1:
-
<!-- template starting point -->
+
[[Image:Tokyotechlogo2012.png|850px|center]]
-
<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: #FA8072;
+
-
color:#FFFFFF;
+
-
text-align: center;
+
-
padding-left: 5px;
+
-
clear: both;
+
-
}
+
-
+
-
.footer
+
-
{
+
-
position: relative;
+
-
 
+
-
}
+
-
+
-
.name
+
-
{
+
-
font-style: italic;
+
-
}
+
-
 
+
-
#navigation a
+
-
{
+
-
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>
+

Revision as of 15:51, 9 August 2012

Tokyotechlogo2012.png