Team:NYMU-Taipei/science,-technology,-society

From 2011.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:NYMU-Taipei/Templates/Header/menubar}}
-
<head>
+
-
 
+
-
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
+
-
  <meta name="generator" content="0.8.682.87"/>
+
-
  <title>Science, Technology, Society</title>
+
-
  <!-- CSS -->
+
-
  <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/site_global.css"/>
+
-
  <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/science%2c-technology%2c-society.css"/>
+
-
  </head>
+
-
<body>
+
-
 
+
-
  <div class="clearfix" id="page"><!-- column -->
+
-
  <div class="clearfix colelem" id="master-header"><!-- group -->
+
-
    <a class="nonblock nontext grpelem" id="n1" href="index.html"><!-- rasterized frame --><img id="n1_img" src="image/master_u4256.png" alt="Yang Ming University
+
-
" width="310" height="58"/></a>
+
-
    <a class="nonblock nontext grpelem" id="n7" href="index.html"><!-- rasterized frame --><img id="n7_img" src="image/master_u4318.png" alt="Taipei, Taiwan" width="204" height="43"/></a>
+
-
    <div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group -->
+
-
    <div class="popup_anchor">
+
-
      <div class="ContainerGroup clearfix" id="n11"><!-- stack box -->
+
-
      <div class="Container clearfix grpelem" id="n12"><!-- group -->
+
-
        <div class="grpelem" id="n13"><!-- image -->
+
-
        <img id="n13_img" src="image/master_u6602.jpg" alt="" width="942" height="487"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n15"><!-- content -->
+
-
        <p id="n17">Hello world <span id="n19">=)</span></p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n20"><!-- content -->
+
-
        <p id="n22">&nbsp; </p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n24"><!-- content -->
+
-
        <p id="n26">This is the story of iD Avatar, the optomagnetogenetic bacterium</p>
+
-
        <p id="n28">an synthetic biology approach for non&#45;invasive wireless DBS </p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n30"><!-- group -->
+
-
        <div class="grpelem" id="n31"><!-- image -->
+
-
        <img id="n31_img" src="image/master_u6610.jpg" alt="" width="922" height="440"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n33"><!-- content -->
+
-
        <p id="n35">Idea</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n37"><!-- content -->
+
-
        <p id="n39"><a class="nonblock" href="concept-on-interface-and-biomedicine.html"><span id="n41">Concept</span></a></p>
+
-
        <p id="n42"><span id="n43">Background </span><a class="nonblock" href="background-review.html"><span id="n45">Review</span></a></p>
+
-
        <p id="n46"><a class="nonblock" href="brainstorming-(tagcloud).html"><span id="n48">Brainstorming</span></a></p>
+
-
        <p id="n49">&nbsp; </p>
+
-
        <p id="n51">&nbsp; <span id="n52"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n53"><!-- group -->
+
-
        <div class="grpelem" id="n54"><!-- image -->
+
-
        <img id="n54_img" src="image/master_u6605.jpg" alt="" width="711" height="474"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n56"><!-- content -->
+
-
        <p id="n58">Design/</p>
+
-
        <p id="n60">Experiments</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n62"><!-- content -->
+
-
        <p id="n64"><a class="nonblock" href="optomagnetic-design.html"><span id="n66">Optomagnetic Design</span></a></p>
+
-
        <p id="n67"><a class="nonblock" href="modelling-protein-structure-champ-design.html"><span id="n69">Protein Modelling</span></a></p>
+
-
        <p id="n70"><a class="nonblock" href="immunological-solution.html"><span id="n72">Immunological Solution</span></a></p>
+
-
        <p id="n73"><a class="nonblock" href="chassis.html"><span id="n75">Chassis</span></a></p>
+
-
        <p id="n76"><a class="nonblock" href="synthoprime.html"><span id="n78">SynthoPrime</span></a></p>
+
-
        <p id="n79"><a class="nonblock" href="lab-protocols.html"><span id="n81">Lab Protocol</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n82"><!-- group -->
+
-
        <div class="grpelem" id="n83"><!-- rasterized frame -->
+
-
        <img id="n83_img" src="image/master_u6616.png" alt="" width="857" height="468"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n85"><!-- content -->
+
-
        <p id="n87">Results</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n89"><!-- content -->
+
-
        <p id="n91"><a class="nonblock" href="optomagnetic-design1.html"><span id="n93">Optomagnetic Bacteria</span></a></p>
+
-
        <p id="n94"><a class="nonblock" href="immunological-solution.html"><span id="n96">Immunological Solution</span></a></p>
