|
|
| Line 1: |
Line 1: |
| - | <!-- template starting point -->
| + | {{tokyotechtop}} |
| - | <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
| + | {{tokyotechmenubar}} |
| - | {
| + | |
| - | color: #000000;
| + | |
| - | background-color: #F4A460;
| + | |
| - | 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: #FF6347;
| + | |
| - | color:#FFFFFF;
| + | |
| - | text-align: center;
| + | |
| - | padding-left: 5px;
| + | |
| - | clear: both;
| + | |
| - | }
| + | |
| - |
| + | |
| - | .footer
| + | |
| - | {
| + | |
| - | position: relative;
| + | |
| | | | |
| - | }
| |
| - |
| |
| - | .name
| |
| - | {
| |
| - | font-style: italic;
| |
| - | }
| |
| | | | |
| - | #navigation a
| + | <html> |
| - | {
| + | <br><br><br><br> |
| - | 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>Tokyo Tech Progect R and J |
| | </head> | | </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: Romeo and Juliet</h2>
| |
| - |
| |
| - | <p>
| |
| - | Love is like a butterfly.
| |
| - | It goes where it pleases and it pleases where it goes.
| |
| - | Summer comes and the season of love comes! However, we want to do something special in this summer.
| |
| - | We decide to make ''E.Coli'' love like human! In order to achieve this idea, we focused on cell-cell communication between two ''E.Coli''.
| |
| - | We are aiming for that by two types of cell-cell communication signals, ''E.Coli'' will be starring in 「Romeo and Juliet」which is among Shakespeare's most popular plays.
| |
| - |
| |
| - | </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>
| |
"
