Team:Mingdao

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<head>
+
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>無標題文件</title>
+
<meta name="generator" content="MediaWiki 1.16.5" />
-
<script type="text/javascript">
+
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=edit" />
-
/* SpryMenuBar.js - Revision: Spry Preview Release 1.4 */
+
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2013.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2013.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:HokkaidoU Japan - 2013.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2013.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:HokkaidoU_Japan",
 +
wgTitle="Team:HokkaidoU Japan",
 +
wgAction="view",
 +
wgArticleId=1771,
 +
wgIsArticle=true,
 +
wgUserName="0725leowang",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=362223,
 +
wgVersion="1.16.5",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2013.igem.org", "5": "2013.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2013.igem.org": 4, "2013.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2013.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2013.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2013_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
-
// Copyright (c) 2006. Adobe Systems Incorporated.
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_HokkaidoU_Japan">
-
// All rights reserved.
+
   <div id="globalWrapper">
-
//
+
-
// Redistribution and use in source and binary forms, with or without
+
-
// modification, are permitted provided that the following conditions are met:
+
-
//
+
-
//   * Redistributions of source code must retain the above copyright notice,
+
-
//    this list of conditions and the following disclaimer.
+
-
//  * Redistributions in binary form must reproduce the above copyright notice,
+
-
//    this list of conditions and the following disclaimer in the documentation
+
-
//    and/or other materials provided with the distribution.
+
-
//  * Neither the name of Adobe Systems Incorporated nor the names of its
+
-
//    contributors may be used to endorse or promote products derived from this
+
-
//    software without specific prior written permission.
+
-
//
+
-
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+
-
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+
-
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+
-
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+
-
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+
-
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+
-
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+
-
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+
-
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+
-
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+
-
// POSSIBILITY OF SUCH DAMAGE.
+
-
/*******************************************************************************
+
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.jpg'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
-
SpryMenuBar.js
 
-
This file handles the JavaScript for Spry Menu Bar.  You should have no need
 
-
to edit this file.  Some highlights of the MenuBar object is that timers are
 
-
used to keep submenus from showing up until the user has hovered over the parent
 
-
menu item for some time, as well as a timer for when they leave a submenu to keep
 
-
showing that submenu until the timer fires.
 
-
*******************************************************************************/
 
-
var Spry;
+
<div id="menubar" class='left-menu noprint'>
-
if(!Spry)
+
  <ul>
-
{
+
                  <li
-
Spry = {};
+
                class='selected'       ><a href="/Team:HokkaidoU_Japan">Page              </a></li>
-
}
+
              <li
-
if(!Spry.Widget)
+
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:HokkaidoU_Japan&amp;action=edit&amp;redlink=1">Discussion              </a></li>
-
{
+
              <li
-
Spry.Widget = {};
+
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=edit">Edit              </a></li>
-
}
+
              <li
 +
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=history">History              </a></li>
 +
              <li
 +
                    ><a href="/Special:MovePage/Team:HokkaidoU_Japan">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;action=watch">Watch              </a></li>
 +
              <li style='color:white;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
-
// Constructor for Menu Bar
+
<div class="right-menu noprint" id="menubar">
-
// element should be an ID of an unordered list (<ul> tag)
+
    <ul>
-
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
+
                <li id="pt-userpage"><a href="/User:0725leowang" title="Your user page [.]" accesskey="." class="new">0725leowang</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
