Team:Mingdao

From 2014hs.igem.org

(Difference between revisions)
 
(169 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{:Mingdao_remove_header}}
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title>無標題文件</title>
+
-
<script type="text/javascript">
+
-
/* SpryMenuBar.js - Revision: Spry Preview Release 1.4 */
+
-
// Copyright (c) 2006. Adobe Systems Incorporated.
+
<!DOCTYPE html>
-
// All rights reserved.
+
<html class="html">
-
//
+
<head>
-
// Redistribution and use in source and binary forms, with or without
+
google-site-verification: google5ae61348d13c6d42.html
-
// modification, are permitted provided that the following conditions are met:
+
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
-
//
+
   <meta name="generator" content="7.4.30.244"/>
-
//   * Redistributions of source code must retain the above copyright notice,
+
  <title>iGEM Team Mingdao</title>
-
//    this list of conditions and the following disclaimer.
+
   <!-- CSS -->
-
//   * Redistributions in binary form must reproduce the above copyright notice,
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_site_global?action=raw&ctype=text/css"/>
-
//     this list of conditions and the following disclaimer in the documentation
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_master_main-template?action=raw&ctype=text/css"/>
-
//    and/or other materials provided with the distribution.
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_index?action=raw&ctype=text/css" id="pagesheet"/>
-
//   * Neither the name of Adobe Systems Incorporated nor the names of its
+
  <!-- Other scripts -->
-
//    contributors may be used to endorse or promote products derived from this
+
  <script type="text/javascript">
-
//     software without specific prior written permission.
+
  document.documentElement.className += ' js';
-
//
+
</script>
-
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+
  </head>
