Team:Tokyo Tech/Project
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <!-- 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; | ||
+ | } | ||
+ | #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> | ||
+ | <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://2011.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://2011.igem.org/Team:Tokyo_Tech/sitemap.htm">Sitemap</a></li> | ||
+ | |||
+ | <li id="menu_Extra"> | ||
+ | More | ||
+ | <ul style="width:210px;"> | ||
+ | <li><a href="https://2011.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://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://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: Cool down with our RPS Game</a></li> | ||
+ | <li><a href="#RPS"> Rock-Paper-Scissors (RPS) Game</a></li> | ||
+ | <li><a href="#rain"> Make it rain</a></li> | ||
+ | <li><a href="#urea"> Urea Coolers</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"> TITLE</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 03:39, 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).
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
TEXT
MAINTITLE
TEXT
TEXT
TEXT. (see more...)
TITLE3
TEXTWORDS TEXT WORDS TEXT words. TEXT (see more...)
TITLE2
Text WORDS TEXT
TEXT.(see more...)
TITLE
TEXT. (see more...)