-
Spry.Widget.MenuBar = function(element, opts)
+
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:HokkaidoU_Japan" title="Log out">Log out</a></li>     </ul>
-
{
+
</div><!-- end right menubar -->
-
this.init(element, opts);
+
-
};
+
-
Spry.Widget.MenuBar.prototype.init = function(element, opts)
+
<div id="search-controls" class="noprint">
-
{
+
<form action="/Special:Search" id="searchform">
-
this.element = this.getElement(element);
+
<input id="searchInput" name="search" type="text" title="Search 2013.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:HokkaidoU Japan</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2013.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,300,400&amp;subset=latin,greek' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Rosario:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}#search-controls{display:none}#top-section{border:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:disc}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}body{font-size:18px;line-height:28px;text-align:justify}h1,h2,h3,h4,h5,h6{font-family:'Rosario',sans-serif}ul,ol{margin-left:40px}th,td{padding:0 10px}th{font-family:'Rosario',sans-serif}dt{margin-left:20px}dd{margin-left:60px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}.wrapper{width:960px;margin:0 auto 0}.clearfix{clear:both;height:0}#hokkaidou-contents{font-family:'Open Sans',sans-serif;font-weight:300;width:880px;margin:60px auto 0}#hokkaidou-contents h1{font-size:44px;line-height:52px;margin:90px 0 20px}#hokkaidou-contents h2{font-size:32px;line-height:40px;margin:50px 0 10px}#hokkaidou-contents h3{font-size:22px;line-height:28px;margin:30px 0 10px}#hokkaidou-contents p{margin:30px 0 0}#hokkaidou-contents p:first-letter {margin-left:20px}#hokkaidou-contents h1+p,#hokkaidou-contents h2+p,#hokkaidou-contents h3+p{margin:0}#hokkaidou-contents sup{vertical-align:super;font-size:smaller}#hokkaidou-contents .fig{float:right;padding:30px}#hokkaidou-contents .fig div{font-size:14px;line-height:20px;padding-top:20px;text-align:center}#hokkaidou-contents .fig200{width:160px}#hokkaidou-contents .fig200 img{width:160px}#hokkaidou-contents .fig300{width:260px}#hokkaidou-contents .fig300 img{width:260px}#hokkaidou-contents .fig400{width:360px}#hokkaidou-contents .fig400.para{float:left;padding:30px 40px}#hokkaidou-contents .fig400 img{width:360px}#hokkaidou-contents .fig800{float:none;width:800px;margin:30px auto}#hokkaidou-contents .fig800 img{width:800px}#hokkaidou-contents .citation-list{margin-top:40px}#top-section{width:100%;margin:0 auto}#menubar{font-family:'Open Sans',sans-serif;background:transparent!important;color:transparent!important}#menubar ul{margin:4px 0 0;padding:0;background:transparent;color:transparent!important}#menubar ul li{margin:0 10px 0 0;padding:0;background:transparent;color:transparent!important}#menubar ul li:last-child{margin:0}#menubar ul li a{margin:0;padding:0;font-size:12px;line-height:18px;background:transparent!important;color:transparent!important}#menubar ul:hover a{color:#a4a4a4!important}ul.mega-menu{height:40px;margin:0;padding:0;border:0;list-style:none}ul.mega-menu ul{padding:0;margin:0}ul.mega-menu ul li ul{display:none}ul.mega-menu>li{float:left;margin:0;padding:0;color:white;font-size:16px;list-style:none}ul.mega-menu>li.dc-nonmega-li{position:relative}ul.mega-menu>li.dc-nonmega-li .sub-container{position:absolute}ul.mega-menu>li.mega-hover a{color:#010101}ul.mega-menu>li>a{float:left;display:block;padding:0 20px;color:white;line-height:40px;text-decoration:none;font-family:'Rosario',sans-serif}ul.mega-menu>li div.sub-container{position:absolute;font-family:'Open Sans',sans-serif}ul.mega-menu>li div.sub-container.mega ul.sub{padding:10px 0 0}ul.mega-menu>li div.sub-container.mega ul.sub div.row{width:100%;padding:5px 0;overflow:hidden;clear:both;background:white;border:1px solid #e6e6e6;box-shadow:5px 5px 1px rgba(0,0,0,0.1)}ul.mega-menu>li div.sub-container.mega ul.sub div.row li.mega-unit.mega-hdr{margin:0 5px 0;float:left}ul.mega-menu>li div.sub-container.mega ul.sub div.row li.mega-unit.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e6e6e6;text-transform:uppercase;font-weight:bold;color:#010101}ul.mega-menu>li div.sub-container.mega ul.sub div.row li.mega-unit.mega-hdr a.mega-hdr-a:hover{color:#af3a2e}ul.mega-menu>li div.sub-container.mega ul.sub div.row li.mega-unit.mega-hdr ul li a{padding:4px 5px 4px 20px;font-weight:normal}ul.mega-menu>li div.sub-container.mega ul.sub div.row li.mega-unit.mega-hdr ul li a:hover{color:#af3a2e;background:#e6e6e6}ul.mega-menu>li div.sub-container.non-mega{padding:10px 20px 10px 0}ul.mega-menu>li div.sub-container.non-mega ul.sub{padding:5px;background:white;border:1px solid #e6e6e6;box-shadow:5px 5px 1px rgba(0,0,0,0.1)}ul.mega-menu>li div.sub-container.non-mega ul.sub li{padding:0;width:190px;margin:0}ul.mega-menu>li div.sub-container.non-mega ul.sub li a{padding:7px 5px 7px 22px}ul.mega-menu>li div.sub-container.non-mega ul.sub li a:hover{color:#af3a2e;background:#e6e6e6}ul.mega-menu>li div.sub-container ul.sub{display:none;padding:20px 20px 20px 10px}ul.mega-menu>li div.sub-container ul.sub a{background:0;border:0;text-shadow:none;color:#010101;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:14px}ul.mega-menu>li div.sub-container ul.sub li{list-style:none;float:none;width:170px;font-size:14px;font-weight:normal}ul.mega-menu>li div.sub-container ul.sub li ul{display:block}ul.mega-menu>li div.sub-container ul.sub li ul li{padding-right:0}#footer-background{width:100%;height:200px;margin-top:100px}#footer{position:relative;width:100%;height:200px}#footer #footer-img{position:absolute;left:0;top:0}#footer #footer-tw{position:absolute;right:0;top:0;width:300px;height:200px}#footer #footer-tw div{position:absolute;top:68px;right:70px;color:#fff;font-size:24px;line-height:32px;font-family:'Rosario',sans-serif}#footer #footer-tw img{position:absolute;top:75px;right:0}#common-header-top-background{font-family:'Rosario',sans-serif;height:40px;background:#cf6f65;color:#fff}#common-header-top-background .wrapper{position:relative;height:100%}#common-header-top-background .wrapper #common-header-logo{position:absolute;left:0;top:5px}#common-header-top-background .wrapper #common-header-team{position:absolute;left:45px;top:7px;width:145px;margin:0;padding:0;font-size:24px}#common-header-top-background .wrapper #common-header-menu-container{float:right;margin-right:-20px}#common-header-top-background .wrapper #common-header-menu-container #header-menu .sub-container.mega{width:100%}#common-header-top-background .wrapper #common-header-menu-container #header-menu .sub-container.mega .sub .row{float:right}#common-header-top-background .wrapper #common-header-menu-container #header-menu .sub-container.non-mega{position:relative}#common-header-top-background .wrapper #common-header-menu-container #header-menu .sub-container.non-mega .sub{position:absolute;right:-60px}#common-header-bottom-background{font-family:'Rosario',sans-serif;height:140px;background:lightgreen}#common-header-bottom-background .wrapper{position:relative;height:100%}#common-header-bottom-background .wrapper #common-header-title{position:absolute;left:0;top:5px;margin:0;padding:0;font-size:64px;line-height:80px}#common-header-bottom-background .wrapper #common-header-subtitle{position:absolute;left:0;bottom:15px;margin:0;padding:0;font-size:40px;line-height:54px}#common-header-bottom-background .wrapper #common-header-img{position:absolute;right:0;top:20px;height:100px}#hokkaidou-contents .workflow-container{width:100%;margin:40px 0 0}#hokkaidou-contents .steps{width:4px;margin:0 0 0 120px;list-style:none;background:#e6e6e6}#hokkaidou-contents .step{margin:0 0 40px}#hokkaidou-contents .step .step-tile{width:244px;height:80px;margin-left:-120px;background:#fff;border:2px solid #e6e6e6}#hokkaidou-contents .start .step-tile{background:#d2f1eb;border:2px solid #c1ddd8}#hokkaidou-contents .complete .step-tile{margin-bottom:0;background:#f0d3d0;border:2px solid #dcc2bf}#hokkaidou-contents .step-tile h2{text-align:center;font-size:20px;line-height:80px;margin:0}#hokkaidou-contents .start .step-tile h2,#hokkaidou-contents .complete .step-tile h2{font-size:32px}#hokkaidou-contents .step-detail{position:relative;width:674px;margin-top:20px;margin-left:22px;padding:10px 30px;border:2px solid #e6e6e6}#hokkaidou-contents .step-detail:after{content:'';position:absolute;top:-10px;left:10px;border-bottom:14px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}#hokkaidou-contents .step-detail:before{content:'';position:absolute;top:-14px;left:10px;border-bottom:14px solid #e6e6e6;border-right:7px solid transparent;border-left:7px solid transparent}#hokkaidou-contents .step-detail .step-detail-trials{list-style-image:url("https://static.igem.org/mediawiki/2013/e/e0/HokkaidoU2013_CalendarIcon.png");margin:10px 40px}#hokkaidou-contents .step-detail .step-detail-trials time{vertical-align:5px}#top-header-background{background:#cf6f65}#top-header{position:relative;width:100%;height:130px}#top-header #top-header-logo{position:absolute;top:25px;left:465px}#top-header #top-header-team{position:absolute;top:65px;left:407px;color:#010101;font-size:24px}#top-header #top-header-menu-container{position:absolute;bottom:0;left:0;width:100%;height:40px}#top-header #top-header-menu-container #header-menu{margin:0 0 0 252px}#top-header #top-header-menu-container #header-menu .sub-container.mega{width:100%}#top-header #top-header-menu-container #header-menu .sub-container.mega .sub .row{margin:0 auto;background:white}#hokkaidou-contents .top-title{margin:80px 0 0;text-align:center;font-size:64px;line-height:80px}#hokkaidou-contents .top-subtitle{margin:80px 0 0;text-align:center;font-size:40px;line-height:52px}#hokkaidou-contents .top-title-img{display:block;height:250px;margin:80px auto 0}#hokkaidou-contents .top-text{width:660px;margin:80px auto 0;font-size:18px;line-height:28px;text-align:justify}#hokkaidou-contents .top-tile-container{width:100%;margin:60px 0 0}#hokkaidou-contents .top-tile-container+.top-title{margin-top:80px}#hokkaidou-contents .top-tile-container ul{list-style:none;margin:0}#hokkaidou-contents .top-tile-container ul .top-tile{width:100%;height:225px}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-left{float:left;position:relative;width:544px;height:100%}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-left .top-tile-title{position:absolute;top:40px;width:100%;text-align:center;font-size:56px;line-height:70px;font-weight:normal}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-left .top-tile-left-linkgroup{position:absolute;top:145px;width:100%;text-align:center;font-size:24px;color:#010101}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-right{float:right;width:336px;height:100%;text-align:center}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-right:before{content:'';display:inline-block;height:100%;vertical-align:middle}#hokkaidou-contents .top-tile-container ul .top-tile .top-tile-right img{display:inline-block;vertical-align:middle}#maestro-top-tile-container .top-tile:nth-child(1) .top-tile-left{background:#f1f9eb}#maestro-top-tile-container .top-tile:nth-child(1) .top-tile-right{background:#dde4d8}#maestro-top-tile-container .top-tile:nth-child(2) .top-tile-left{background:#dff1d1}#maestro-top-tile-container .top-tile:nth-child(2) .top-tile-right{background:#cdddc0}#maestro-top-tile-container .top-tile:nth-child(3) .top-tile-left{background:#cce8b6}#maestro-top-tile-container .top-tile:nth-child(3) .top-tile-right{background:#bbd5a7}#maestro-top-tile-container .top-tile:nth-child(4) .top-tile-left{background:#bae09d}#maestro-top-tile-container .top-tile:nth-child(4) .top-tile-right{background:#abce90}#human-practice-top-tile-container .top-tile:nth-child(1) .top-tile-left{background:#ebf9f6}#human-practice-top-tile-container .top-tile:nth-child(1) .top-tile-right{background:#d8e4e2}#human-practice-top-tile-container .top-tile:nth-child(2) .top-tile-left{background:#d2f1eb}#human-practice-top-tile-container .top-tile:nth-child(2) .top-tile-right{background:#c1ddd8}#footer-background{background:#cf6f65}
 +
#hokkaidou-contents { position: relative; padding-bottom: 80px; }
 +
#next-page, #prev-page { position: absolute; bottom: 0; width: 400px; height: 40px;}
 +
.arrow-div { background: url("https://static.igem.org/mediawiki/2013/0/07/HokkaidoU2013_Arrows.png") no-repeat; width: 32px; height: 32px; }
 +
#next-page .arrow-div { background-position: -32px 0; float: right;}
 +
#next-page span { float: right; text-align: right; padding-right: 20px; }
 +
#prev-page .arrow-div { background-position: 0 0; float: left; }
 +
#prev-page span { float: left; padding-left: 20px; }
 +
#next-page span, #prev-page span { width: 340px; margin: 3px 0 0; }
 +
#next-page { right: 0; }
 +
#prev-page { left: 0; }
 +
.italic { font-style: italic; }
 +
.bold { font-weight: 400; }
 +
</style>
 +
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript">
 +
(function(a){a.fn.hoverIntent=function(m,d,h){var j={interval:100,sensitivity:7,timeout:0};if(typeof m==="object"){j=a.extend(j,m)}else{if(a.isFunction(d)){j=a.extend(j,{over:m,out:d,selector:h})}else{j=a.extend(j,{over:m,out:m,selector:d})}}var l,k,g,f;var e=function(n){l=n.pageX;k=n.pageY};var c=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);if((Math.abs(g-l)+Math.abs(f-k))<j.sensitivity){a(n).off("mousemove.hoverIntent",e);n.hoverIntent_s=1;return j.over.apply(n,[o])}else{g=l;f=k;n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}};var i=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);n.hoverIntent_s=0;return j.out.apply(n,[o])};var b=function(p){var o=jQuery.extend({},p);var n=this;if(n.hoverIntent_t){n.hoverIntent_t=clearTimeout(n.hoverIntent_t)}if(p.type=="mouseenter"){g=o.pageX;f=o.pageY;a(n).on("mousemove.hoverIntent",e);if(n.hoverIntent_s!=1){n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}}else{a(n).off("mousemove.hoverIntent",e);if(n.hoverIntent_s==1){n.hoverIntent_t=setTimeout(function(){i(o,n)},j.timeout)}}};return this.on({"mouseenter.hoverIntent":b,"mouseleave.hoverIntent":b},j.selector)}})(jQuery);(function(a){a.fn.dcMegaMenu=function(c){var d={classParent:"dc-mega",classContainer:"sub-container",classSubParent:"mega-hdr",classSubLink:"mega-hdr",classWidget:"dc-extra",rowItems:3,speed:"fast",effect:"fade",event:"hover",fullWidth:false,onLoad:function(){},beforeOpen:function(){},beforeClose:function(){}};var c=a.extend(d,c);var b=this;return b.each(function(p){var j=d.classSubParent;var o=d.classSubLink;var m=d.classParent;var n=d.classContainer;var k=d.classWidget;l();function i(){var q=a(".sub",this);a(this).addClass("mega-hover");if(d.effect=="fade"){a(q).fadeIn(d.speed)}if(d.effect=="slide"){a(q).show(d.speed)}d.beforeOpen.call(this)}function f(r){var q=a(".sub",r);a(r).addClass("mega-hover");if(d.effect=="fade"){a(q).fadeIn(d.speed)}if(d.effect=="slide"){a(q).show(d.speed)}d.beforeOpen.call(this)}function h(){var q=a(".sub",this);a(this).removeClass("mega-hover");a(q).hide();d.beforeClose.call(this)}function e(r){var q=a(".sub",r);a(r).removeClass("mega-hover");a(q).hide();d.beforeClose.call(this)}function g(){a("li",b).removeClass("mega-hover");a(".sub",b).hide()}function l(){$arrow='<span class="dc-mega-icon"></span>';var s=m+"-li";var r=b.outerWidth();a("> li",b).each(function(){var D=a("> ul",this);var u=a("> a",this);if(D.length){u.addClass(m).append($arrow);D.addClass("sub").wrap('<div class="'+n+'" />');var y=a(this).position();pl=y.left;if(a("ul",D).length){a(this).addClass(s);a("."+n,this).addClass("mega");a("> li",D).each(function(){if(!a(this).hasClass(k)){a(this).addClass("mega-unit");if(a("> ul",this).length){a(this).addClass(j);a("> a",this).addClass(j+"-a")}else{a(this).addClass(o);a("> a",this).addClass(o+"-a")}}});var v=a(".mega-unit",this);rowSize=parseInt(d.rowItems);for(var J=0;J<v.length;J+=rowSize){v.slice(J,J+rowSize).wrapAll('<div class="row" />')}D.show();var B=a(this).width();var H=pl+B;var G=r-H;var F=D.outerWidth();var E=D.parent("."+n).outerWidth();var C=E-F;if(d.fullWidth==true){var w=r-C;D.parent("."+n).css({width:w+"px"});b.addClass("full-width")}var x=a(".mega-unit",D).outerWidth(true);var I=a(".row:eq(0) .mega-unit",D).length;var z=x*I;var A=z+C;a(".row",this).each(function(){a(".mega-unit:last",this).addClass("last");var N=undefined;a(".mega-unit > a",this).each(function(){var O=parseInt(a(this).height());if(N===undefined||N<O){N=O}});a(".mega-unit > a",this).css("height",N+"px");a(this).css("width",z+"px")});if(d.fullWidth==true){M={left:0}}else{var K=G<K?K+K-G:(A-B)/2;var L=pl-K;var M={left:pl+"px",marginLeft:-K+"px"};M={left:0}}a("."+n,this).css(M);a(".row",D).each(function(){var N=a(this).height();a(".mega-unit",this).css({height:N+"px"});a(this).parent(".row").css({height:N+"px"})});D.hide()}else{a(this).addClass("dc-nonmega-li");a("."+n,this).addClass("non-mega").css("left",pl+"px")}}});var t=a("> li > a",b).outerHeight(true);a("."+n,b).css({top:t+"px"}).css("z-index","1000");if(d.event=="hover"){var q={sensitivity:2,interval:100,over:i,timeout:400,out:h};a("li",b).hoverIntent(q)}if(d.event=="click"){a("body").mouseup(function(u){if(!a(u.target).parents(".mega-hover").length){g()}});a("> li > a."+m,b).click(function(u){var v=a(this).parent();if(v.hasClass("mega-hover")){e(v)}else{f(v)}u.preventDefault()})}d.onLoad.call(this)}})}})(jQuery);(function(){$(function(){$("#header-menu").dcMegaMenu({rowItems:"5",speed:"fast",effect:"fade"});return $("#header-menu .dc-nonmega-li .sub-container").css("left",0)})}).call(this);(function(){$(function(){return $("#menubar.left-menu ul li:last-child").css("color","")})}).call(this);
 +
