Team:NYMU-Taipei/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(42 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>Home</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/index.css"/>
+
-
  </head>
+
-
<body>
+
-
 
+
-
  <div class="clearfix" id="page"><!-- column -->
+
-
  <div class="clearfix colelem" id="master-header"><!-- group -->
+
-
    <div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group -->
+
-
    <div class="popup_anchor">
+
-
      <div class="ContainerGroup clearfix" id="n1"><!-- stack box -->
+
-
      <div class="Container clearfix grpelem" id="n2"><!-- group -->
+
-
        <div class="grpelem" id="n3"><!-- image -->
+
-
        <img id="n3_img" src="image/master_u2678.jpg" alt="" width="942" height="487"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n5"><!-- content -->
+
-
        <p id="n7">Hello world <span id="n9">=)</span></p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n10"><!-- content -->
+
-
        <p id="n12">&nbsp; </p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n14"><!-- content -->
+
-
        <p id="n16">This is the story of iD Avatar, the optomagnetogenetic bacterium</p>
+
-
        <p id="n18">an synthetic biology approach for non&#45;invasive wireless DBS </p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n20"><!-- group -->
+
-
        <div class="grpelem" id="n21"><!-- image -->
+
-
        <img id="n21_img" src="image/master_u6307.jpg" alt="" width="922" height="440"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n23"><!-- content -->
+
-
        <p id="n25">Idea</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n27"><!-- content -->
+
-
        <p id="n29"><a class="nonblock" href="concept-on-interface-and-biomedicine.html"><span id="n31">Concept</span></a></p>
+
-
        <p id="n32"><span id="n33">Background </span><a class="nonblock" href="background-review.html"><span id="n35">Review</span></a></p>
+
-
        <p id="n36"><a class="nonblock" href="brainstorming-(tagcloud).html"><span id="n38">Brainstorming</span></a></p>
+
-
        <p id="n39">&nbsp; </p>
+
-
        <p id="n41">&nbsp; <span id="n42"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n43"><!-- group -->
+
-
        <div class="grpelem" id="n44"><!-- image -->
+
-
        <img id="n44_img" src="image/master_u1741.jpg" alt="" width="711" height="474"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n46"><!-- content -->
+
-
        <p id="n48">Design/</p>
+
-
        <p id="n50">Experiments</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n52"><!-- content -->
+
-
        <p id="n54"><a class="nonblock" href="optomagnetic-design.html"><span id="n56">Optomagnetic Design</span></a></p>
+
-
        <p id="n57"><a class="nonblock" href="modelling-protein-structure-champ-design.html"><span id="n59">Protein Modelling</span></a></p>
+
-
        <p id="n60"><a class="nonblock" href="immunological-solution.html"><span id="n62">Immunological Solution</span></a></p>
+
-
        <p id="n63"><a class="nonblock" href="chassis.html"><span id="n65">Chassis</span></a></p>
+
-
        <p id="n66"><a class="nonblock" href="synthoprime.html"><span id="n68">SynthoPrime</span></a></p>
+
-
        <p id="n69"><a class="nonblock" href="lab-protocols.html"><span id="n71">Lab Protocol</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n72"><!-- group -->
+
-
        <div class="grpelem" id="n73"><!-- rasterized frame -->
+
-
        <img id="n73_img" src="image/master_u2696.png" alt="" width="857" height="468"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n75"><!-- content -->
+
-
        <p id="n77">Results</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n79"><!-- content -->
+
-
        <p id="n81"><a class="nonblock" href="optomagnetic-design1.html"><span id="n83">Optomagnetic Bacteria</span></a></p>
+
-
        <p id="n84"><a class="nonblock" href="immunological-solution1.html"><span id="n86">Immunological Solution</span></a></p>
+
-
        <p id="n87"><a class="nonblock" href="chassis1.html"><span id="n89">Chassis</span></a></p>
+
-
        <p id="n90"><a class="nonblock" href="parts.html"><span id="n92">Parts</span></a></p>
+
-
        <p id="n93"><a class="nonblock" href="lab-journals.html"><span id="n95">Lab Journal</span></a></p>
+
-
        <p id="n96"><a class="nonblock" href="achievements.html"><span id="n98">Achievements</span></a></p>
+
-
        <p id="n99"><a class="nonblock" href="international-collaboration(bloc-magneto-worldwide).html"><span id="n101">International Collaboration</span></a></p>
+
-
        <p id="n102">&nbsp; <span id="n103"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n104"><!-- group -->
+
-
        <div class="grpelem" id="n105"><!-- image -->
+
-
        <img id="n105_img" src="image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+
-
        </div>
+
-
        <div class="grpelem" id="n107"><!-- image -->
+
-
        <img id="n107_img" src="image/parkinson_surgery.jpg" alt="" width="327" height="488"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n109"><!-- content -->
+
-
        <p id="n111">Science, Technology, Society</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n113"><!-- content -->
+
-
        <p id="n115"><a class="nonblock" href="synthetic-neurobiology.html"><span id="n117">Synthetic</span> <span id="n119">Neurbiology</span></a></p>
+
-
        <p id="n120"><a class="nonblock" href="human-practices.html"><span id="n122">Human Practice</span></a></p>
+
-
        <p id="n123"><a class="nonblock" href="evaluation---safety-assessment.html"><span id="n125">Evaluation &amp; Safety Assess.</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n126"><!-- group -->
+
-
        <div class="grpelem" id="n127"><!-- image -->