+
-
        <p id="n97"><a class="nonblock" href="chassis.html"><span id="n99">Chassis</span></a></p>
+
-
        <p id="n100"><a class="nonblock" href="parts.html"><span id="n102">Parts</span></a></p>
+
-
        <p id="n103"><a class="nonblock" href="lab-journals.html"><span id="n105">Lab Journal</span></a></p>
+
-
        <p id="n106"><a class="nonblock" href="achievements.html"><span id="n108">Achievements</span></a></p>
+
-
        <p id="n109"><a class="nonblock" href="international-collaboration(bloc-magneto-worldwide).html"><span id="n111">International Collaboration</span></a></p>
+
-
        <p id="n112">&nbsp; <span id="n113"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n114"><!-- group -->
+
-
        <div class="grpelem" id="n115"><!-- image -->
+
-
        <img id="n115_img" src="image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+
-
        </div>
+
-
        <div class="grpelem" id="n117"><!-- image -->
+
-
        <img id="n117_img" src="image/parkinson_surgery.jpg" alt="" width="327" height="488"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n119"><!-- content -->
+
-
        <p id="n121">Science, Technology, Society</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n123"><!-- content -->
+
-
        <p id="n125"><a class="nonblock" href="synthetic-neurobiology.html"><span id="n127">Synthetic</span> <span id="n129">Neurbiology</span></a></p>
+
-
        <p id="n130"><a class="nonblock" href="human-practices.html"><span id="n132">Human Practice</span></a></p>
+
-
        <p id="n133"><a class="nonblock" href="evaluation---safety-assessment.html"><span id="n135">Evaluation &amp; Safety Assess.</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n136"><!-- group -->
+
-
        <div class="grpelem" id="n137"><!-- image -->
+
-
        <img id="n137_img" src="image/master_u6592.jpg" alt="" width="915" height="475"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n139"><!-- content -->
+
-
        <p id="n141">About Us</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n143"><!-- content -->
+
-
        <p id="n145"><a class="nonblock" href="the-school.html"><span id="n147">The School</span></a></p>
+
-
        <p id="n148"><a class="nonblock" href="the-team.html"><span id="n150">The Team</span></a></p>
+
-
        <p id="n151"><a class="nonblock" href="china-meetup.html"><span id="n153">China Meetup</span></a></p>
+
-
        </div>
+
-
        <div class="grpelem" id="n154"><!-- image -->
+
-
        <img id="n154_img" src="image/%E5%9C%8B%E7%AB%8B%E9%99%BD%E6%98%8E%E5%A4%A7%E5%AD%B8logo_trans.png" alt="" width="916" height="253"/>
+
-
        </div>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="ThumbGroup clearfix grpelem" id="n156"><!-- none box -->
+
-
      <div class="popup_anchor">
+
-
      <div class="pointer_cursor Thumb popup_element clearfix" id="n157"><!-- group -->
+
-
        <a class="block" href="index.html"></a>
+
-
        <a class="nonblock nontext clearfix grpelem" id="n158" href="index.html"><!-- content --><p id="n160">Home</p></a>
+
-
      </div>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element target_blank clearfix" id="n162" href="idea.html"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">Idea</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n167" href="design--experiment.html"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">Design / Exp</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n172" href="results--performances.html"><!-- group --><div class="clearfix grpelem" id="n173"><!-- content --><p id="n175">Results</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb MuseLinkActive popup_element clearfix" id="n177" href="science%2C-technology%2C-society.html"><!-- group --><div class="clearfix grpelem" id="n178"><!-- content --><p id="n180">STS</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n182" href="about-us.html"><!-- group --><div class="clearfix grpelem" id="n183"><!-- content --><p id="n185">About Us</p></div></a>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletPrevButton PamphletLightboxPart popup_element clearfix" id="n187"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n188"><!-- content -->
+
-
        <p id="n190">&lt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletNextButton PamphletLightboxPart popup_element clearfix" id="n192"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n193"><!-- content -->
+
-
        <p id="n195">&gt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    </div>
+
-
    <a class="nonblock nontext grpelem" id="n197" href="https://2011.igem.org/Main_Page"><!-- image --><img id="n197_img" src="image/nymu-logo.png" alt="" width="134" height="109"/></a>
+
-
    <div class="clearfix grpelem" id="n199"><!-- content -->
+
-
    <p>&nbsp; </p>
+
-
    </div>
+
-
  </div>