</script>
 +
<div id="background">
-
// represents the current (sub)menu we are operating on
 
-
this.currMenu = null;
 
-
var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
+
  <style type="text/css">
-
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
+
#menubar ul:hover a { color: #e6e6e6 !important; }
-
{
+
#igem-logo { position: absolute; top: 10px; right: 0; }
-
// bail on older unsupported browsers
+
#team-logo { position: absolute; top: 10px; left: 0; height: 102px; }
-
return;
+
#hokkaidou-contents .top-text { font-size: 24px; line-height: 36px; text-align: center; margin: 20px auto 120px;}
-
}
+
</style>
 +
  <div id="top-header-background">
 +
    <div class="wrapper">
 +
      <div id="top-header">
 +
        <img id="top-header-logo" src="https://static.igem.org/mediawiki/2013/1/10/HokkaidoU2013_Logo_W.png">
 +
        <h1 id="top-header-team">HOKKAIDO U</h1>
 +
        <a href="https://2013.igem.org/Main_Page">
 +
          <img src="https://static.igem.org/mediawiki/2013/f/f6/HokkaidoU2013_Igem_logo.png" id="igem-logo">
 +
        </a>
 +
        <a href="http://igemhokkaidou.com/">
 +
          <img src="https://static.igem.org/mediawiki/2013/1/12/HokkaidoU2013_Team_Logo.png" id="team-logo">
 +
        </a>