-
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+
<body>
-
// 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.
+
-
/*******************************************************************************
+
  <!--HTML Widget code-->
 +
 
 +
<div id="fb-root"></div>
 +
<script>
 +
(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));
 +
</script>
-
  SpryMenuBar.js
+
 
-
  This file handles the JavaScript for Spry Menu Bar.  You should have no need
+
  <div class="clearfix" id="page" ><!-- column -->
-
  to edit this file.  Some highlights of the MenuBar object is that timers are
+
  <div class="position_content" id="page_position_content" >
-
used to keep submenus from showing up until the user has hovered over the parent
+
    <div class="browser_width colelem" id="u1673"><!-- group -->
-
menu item for some time, as well as a timer for when they leave a submenu to keep
+
    <div class="clearfix" id="u1673_align_to_page">
-
showing that submenu until the timer fires.
+
      <a class="anchor_item grpelem" id="top"></a>
 +
      <div class="clip_frame grpelem" id="u1674"><!-- image -->
 +
      <img class="block" id="u1674_img" src="https://static.igem.org/mediawiki/2014hs/2/2b/Mingdaologo.png" alt="" width="235" height="68"/>
 +
      </div>
 +
      <img class="grpelem" id="u6162-4" src="https://static.igem.org/mediawiki/2014hs/1/1e/U6162-4.png" alt="Odor&#45; Let it Die" width="175" height="42"/><!-- rasterized frame -->
 +
      <div class="clip_frame grpelem" id="u1676"><!-- image -->
 +
      <img class="block" id="u1676_img" src="https://static.igem.org/mediawiki/2014hs/2/29/Igem_official_logo.png" alt="" width="88" height="67"/>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu1682-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u1682-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <ul class="MenuBar clearfix grpelem" id="menuu468"><!-- horizontal box -->
 +
      <li class="MenuItemContainer clearfix grpelem" id="u616"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u617" href="https://2014hs.igem.org/Team:Mingdao"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u619-4"><!-- content --><p>Home</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u623"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u624" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u625-4"><!-- content --><p>Team</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u630"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u631" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u632-4"><!-- content --><p>Project</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u637"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u638" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u639-4"><!-- content --><p>BioBrick</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u651"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u652" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u653-4"><!-- content --><p>Modeling</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u5718"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u5721" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u5722-4"><!-- content --><p>Safety</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u644"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u645" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u646-4"><!-- content --><p>Human Practices</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u671"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u674" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u676-4"><!-- content --><p>Media</p></div></a>
 +
      </li>
 +
    </ul>
 +
    <div class="browser_width grpelem" id="u1681"><!-- simple frame --></div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4270-3"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4270-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <img class="grpelem" id="u4264" src="https://static.igem.org/mediawiki/2014hs/5/5a/Temd_team_go-u4264.png" alt="" width="752" height="597"/><!-- rasterized frame -->
 +
    </div>
 +
    <div class="clearfix colelem" id="u4269-4"><!-- content -->
 +
    <p>Eliminate noisome odor when decomposing food</p>
 +
    </div>
 +
    <div class="colelem" id="u4506"><!-- custom html -->
 +
    <iframe width="753" height="380" src="//www.youtube.com/embed/dXBgcgtoYLM" frameborder="0" allowfullscreen>" frameborder="0" allowfullscreen></iframe>
 +
</div>
 +
    <div class="shadow clearfix browser_width colelem" id="u3898-4"><!-- content -->
 +
    <p id="u3898-2">Site Map: Navigate by using this</p>
 +
    </div>
 +
    <div class="TabbedPanelsWidget clearfix colelem" id="tab-panelu4297"><!-- vertical box -->
 +
    <div class="TabbedPanelsTabGroup clearfix colelem" id="u4298"><!-- horizontal box -->
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4303"><!-- horizontal box -->
 +
      <a class="nonblock nontext NoWrap clearfix grpelem" id="u4304-4" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p>Team</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4307"><!-- horizontal box -->
 +
      <a class="nonblock nontext NoWrap clearfix grpelem" id="u4309-4" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p>Project</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4299"><!-- horizontal box -->
 +
      <a class="nonblock nontext NoWrap clearfix grpelem" id="u4300-4" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p>Biobrick</p></a>
 +
      </div>
 +
      <a class="nonblock nontext TabbedPanelsTab clearfix grpelem" id="u4393" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class=" NoWrap clearfix grpelem" id="u4395-4"><!-- content --><p>Modeling</p></div></a>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u5725"><!-- horizontal box -->
 +
      <a class="nonblock nontext NoWrap clearfix grpelem" id="u5727-4" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p>Safety</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4375"><!-- horizontal box -->
 +
      <a class="nonblock nontext NoWrap clearfix grpelem" id="u4377-4" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p>Human Practices</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4384"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4387-4" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p>Media</p></a>
 +
      </div>
 +
    </div>
 +
    <div class="TabbedPanelsContentGroup clearfix colelem" id="u4311"><!-- stack box -->
 +
      <div class="TabbedPanelsContent clearfix grpelem" id="u4312"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4417" href="team.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4416-9" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p id="u4416-2">Our team consists of 22 members and 2 advisors</p><p id="u4416-4">All of us are binded together by the passion to synthetic biology.</p><p id="u4416-5">&nbsp;</p><p id="u4416-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="pointer_cursor TabbedPanelsContent invi clearfix grpelem" id="u4320"><!-- group -->
 +
      <a class="block" href="project.html"></a>
 +
      <div class="rounded-corners grpelem" id="u4414"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4415-9" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p id="u4415-2">A odorless decomposing process</p><p id="u4415-4">How pleasant that is.</p><p id="u4415-5">&nbsp;</p><p id="u4415-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4316"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4412" href="bio-brick.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4413-9" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p id="u4413-2">The building blocks of biology</p><p id="u4413-4">Our team was very interested in this part, so we designed 14 of those.</p><p id="u4413-5">&nbsp;</p><p id="u4413-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4397"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4410"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4411-9" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- content --><p id="u4411-2">Remember that all models are wrong; the practical question is how wrong do they have to be to not to be useful.</p><p id="u4411-4">— George E.P. Box</p><p id="u4411-5">&nbsp;</p><p id="u4411-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u5729"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u5737" href="safety.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u5738-9" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p id="u5738-2">We must respect the past, and mistrust the present, if we wish to provide for the safety of the future.</p><p id="u5738-4">— Joseph Joubert</p><p id="u5738-5">&nbsp;</p><p id="u5738-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4379"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4391"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4392-9" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p id="u4392-2">Implement dream to reality</p><p id="u4392-4">We have held conferences within our school to introduce other students to iGEM, and traveled to Taipei to visit schools.</p><p id="u4392-5">&nbsp;</p><p id="u4392-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4388"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4389"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4390-9" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p id="u4390-2">Videos and photos</p><p id="u4390-4">The best way to take in information is by looking at it.</p><p id="u4390-5">&nbsp;</p><p id="u4390-7">click to learn more</p></a>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="shadow clearfix browser_width colelem" id="u4247-4"><!-- content -->
 +
    <p id="u4247-2">Social Media: Say hi to us on Google+ &amp;&nbsp; YouTube</p>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4888"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4888"><!-- column -->
 +
      <div class="clearfix colelem" id="u4867"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4857"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4864-4" href="https://www.youtube.com/channel/UCx8hjqKHRXo4hmzKhf0q4iw"><!-- content --><p>iGEM Mingdao YouTube Channel</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4868"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4852"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4866-4" href="https://plus.google.com/u/0/b/107872206047402606212/107872206047402606212/posts"><!-- content --><p>iGEM Mingdao Google+ Page</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4869-4"><!-- content -->
 +
      <p style="color:gray;">Also, please help the world know about us by sharing this website if you liked it</p>
 +
      </div>
 +
      <div class="clearfix colelem" id="pu4872"><!-- group -->
 +
      <div class="grpelem" id="u4872"><!-- custom html -->
 +
       
 +
<div class="g-plusone" data-action="share" data-size="standard" data-annotation="bubble" data-width="192" data-href="https://2014hs.igem.org/Team:Mingdao/index.html"></div>
-
*******************************************************************************/
+
</div>
 +
      <div class="grpelem" id="u4874"><!-- custom html -->
 +
       
 +