+
-
        <img id="n127_img" src="image/master_u1746.jpg" alt="" width="915" height="475"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n129"><!-- content -->
+
-
        <p id="n131">About Us</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n133"><!-- content -->
+
-
        <p id="n135"><a class="nonblock" href="the-school.html"><span id="n137">The School</span></a></p>
+
-
        <p id="n138"><a class="nonblock" href="the-team.html"><span id="n140">The Team</span></a></p>
+
-
        <p id="n141"><a class="nonblock" href="china-meetup.html"><span id="n143">China Meetup</span></a></p>
+
-
        </div>
+
-
        <div class="grpelem" id="n144"><!-- image -->
+
-
        <img id="n144_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="n146"><!-- none box -->
+
-
      <div class="popup_anchor">
+
-
      <div class="pointer_cursor Thumb MuseLinkActive popup_element clearfix" id="n147"><!-- group -->
+
-
        <a class="block" href="index.html"></a>
+
-
        <a class="nonblock nontext MuseLinkActive clearfix grpelem" id="n148" href="index.html"><!-- content --><p id="n150">Home</p></a>
+
-
      </div>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element target_blank clearfix" id="n152" href="https://2011.igem.org/Team:NYMU-Taipei/idea"><!-- group --><div class="clearfix grpelem" id="n153"><!-- content --><p id="n155">Idea</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n157" href="design--experiment.html"><!-- group --><div class="clearfix grpelem" id="n158"><!-- content --><p id="n160">Design / Exp</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n162" href="results--performances.html"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">Results</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n167" href="science%2C-technology%2C-society.html"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">STS</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n172" href="about-us.html"><!-- group --><div class="clearfix grpelem" id="n173"><!-- content --><p id="n175">About Us</p></div></a>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletPrevButton PamphletLightboxPart popup_element clearfix" id="n177"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n178"><!-- content -->
+
-
        <p id="n180">&lt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletNextButton PamphletLightboxPart popup_element clearfix" id="n182"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n183"><!-- content -->
+
-
        <p id="n185">&gt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    </div>
+
-
    <a class="nonblock nontext MuseLinkActive grpelem" id="n187" href="index.html"><!-- rasterized frame --><img id="n187_img" src="image/master_u2656.png" alt="Yang Ming University
+
-
" width="310" height="58"/></a>
+
-
    <a class="nonblock nontext grpelem" id="n193" href="https://2011.igem.org/Main_Page"><!-- image --><img id="n193_img" src="image/nymu-logo.png" alt="" width="134" height="109"/></a>
+
-
    <div class="clearfix grpelem" id="n195"><!-- content -->
+
-
    <p>&nbsp; </p>
+
-
    </div>
+
-
    <a class="nonblock nontext MuseLinkActive grpelem" id="n199" href="index.html"><!-- rasterized frame --><img id="n199_img" src="image/master_u2671.png" alt="Taipei, Taiwan" width="204" height="43"/></a>
+
-
  </div>
+
-
  <div class="colelem" id="n203"><!-- simple frame -->
+
-
    &nbsp;
+
-
</div>
+
-
  <div class="clearfix colelem" id="master-footer"><!-- group -->
+
-
    <div class="clearfix grpelem" id="n204"><!-- column -->
+
-
    <div class="clearfix colelem" id="n205"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n206"><!-- group -->
+
-
      <div class="grpelem" id="n207"><!-- image -->
+
-
        <img id="n207_img" src="image/genomics.gif" alt="" width="172" height="61"/>
+
-
      </div>
+
-
      <div class="clearfix grpelem" id="n209"><!-- content -->
+
-
        <p id="n211">SPONSORED BY</p>
+
-
      </div>
+
-
      </div>
+
-
      <div class="grpelem" id="n213"><!-- image -->
+
-
      <img id="n213_img" src="image/usu_genscript.png" alt="" width="184" height="52"/>
+
-
      </div>
+
-
    </div>
+
-
    <div class="colelem" id="n215"><!-- rasterized frame -->
+
-
      <img id="n215_img" src="image/master_u5803.png" alt="For Non&#45;commercial Use Only. All Rights Belong To Their Respective Owners." width="380" height="27"/>
+
-
    </div>
+
-
    </div>
+
-
    <div class="grpelem" id="n219"><!-- image -->
+
-
    <img id="n219_img" src="image/435px-nymu_nontext_logo.jpg" alt="" width="43" height="59"/>
+
-
    </div>
+
-
    <div class="grpelem" id="n221"><!-- image -->
+
-
    <img id="n221_img" src="image/600px-nymu_name_logo.jpg" alt="" width="240" height="42"/>
+
-
    </div>
+
-
    <div class="grpelem" id="n223"><!-- image -->
+
-
    <img id="n223_img" src="image/hc_logo.png" alt="" width="69" height="69"/>
+
-
    </div>
+
-
    <div class="grpelem" id="n225"><!-- image -->
+
-
    <img id="n225_img" src="image/evernew-logo2.gif" alt="" width="101" height="101"/>
+
-
    </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>
+
-
  <!-- 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('body', Muse.Utils.showWidgetsWhenReady);/* body */
+
-
Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblems);/* body */
+
-
 
+
-
</script>
+
-
  </body>
+
-
</html>
+

Latest revision as of 15:07, 5 October 2011

Slide Down Box Menu with jQuery and CSS3

Retrieved from "http://2011.igem.org/Team:NYMU-Taipei/Templates/Header"