-
// load hover images now
 
-
if(opts)
 
-
{
 
-
for(var k in opts)
 
-
{
 
-
var rollover = new Image;
 
-
rollover.src = opts[k];
 
-
}
 
-
}
 
-
if(this.element)
+
        <div id="top-header-menu-container">
-
{
+
<!-- menu -->
-
this.currMenu = this.element;
+
  <ul id="header-menu" class="mega-menu">
-
var items = this.element.getElementsByTagName('li');
+
-
for(var i=0; i<items.length; i++)
+
-
{
+
-
this.initialize(items[i], element, isie);
+
-
if(isie)
+
-
{
+
-
this.addClassName(items[i], "MenuBarItemIE");
+
-
items[i].style.position = "static";
+
-
}
+
-
}
+
-
if(isie)
+
-
{
+
-
if(this.hasClassName(this.element, "MenuBarVertical"))
+
-
{
+
-
this.element.style.position = "relative";
+
-
}
+
-
var linkitems = this.element.getElementsByTagName('a');
+
-
for(var i=0; i<linkitems.length; i++)
+
-
{
+
-
linkitems[i].style.position = "relative";
+
-
}
+
-
}
+
-
}
+
-
};
+
-
Spry.Widget.MenuBar.prototype.getElement = function(ele)
+
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan">Top</a></li>
-
{
+
-
if (ele && typeof ele == "string")
+
-
return document.getElementById(ele);
+
-
return ele;
+
-
};
+
-
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
+
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Maestro <span class="italic">E. coli</span></a>
-
{
+
      <ul>
-
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
+
-
{
+
-
return false;
+
-
}
+
-
return true;
+
-
};
+
-
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Overview</a>
-
{
+
          <ul>
-
if (!ele || !className || this.hasClassName(ele, className))
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Project Description</a></li>
-
return;
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Background">Background</a></li>
-
ele.className += (ele.className ? " " : "") + className;
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Achievements">Achievements</a></li>
-
};
+
          </ul>
 +
        </li>
