|
|
| Line 1: |
Line 1: |
| - | <html lang="english" xmlns="http://www.w3.org/1999/xhtml" xml:lang="english">
| + | {{Tokyo_Tech_Template}} |
| - | <head>
| + | |
| - | <title>Tokyo Tech 2011</title>
| + | |
| - | <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: 500px;
| + | |
| - | 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: 20px;
| + | |
| - | width: 945px;
| + | |
| - | }
| + | |
| - |
| + | |
| - | ul#TopMenu > li
| + | |
| - | {
| + | |
| - | float: left;
| + | |
| - | position:relative;
| + | |
| - | padding: 2px 15px 0 0;
| + | |
| - | /* border-color: #EFEBEC;
| + | |
| - | border-width: 0;
| + | |
| - | border-left-width: 5px;
| + | |
| - | border-style: solid; */
| + | |
| - | }
| + | |
| - |
| + | |
| - | ul#TopMenu > li ul
| + | |
| - | {
| + | |
| - | background-color: #000000;
| + | |
| - | color: #FFFFFF;
| + | |
| - | display: none;
| + | |
| - | position: absolute;
| + | |
| - | font-size: 14px;
| + | |
| - | 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;
| + | |
| - | }
| + | |
| - |
| + | |
| - | .top
| + | |
| - | {
| + | |
| - | top: 0;
| + | |
| - | left: 0;
| + | |
| - | clear: both;
| + | |
| - | height: 180px;
| + | |
| - | }
| + | |
| - | .main
| + | |
| - | {
| + | |
| - | position: absolute;
| + | |
| - | left: 160px;
| + | |
| - | width: auto;
| + | |
| - | }
| + | |
| - |
| + | |
| - | .under_contents
| + | |
| - | {
| + | |
| - | position: static;
| + | |
| - | top: 300px;
| + | |
| - | margin: 5px 5px 5px 5px;
| + | |
| - | padding: 0 0 0 0;
| + | |
| - |
| + | |
| - | }
| + | |
| - |
| + | |
| - | h1, h2, h3, h4, h5, h6
| + | |
| - | {
| + | |
| - | background-color: #00508D;
| + | |
| - | color:#FFFFFF;
| + | |
| - | text-align: left;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h2
| + | |
| - | {
| + | |
| - | text-indent: 1em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h2+p
| + | |
| - | {
| + | |
| - | margin-left: 1em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h3
| + | |
| - | {
| + | |
| - | text-indent: 2em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h3+p
| + | |
| - | {
| + | |
| - | margin-left: 2em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h4
| + | |
| - | {
| + | |
| - | text-indent: 3em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | h4+p
| + | |
| - | {
| + | |
| - | margin-left: 3em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | .footer
| + | |
| - | {
| + | |
| - | position: relative;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #navigation a
| + | |
| - | {
| + | |
| - | text-decoration: none;
| + | |
| - | background-color: transparent;
| + | |
| - | color: #FFFFFF;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #navigation a:hover
| + | |
| - | {
| + | |
| - | color: #FF9966;
| + | |
| - | }
| + | |
| - |
| + | |
| - |
| + | |
| - | .name
| + | |
| - | {
| + | |
| - | font-style: italic;
| + | |
| - | }
| + | |
| - |
| + | |
| - | p
| + | |
| - | {
| + | |
| - | text-indent: 0.5em;
| + | |
| - | }
| + | |
| - |
| + | |
| - | .graph_title
| + | |
| - | {
| + | |
| - | position: relative;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - |
| + | |
| - | -->
| + | |
| - | </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;
| + | |
| - | }
| + | |
| - | }
| + | |
| - |
| + | |
| - | window.onload = function() {
| + | |
| - | 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">
| + | |
| - | <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="">
| + | |
| - | <PARAM NAME=movie VALUE="https://static.igem.org/mediawiki/2011/4/4d/Header.swf"> <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://2011.igem.org/Team:Tokyo_Tech">Home</a></li>
| + | |
| - |
| + | |
| - | <li id="menu_Project">
| + | |
| - | Projects
| + | |
| - | <ul>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Projects/RPS-game/index.htm">RPS-game</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Projects/making-rain/index.htm">rain</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Projects/Urea-cooler/index.htm">urea cooler</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li id="menu_data_page"><a href="https://2011.igem.org/Team:Tokyo_Tech/DataPage.htm">Data page</a></li>
| + | |
| - |
| + | |
| - | <li id="menu_Modeling">
| + | |
| - | Modeling
| + | |
| - | <ul>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Modeling/RPS-game/RPS-game">RPS-game</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Modeling/Urea-cooler/urea-cooler">urea cooler</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li id="menu_HumanPractice"><a href="https://2011.igem.org/Team:Tokyo_Tech/HumanPractice.htm">Human Practice</a></li>
| + | |
| - |
| + | |
| - | <li id="menu_Sitemap"><a href="https://2011.igem.org/Team:Tokyo_Tech/sitemap.htm">Sitemap</a></li>
| + | |
| - |
| + | |
| - | <li id="menu_Extra">
| + | |
| - | Extra
| + | |
| - | <ul>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Attribution_and_Contributions.htm">Attribution and Contributions</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/notebook">NoteBook</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/team">Team</a></li>
| + | |
| - | <li><a href="https://2011.igem.org/Team:Tokyo_Tech/Sponsers.htm">Sponsers</a></li>
| + | |
| - | <li><a href="https://2011.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 --> | | <!-- under contents --> |
"