<div class="fb-like" data-href="https://2014hs.igem.org/Team:Mingdao/index.html" data-send="false" data-width="290" data-show-faces="false" data-colorscheme="light" data-layout="button_count" data-action="recommend"></div>
-
var Spry;
+
</div>
-
if(!Spry)
+
      </div>
-
{
+
    </div>
-
Spry = {};
+
    <div class="grpelem" id="u4884"><!-- custom html -->
-
}
+
      <iframe width="480" height="270" src="//www.youtube.com/embed/6AvkF5dBZIs?list=UUx8hjqKHRXo4hmzKhf0q4iw" frameborder="0" allowfullscreen></iframe>
-
if(!Spry.Widget)
+
</div>
-
{
+
    </div>
-
Spry.Widget = {};
+
    <div class="clearfix pinned-colelem" id="u6171"><!-- column -->
-
}
+
    <div class="position_content" id="u6171_position_content">
-
 
+
      <a class="nonblock nontext anim_swing pinned-colelem" id="u6165" href="index.html#top"><!-- rasterized frame --><img id="u6165_img" src="https://static.igem.org/mediawiki/2014hs/2/27/To_top_icon-u6165.png" alt="" width="71" height="71"/></a>
-
// Constructor for Menu Bar
+
      <a class="nonblock nontext anim_swing clearfix pinned-colelem" id="u5182-4" href="index.html#top"><!-- content --><p><font color="black">Top</font></p></a>
-
// element should be an ID of an unordered list (<ul> tag)
+
    </div>
-
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
+
    </div>
-
Spry.Widget.MenuBar = function(element, opts)
+
    <div class="verticalspacer"></div>
-
{
+
    <div class="clearfix colelem" id="pu2040-3"><!-- group -->
-
this.init(element, opts);
+
    <div class="clearfix browser_width grpelem" id="u2040-3"><!-- content -->
-
};
+
      <p>&nbsp;</p>
-
 
+
    </div>
-
Spry.Widget.MenuBar.prototype.init = function(element, opts)
+
    <a class="nonblock nontext clip_frame grpelem" id="u1692" href="http://www.bertec.com.tw/"><!-- image --><img class="block" id="u1692_img" src="https://static.igem.org/mediawiki/2014hs/b/bf/Bertec_logo-u1692.png" alt="" width="94" height="63"/></a>