-
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit">Shuffling Kit</a>
-
{
+
          <ul>
-
if (!ele || !className || !this.hasClassName(ele, className))
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit">Overview</a></li>
-
return;
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/How_To_Use">How To Use</a></li>
-
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Primer_Designer">Primer Designer</a></li>
-
};
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Examples">Examples</a></li>
 +
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit/Future_Work">Future Work</a></li>
 +
          </ul>
 +
        </li>
-
// addEventListener for Menu Bar
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter">Promoter</a>
-
// attach an event to a tag without creating obtrusive HTML code
+
          <ul>
-
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter">Overview</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Methods">Methods</a></li>
-
try
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Modeling">Modeling</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Results">Results</a></li>
-
if (element.addEventListener)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter/Conclusion">Conclusion</a></li>
-
{
+
          </ul>
-
element.addEventListener(eventType, handler, capture);
+
        </li>
-
}
+
-
else if (element.attachEvent)
+
-
{
+
-
element.attachEvent('on' + eventType, handler);
+
-
}
+
-
}
+
-
catch (e) {}
+
-
};
+
-
// createIframeLayer for Menu Bar
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS">RBS</a>
-
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
+
          <ul>
-
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS">Overview</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Methods">Methods</a></li>
-
var layer = document.createElement('iframe');
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Results">Results</a></li>
-
layer.tabIndex = '-1';
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS/Conclusion">Conclusion</a></li>
-
layer.src = 'javascript:false;';
+
          </ul>