+
-
  <div class="clearfix colelem" id="n203"><!-- group -->
+
-
    <ul class="MenuBar clearfix grpelem" id="menu"><!-- row -->
+
-
    <li class="MenuItemContainer clearfix grpelem" id="n204"><!-- vertical box -->
+
-
      <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n205"><!-- horizontal box -->
+
-
      <a class="block" href="synthetic-neurobiology.html"></a>
+
-
      <div class="pointer_cursor MenuItemLabel NoWrap clearfix grpelem" id="n206"><!-- content -->
+
-
        <a class="block" href="results--performances.html"></a>
+
-
        <p id="n208"><a class="nonblock" href="synthetic-neurobiology.html"><span id="n210">Synthetic Neurobiology</span></a></p>
+
-
      </div>
+
-
      </div>
+
-
    </li>
+
-
    <li class="MenuItemContainer clearfix grpelem" id="n211"><!-- vertical box -->
+
-
      <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n212"><!-- horizontal box -->
+
-
      <a class="block" href="human-practices.html"></a>
+
-
      <div class="pointer_cursor MenuItemLabel NoWrap clearfix grpelem" id="n213"><!-- content -->
+
-
        <a class="block" href="parts.html"></a>
+
-
        <p id="n215"><a class="nonblock" href="human-practices.html"><span id="n217">Human Practice</span></a></p>
+
-
      </div>
+
-
      </div>
+
-
    </li>
+
-
    <li class="MenuItemContainer clearfix grpelem" id="n218"><!-- vertical box -->
+
-
      <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n219"><!-- horizontal box -->
+
-
      <a class="block" href="human-practices.html"></a>
+
-
      <div class="pointer_cursor MenuItemLabel NoWrap clearfix grpelem" id="n220"><!-- content -->
+
-
        <a class="block" href="parts.html"></a>
+
-
        <p id="n222"><a class="nonblock" href="evaluation---safety-assessment.html"><span id="n224">Evaluation &amp; Safety Assessment</span></a></p>
+
-
      </div>
+
-
      </div>
+
-
    </li>
+
-
    </ul>
+
-
  </div>
+
-
  <div class="clearfix colelem" id="n225"><!-- group -->
+
-
    <div class="clearfix grpelem" id="n226"><!-- content -->
+
-
    <p>Science, Technology, Society</p>
+
-
    <p>請由此開始編輯</p>
+
-
    <p>&nbsp; </p>
+
-
    <p>&nbsp; </p>
+
-
    <p>&nbsp; </p>
+
-
    </div>
+
-
  </div>
+
-
+
-
  </div>
+
-
  <!-- JS includes -->
+
-
  <script src="http://musecdn2.businesscatalyst.com/scripts/0.9/jquery-1.4.4.min.js" type="text/javascript"></script>
+
-
  <script type="text/javascript">
+
-
  window.jQuery || document.write('\x3Cscript src="scripts/0.9/jquery-1.4.4.min.js" type="text/javascript">\x3C/script>');
+
-
</script>
+
-
  <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/sprydomutils.js" type="text/javascript"></script>
+
-
  <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/museutils.js" type="text/javascript"></script>
+
-
  <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.musepamphlet.js" type="text/javascript"></script>
+
-
  <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.museoverlay.js" type="text/javascript"></script>
+
-
  <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.musemenu.js" type="text/javascript"></script>
+
-
  <!-- Other scripts -->
+
-
  <script type="text/javascript">
+
-
  Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblemsPreInit);/* body */
+
-
Muse.Utils.addSelectorFn('a.nonblock', Muse.Utils.addHyperlinkAnchor); /* a.nonblock */
+
-
Muse.Utils.addSelectorFn('a.block', Muse.Utils.addHyperlinkBlock); /* a.block */
+
-
Muse.Utils.addSelectorFn('#pamphlet', function(elem) { $(elem).musePamphlet({contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'',autoPlay:true,displayInterval:3000,transitionStyle:'fading',transitionDuration:500,hideAllContentsFirst:false}); });/* #pamphlet */
+
-
Muse.Utils.addSelectorFn('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
+
-
Muse.Utils.addSelectorFn('body', Muse.Utils.showWidgetsWhenReady);/* body */
+
-
Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblems);/* body */
+
-
 
+
-
</script>
+
-
  </body>
+
-
</html>
+
-
 
+
-
{{:Team:NYMU-Taipei/Templates/End}}
+

Latest revision as of 18:54, 5 October 2011

Slide Down Box Menu with jQuery and CSS3