Tokyotechmenu
From 2012.igem.org
(Difference between revisions)
(Created page with "center {|style="color:black;background-color:#FFF;text-align:center;font-size:large;position:relative;margin:5px auto 3px;width:850px;table-...") |
|||
Line 1: | Line 1: | ||
[[Image:Tokyotechlogo2012.png|850px|center]] | [[Image:Tokyotechlogo2012.png|850px|center]] | ||
- | + | ||
- | + | <!-- 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: #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> | ||
+ | <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> |
Revision as of 14:10, 9 August 2012