-
menu.parentNode.appendChild(layer);
+
        </li>
-
+
-
layer.style.left = menu.offsetLeft + 'px';
+
-
layer.style.top = menu.offsetTop + 'px';
+
-
layer.style.width = menu.offsetWidth + 'px';
+
-
layer.style.height = menu.offsetHeight + 'px';
+
-
};
+
-
// removeIframeLayer for Menu Bar
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Materials">Extra Materials</a>
-
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
+
          <ul>
-
Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Parts">Parts</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook</a></li>
-
var layers = menu.parentNode.getElementsByTagName('iframe');
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Safety">Safety</a></li>
-
while(layers.length > 0)
+
          </ul>
-
{
+
        </li>
-
layers[0].parentNode.removeChild(layers[0]);
+
-
}
+
-
};
+
-
// clearMenus for Menu Bar
+
      </ul>
-
// root is the top level unordered list (<ul> tag)
+
    </li>
-
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
+
-
{
+
-
var menus = root.getElementsByTagName('ul');
+
-
for(var i=0; i<menus.length; i++)
+
-
{
+
-
this.hideSubmenu(menus[i]);
+
-
}
+
-
this.removeClassName(this.element, "MenuBarActive");
+
-
};
+
-
// bubbledTextEvent for Menu Bar
+
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Human_Practice">Human Practice</a>
-
// identify bubbled up text events in Safari so we can ignore them
+
      <ul>
-
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
+
-
{
+
-
return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
+
-
};
+
-
// showSubmenu for Menu Bar
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education">Education</a>
-
// set the proper CSS class on this menu to show it
+
          <ul>
-
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#University_Festival">University Festival</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#Highschool">Highschool</a></li>
-
if(this.currMenu)
+
          </ul>
-
{
+
        </li>
-
this.clearMenus(this.currMenu);
+
-
this.currMenu = null;
+
-
}
+
-
+
-
if(menu)
+
-
{
+
-
this.addClassName(menu, "MenuBarSubmenuVisible");
+
-
if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
+
-
{
+
-
if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
+
-
{
+
-
menu.style.top = menu.parentNode.offsetTop + 'px';
+
-
}
+
-
}
+
-
if(typeof document.uniqueID != "undefined")
+
-
{
+
-
this.createIframeLayer(menu);
+
-
}
+
-
}
+
-
this.addClassName(this.element, "MenuBarActive");
+
-
};
+
-
// hideSubmenu for Menu Bar
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey">Survey</a>
-
// remove the proper CSS class on this menu to hide it
+
          <ul>
-
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#University_Festival">University Festival</a></li>
-
{
+
            <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#Highschool">Highschool</a></li>
-
if(menu)
+
          </ul>
-
{
+
        </li>
-
this.removeClassName(menu, "MenuBarSubmenuVisible");
+
-
if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
+
-
{
+
-
menu.style.top = '';
+
-
menu.style.left = '';
+
-
}
+
-
this.removeIframeLayer(menu);
+
-
}
+
-
};
+
-
// initialize for Menu Bar
+
      </ul>
-
// create event listeners for the Menu Bar widget so we can properly
+
    </li>
-
// show and hide submenus
+
-
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
+
-
{
+
-
var opentime, closetime;
+
-
var link = listitem.getElementsByTagName('a')[0];
+
-
var submenus = listitem.getElementsByTagName('ul');
+
-
var menu = (submenus.length > 0 ? submenus[0] : null);
+
-
var hasSubMenu = false;
+
    <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us">About Us</a>
-
if(menu)
+
      <ul>
-
{
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us#Acknowledgements">Acknowledgements</a></li>
-
this.addClassName(link, "MenuBarItemSubmenu");
+
        <li><a href="https://2013.igem.org/Team:HokkaidoU_Japan/About_Us#Team">Team</a></li>
-
hasSubMenu = true;
+
      </ul>
-
}
+
    </li>
-
if(!isie)
+
  </ul>
-
{
+
-
// define a simple function that comes standard in IE to determine
+
-
// if a node is within another node
+
-
listitem.contains = function(testNode)
+
-
{
+
-
// this refers to the list item
+
-
if(testNode == null)
+
-
{
+
-
return false;
+
-
}
+
-
if(testNode == this)
+
-
{
+
-
return true;
+
-
}
+
-
else
+
-
{
+
-
return this.contains(testNode.parentNode);
+
-
}
+
-
};
+
-
}
+
-
+
-
// need to save this for scope further down
+
-
var self = this;
+
-
this.addEventListener(listitem, 'mouseover', function(e)
+
<!-- end menu -->
-
{
+
        </div>
-
if(self.bubbledTextEvent())
+
      </div>
-
{
+
    </div>
-
// ignore bubbled text events
+
  </div>
-
return;
+
-
}
+
-
clearTimeout(closetime);
+
-
if(self.currMenu == listitem)
+
-
{
+
-
self.currMenu = null;
+
-
}
+
-
// show menu highlighting
+
-
self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
+
-
if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
+
-
{
+
-
opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250);
+
-
}
+
-
}, false);
+
-
this.addEventListener(listitem, 'mouseout', function(e)
+
  <div class="wrapper">
-
{
+
    <div id="hokkaidou-contents">
-
if(self.bubbledTextEvent())
+
      <div style="background: #f1f9eb; width: 100%; height: 70px;"><h3 style="line-height: 70px; text-align: center;">We got tickets to world championship @ MIT !!</h3></div>
-
{
+
      <h1 class="top-title">Maestro <span class="italic">E. coli</span></h1>
-
// ignore bubbled text events
+
      <img class="top-title-img" src="https://static.igem.org/mediawiki/2013/6/69/HokkaidoU2013_Maestro_Long.png">
-
return;
+
      <h2 class="top-subtitle">Make the best harmony</h2>
-
}
+
-
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
+
      <div class="top-text">
-
if(!listitem.contains(related))
+
This is a revolution in iGEM and to whole world.<br>
-
{
+
He harmonizes all metabolisms by random recombination.
-
clearTimeout(opentime);
+
      </div>
-
self.currMenu = listitem;
+
-
// remove menu highlighting
 
-
self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
 
-
if(menu)
 
-
{
 
-
closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
 
-
}
 
-
}
 
-
}, false);
 