-
{
+
    <div class="clearfix grpelem" id="u1698-4"><!-- content -->
-
this.element = this.getElement(element);
+
      <p>Sponsored by:</p>
-
 
+
    </div>
-
// represents the current (sub)menu we are operating on
+
    <div class="clearfix grpelem" id="u1702-6"><!-- content -->
-
this.currMenu = null;
+
      <p><a class="nonblock" href="team.html#sponsors">and more</a></p>
-
 
+
    </div>
-
var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
+
    <div class="clearfix grpelem" id="u6138-4"><!-- content -->
-
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
+
      <p>Website best viewed with a 1920px wide screen with chrome</p>
-
{
+
    </div>
-
// bail on older unsupported browsers
+
    </div>
-
return;
+
  </div>
-
}
+
  </div>
-
 
+
  <div class="preload_images">
-
// load hover images now
+
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/7/7f/U4857-r.png" alt=""/>
-
if(opts)
+
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/3/36/U4852-r.png" alt=""/>
-
{
+
  </div>
-
for(var k in opts)
+
  <!-- JS includes -->
-
{
+
  <script type="text/javascript">
-
var rollover = new Image;
+
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
-
rollover.src = opts[k];
+
</script>
-
}
+
  <script type="text/javascript">
-
}
+
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
-
 
+
</script>
-
if(this.element)
+
  <script src="https://2014hs.igem.org/Mingdao_JS_museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
{
+
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.tobrowserwidth?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
this.currMenu = this.element;
+
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
var items = this.element.getElementsByTagName('li');
+
  <script src="https://2014hs.igem.org/Mingdao_JS_webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
for(var i=0; i<items.length; i++)
+
  <script src="https://2014hs.igem.org/Mingdao_JS_musewpdisclosure?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
{
+
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
this.initialize(items[i], element, isie);
+
  <!-- Other scripts -->
-
if(isie)
+
  <script type="text/javascript">
-
{
+
  $(document).ready(function() { try {
-
this.addClassName(items[i], "MenuBarItemIE");
+
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
-
items[i].style.position = "static";
+
$('.browser_width').toBrowserWidth();/* browser width elements */
-
}
+
Muse.Utils.prepHyperlinks(true);/* body */
-
}
+
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
-
if(isie)
+
Muse.Utils.initWidget('#tab-panelu4297', function(elem) { return new WebPro.Widget.TabbedPanels(elem, {event:'mouseover',defaultIndex:0}); });/* #tab-panelu4297 */
-
{
+
Muse.Utils.fullPage('#page');/* 100% height page */
-
if(this.hasClassName(this.element, "MenuBarVertical"))
+
Muse.Utils.showWidgetsWhenReady();/* body */
-
{
+
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
-
this.element.style.position = "relative";
+
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
-
}
+
</script>
-
var linkitems = this.element.getElementsByTagName('a');
+
 
-
for(var i=0; i<linkitems.length; i++)
+
  <!--HTML Widget code-->
-
{
+
 
-
linkitems[i].style.position = "relative";
+
<script type="text/javascript">
-
}
+
      window.___gcfg = {
-
}
+
        lang: 'en-US'
-
}
+
      };
-
};
+
-
 
+
-
Spry.Widget.MenuBar.prototype.getElement = function(ele)
+
-
{
+
-
if (ele && typeof ele == "string")
+
-
return document.getElementById(ele);
+
-
return ele;
+
-
};
+
-
 
+
-
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
+
-
{
+
-
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)
+
-
{
+
-
if (!ele || !className || this.hasClassName(ele, className))
+
-
return;
+
-
ele.className += (ele.className ? " " : "") + className;
+
-
};
+
-
 
+
-
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
+
-
{
+
-
if (!ele || !className || !this.hasClassName(ele, className))
+
-
return;
+
-
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
+
-
};
+
-
 
+
-
// addEventListener for Menu Bar
+
-
// attach an event to a tag without creating obtrusive HTML code
+
-
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
+
-
{
+
-
try
+
-
{
+
-
if (element.addEventListener)
+
-
{
+
-
element.addEventListener(eventType, handler, capture);
+
-
}
+
-
else if (element.attachEvent)
+
-
{
+
-
element.attachEvent('on' + eventType, handler);
+
-
}
+
-
}
+
-
catch (e) {}
+
-
};
+
-
 
+
-
// createIframeLayer for Menu Bar
+
-
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
+
-
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
+
-
{
+
-
var layer = document.createElement('iframe');
+
-
layer.tabIndex = '-1';
+
-
layer.src = 'javascript:false;';
+
-
menu.parentNode.appendChild(layer);
+
-
+
-
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
+
-
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
+
-
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
+
-
{
+
-
var layers = menu.parentNode.getElementsByTagName('iframe');
+
-
while(layers.length > 0)
+
-
{
+
-
layers[0].parentNode.removeChild(layers[0]);
+
-
}
+
-
};
+
-
 
+
-
// clearMenus for Menu Bar
+
-
// root is the top level unordered list (<ul> tag)
+
-
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
+
-
// identify bubbled up text events in Safari so we can ignore them
+
-
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
+
-
// set the proper CSS class on this menu to show it
+
-
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
+
-
{
+
-
if(this.currMenu)
+
-
{
+
-
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
+
-
// remove the proper CSS class on this menu to hide it
+
-
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
+
-
{
+
-
if(menu)
+
-
{
+
-
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
+
-
// create event listeners for the Menu Bar widget so we can properly
+
-
// 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;
+
-
if(menu)
+
-
{
+
-
this.addClassName(link, "MenuBarItemSubmenu");
+
-
hasSubMenu = true;
+
-
}
+
-
 
+
-
if(!isie)
+
-
{
+
-
// 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)
+
-
{
+
-
if(self.bubbledTextEvent())
+
-
{
+
-
// ignore bubbled text events
+
-
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)
+
-
{
+
-
if(self.bubbledTextEvent())
+
-
{
+
-
// ignore bubbled text events
+
-
return;
+
-
}
+
-
 
+
-
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
+
-
if(!listitem.contains(related))
+
-
{
+
-
clearTimeout(opentime);
+
-
self.currMenu = listitem;
+
-
 
+
-
// remove menu highlighting
+
-
self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
+
-
if(menu)
+
-
{
+
-
closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
+
-
}
+
-
}
+
-
}, false);
+
-
};
+
 +
      (function() {
 +
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 +
        po.src = 'https://apis.google.com/js/plusone.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 +
      })();
</script>
</script>
-
@charset "UTF-8";
 
-
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
+
  </body>
-
 
+
-
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
+
-
 
+
-
/*******************************************************************************
+
-
 
+
-
LAYOUT INFORMATION: describes box model, positioning, z-order
+
-
 
+
-
*******************************************************************************/
+
-
 
+
-
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
+
-
ul.MenuBarHorizontal
+
-
{
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style-type: none;
+
-
font-size: 100%;
+
-
cursor: default;
+
-
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;
+
-
}
+
-
 
+
-
/*******************************************************************************
+
-
 
+
-
DESIGN INFORMATION: describes color scheme, borders, fonts
+
-
 
+
-
*******************************************************************************/
+
-
 
+
-
/* 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;
+
-
}
+
-
 
+
-
/*******************************************************************************
+
-
 
+
-
SUBMENU INDICATION: styles if there is a submenu under a given menu item
+
-
 
+
-
*******************************************************************************/
+
-
 
+
-
/* 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 a.MenuBarItemSubmenu
+
-
{
+
-
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%;
+
-
}
+
-
 
+
-
/*******************************************************************************
+
-
 
+
-
BROWSER HACKS: the hacks below should not be changed unless you are an expert
+
-
 
+
-
*******************************************************************************/
+
-
 
+
-
/* 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>
+
-
 
+
-
<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>

Latest revision as of 06:52, 20 June 2014

<!DOCTYPE html> google-site-verification: google5ae61348d13c6d42.html iGEM Team Mingdao

Odor- Let it Die

 

Eliminate noisome odor when decomposing food

Site Map: Navigate by using this

Social Media: Say hi to us on Google+ &  YouTube

Also, please help the world know about us by sharing this website if you liked it

Top

 

Sponsored by:

Website best viewed with a 1920px wide screen with chrome

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