-
};
 
-
</script>
+
      <div class="top-tile-container" id="maestro-top-tile-container">
-
@charset "UTF-8";
+
        <ul>
-
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">What his job?</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview">Description</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Background">Background</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Overview/Achievements">Achievements</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/b/b1/HokkaidoU2013_WhatHisJob.png">
 +
            </div>
 +
          </li>
-
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">How's the music?</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Shuffling_Kit">Shuffling kit</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/f/fd/HokkaidoU2013_Howsthemusic.png">
 +
            </div>
 +
          </li>
-
/*******************************************************************************
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">The players</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Promoter">Promoter</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/RBS">RBS</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/3/34/HokkaidoU2013_Players.png">
 +
            </div>
 +
          </li>
-
LAYOUT INFORMATION: describes box model, positioning, z-order
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">Behind the stage</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Parts">Parts</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Notebook">Notebook</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Safety">Safety</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/2/28/HokkaidoU2013_Behindthestage.png">
 +
            </div>
 +
          </li>
-
*******************************************************************************/
+
        </ul>
 +
      </div>
-
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
+
      <h1 class="top-title" style="margin-top: 160px;">Human Practice</h1>
-
ul.MenuBarHorizontal
+
      <img class="top-title-img" src="https://static.igem.org/mediawiki/2013/b/b5/HokkaidoU2013_Human_Practice_long.png">
-
{
+
      <h2 class="top-subtitle">Another harmony</h2>
-
margin: 0;
+
      <div class="top-text">
-
padding: 0;
+
        Harmonizing people living in Hokkaido with synthetic biology<br>by having education and survey.
-
list-style-type: none;
+
      </div>
-
font-size: 100%;
+
      <div class="top-tile-container" id="human-practice-top-tile-container">
-
cursor: default;
+
        <ul>
-
width: auto;
+
-
}
+
-
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
+
-
ul.MenuBarActive
+
-
{
+
-
z-index: 1000;
+
-
}
+
-
/* Menu item containers, position children relative to this container and are a fixed width */
+
-
ul.MenuBarHorizontal li
+
-
{
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style-type: none;
+
-
font-size: 100%;
+
-
position: relative;
+
-
text-align: left;
+
-
cursor: pointer;
+
-
width: 8em;
+
-
float: left;
+
-
}
+
-
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
+
-
ul.MenuBarHorizontal ul
+
-
{
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style-type: none;
+
-
font-size: 100%;
+
-
z-index: 1020;
+
-
cursor: default;
+
-
width: 8.2em;
+
-
position: absolute;
+
-
left: -1000em;
+
-
}
+
-
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
+
-
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
+
-
{
+
-
left: auto;
+
-
}
+
-
/* Menu item containers are same fixed width as parent */
+
-
ul.MenuBarHorizontal ul li
+
-
{
+
-
width: 8.2em;
+
-
}
+
-
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
+
-
ul.MenuBarHorizontal ul ul
+
-
{
+
-
position: absolute;
+
-
margin: -5% 0 0 95%;
+
-
}
+
-
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
+
-
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
+
-
{
+
-
left: auto;
+
-
top: 0;
+
-
}
+
-
/*******************************************************************************
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">Education</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#University_Festival">Univ Fes</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Education#Highschool">Highschool</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/7/7a/HokkaidoU2013_Education.png">
 +
            </div>
 +
          </li>
-
DESIGN INFORMATION: describes color scheme, borders, fonts
+
          <li class="top-tile">
 +
            <div class="top-tile-left">
 +
              <h3 class="top-tile-title">Survey</h3>
 +
              <div class="top-tile-left-linkgroup">
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#University_Festival">Univ Fes</a>
 +
                &nbsp;/&nbsp;
 +
                <a href="https://2013.igem.org/Team:HokkaidoU_Japan/Survey#Highschool">Highschool</a>
 +
              </div>
 +
            </div>
 +
            <div class="top-tile-right">
 +
              <img src="https://static.igem.org/mediawiki/2013/3/38/HokkaidoU2013_Survey.png">
 +
            </div>
 +
          </li>
-
*******************************************************************************/
+
        </ul>
 +
      </div>
 +
    </div>
 +
  </div>
-
/* Submenu containers have borders on all sides */
 
-
ul.MenuBarHorizontal ul
 
-
{
 
-
border: 1px solid #CCC;
 
-
}
 
-
/* Menu items are a light gray block with padding and no text decoration */
 
-
ul.MenuBarHorizontal a
 
-
{
 
-
display: block;
 
-
cursor: pointer;
 
-
background-color: #EEE;
 
-
padding: 0.5em 0.75em;
 
-
color: #333;
 
-
text-decoration: none;
 
-
}
 
-
/* Menu items that have mouse over or focus have a blue background and white text */
 
-
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
 
-
{
 
-
background-color: #33C;
 
-
color: #FFF;
 
-
}
 
-
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
 
-
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
 
-
{
 
-
background-color: #33C;
 
-
color: #FFF;
 
-
}
 
-
/*******************************************************************************
+
  <div id="footer-background">
 +
    <div class="wrapper">
 +
      <div id="footer">
 +
        <style type="text/css">#footer #footer-img { top: 45px !important; left: 0; }</style>
 +
        <img id="footer-img" src="https://static.igem.org/mediawiki/2013/7/7f/HokkaidoU2013_Footer.png">
 +
        <div id="footer-tw">
 +
          <a href="http://twitter.com/igem_hokkaidou">
 +
            <div>Follow us on<br>Twitter</div>
 +
            <img src="https://static.igem.org/mediawiki/2013/1/1f/HokkaidoU2013_Twitter.png">
 +
          </a>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
-
SUBMENU INDICATION: styles if there is a submenu under a given menu item
+
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 14/1000000
 +
Post-expand include size: 82/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
-
  *******************************************************************************/
+
<!-- Saved in parser cache with key 2013_igem_org:pcache:idhash:1771-0!1!0!!en!2 and timestamp 20140307071607 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2013.igem.org/Team:HokkaidoU_Japan">https://2013.igem.org/Team:HokkaidoU_Japan</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
-
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
+
  <!-- Recentchanges is not handles well DEBUG -->
-
ul.MenuBarHorizontal a.MenuBarItemSubmenu
+
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
-
{
+
      title='Recent changes'>Recent changes</a></li>
-
background-image: url(SpryMenuBarDown.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
+
-
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
+
-
{
+
-
background-image: url(SpryMenuBarRight.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
+
-
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
+
-
{
+
-
background-image: url(SpryMenuBarDownHover.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
+
-
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
+
-
{
+
-
background-image: url(SpryMenuBarRightHover.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
/*******************************************************************************
+
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:HokkaidoU_Japan"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
-
BROWSER HACKS: the hacks below should not be changed unless you are an expert
+
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:HokkaidoU_Japan"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
-
*******************************************************************************/
 
-
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
 
-
ul.MenuBarHorizontal iframe
 
-
{
 
-
position: absolute;
 
-
z-index: 1010;
 
-
}
 
-
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
 
-
@media screen, projection
 
-
{
 
-
ul.MenuBarHorizontal li.MenuBarItemIE
 
-
{
 
-
display: inline;
 
-
f\loat: left;
 
-
background: #FFF;
 
-
}
 
-
}
 
-
</head>
+
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:HokkaidoU_Japan&amp;oldid=362223"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 
 +
 
 +
        <li id="privacy"><a href="/2013.igem.org:Privacy_policy" title="2013.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2013.igem.org:General_disclaimer" title="2013.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.239 secs. --></body>
-
<body>
 
-
<ul id="MenuBar1" class="MenuBarHorizontal">
 
-
  <li><a class="MenuBarItemSubmenu" href="#">項目 1</a>
 
-
      <ul>
 
-
        <li><a href="#">項目 1.1</a></li>
 
-
        <li><a href="#">項目 1.2</a></li>
 
-
        <li><a href="#">項目 1.3</a></li>
 
-
      </ul>
 
-
  </li>
 
-
  <li><a href="#">項目 2</a></li>
 
-
  <li><a class="MenuBarItemSubmenu" href="#">項目 3</a>
 
-
      <ul>
 
-
        <li><a class="MenuBarItemSubmenu" href="#">項目 3.1</a>
 
-
            <ul>
 
-
              <li><a href="#">項目 3.1.1</a></li>
 
-
              <li><a href="#">項目 3.1.2</a></li>
 
-
            </ul>
 
-
        </li>
 
-
        <li><a href="#">項目 3.2</a></li>
 
-
        <li><a href="#">項目 3.3</a></li>
 
-
      </ul>
 
-
  </li>
 
-
  <li><a href="#">項目 4</a></li>
 
-
</ul>
 
-
<script type="text/javascript">
 
-
<!--
 
-
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
 
-
//-->
 
-
</script>
 
-
</body>
 
</html>
</html>

Revision as of 07:18, 7 March 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:HokkaidoU Japan - 2013.igem.org

Team:HokkaidoU Japan

From 2013.igem.org

We got tickets to world championship @ MIT !!

Maestro E. coli

Make the best harmony

This is a revolution in iGEM and to whole world.
He harmonizes all metabolisms by random recombination.

Human Practice

Another harmony

Harmonizing people living in Hokkaido with synthetic biology
by having education and survey.

Retrieved from "https://2013.igem.org/Team:HokkaidoU_Japan"

Retrieved from "http://2014hs.igem.org/Team:Mingdao"