Team:NYMU-Taipei/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{:Team:NYMU-Taipei/Templates/Header/menubar}}
-
<html>
+
-
<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_u1731.jpg" alt="" width="935" height="474"/>
+
-
        </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"><a class="nonblock" href="brainstorming-(tagcloud).html"><span id="n34">Brainstorming</span></a></p>
+
-
        <p id="n35"><a class="nonblock" href="review.html"><span id="n37">Review</span></a></p>
+
-
        <p id="n38">&nbsp; <span id="n39"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n40"><!-- group -->
+
-
        <div class="grpelem" id="n41"><!-- image -->
+
-
        <img id="n41_img" src="image/master_u1741.jpg" alt="" width="711" height="474"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n43"><!-- content -->
+
-
        <p id="n45">Design/</p>
+
-
        <p id="n47">Experiments</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n49"><!-- content -->
+
-
        <p id="n51"><a class="nonblock" href="optomagnetic-design.html"><span id="n53">Optomagnetic design</span></a></p>
+
-
        <p id="n54"><span id="n55">Protein Modelling</span></p>
+
-
        <p id="n56"><a class="nonblock" href="immunological-solution.html"><span id="n58">Immunological Solution</span></a></p>
+
-
        <p id="n59"><a class="nonblock" href="chassis.html"><span id="n61">Chassis</span></a></p>
+
-
        <p id="n62"><a class="nonblock" href="international-collaboration(bloc-magneto-worldwide).html"><span id="n64">International Collaboration</span></a></p>
+
-
        <p id="n65"><a class="nonblock" href="synthoprime.html"><span id="n67">SynthoPrime</span></a></p>
+
-
        <p id="n68"><a class="nonblock" href="evaluation---safety-assessment.html"><span id="n70">Evaluation &amp; Safety Assess.</span></a></p>
+
-
        <p id="n71"><a class="nonblock" href="lab-journals.html"><span id="n73">Lab Journal</span></a></p>
+
-
        <p id="n74"><a class="nonblock" href="lab-protocols.html"><span id="n76">Lab Protocol</span></a></p>
+
-
        <p id="n77"><a class="nonblock" href="tools.html"><span id="n79">Tools</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n80"><!-- group -->
+
-
        <div class="grpelem" id="n81"><!-- rasterized frame -->
+
-
        <img id="n81_img" src="image/master_u2696.png" alt="" width="857" height="468"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n83"><!-- content -->
+
-
        <p id="n85">Results</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n87"><!-- content -->
+
-
        <p id="n89"><a class="nonblock" href="results--performances1.html"><span id="n91">Results &amp; Performances</span></a></p>
+
-
        <p id="n92"><a class="nonblock" href="parts.html"><span id="n94">Parts</span></a></p>
+
-
        <p id="n95"><a class="nonblock" href="achievements.html"><span id="n97">Achievements</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n98"><!-- group -->
+
-
        <div class="grpelem" id="n99"><!-- image -->
+
-
        <img id="n99_img" src="image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+
-
        </div>
+
-
        <div class="grpelem" id="n101"><!-- image -->
+
-
        <img id="n101_img" src="image/parkinson_surgery.jpg" alt="" width="327" height="488"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n103"><!-- content -->
+
-
        <p id="n105">Science, Technology, Society</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n107"><!-- content -->
+
-
        <p id="n109"><a class="nonblock" href="synthetic-neuroethics.html"><span id="n111">Synthetic</span> <span id="n113">Neuroethics</span></a><span id="n114">&nbsp;&nbsp;&nbsp;&nbsp; </span></p>
+
-
        <p id="n115"><a class="nonblock" href="human-practices.html"><span id="n117">Human Practice</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n118"><!-- group -->
+
-
        <div class="grpelem" id="n119"><!-- image -->
+
-
        <img id="n119_img" src="image/master_u1746.jpg" alt="" width="915" height="475"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n121"><!-- content -->
+
-
        <p id="n123">About Us</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n125"><!-- content -->
+
-
        <p id="n127"><a class="nonblock" href="the-school.html"><span id="n129">The School</span></a></p>
+
-
        <p id="n130"><a class="nonblock" href="the-team.html"><span id="n132">The Team</span></a></p>
+
-
        <p id="n133"><a class="nonblock" href="china-meetup.html"><span id="n135">China Meetup</span></a></p>
+
-
        <p id="n136"><a class="nonblock" href="press.html"><span id="n138">Press</span></a></p>
+
-
        </div>
+
-
        <div class="grpelem" id="n139"><!-- image -->
+
-
        <img id="n139_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="n141"><!-- none box -->
+
-
      <div class="popup_anchor">
+
-
      <div class="pointer_cursor Thumb MuseLinkActive popup_element clearfix" id="n142"><!-- group -->
+
-
        <a class="block" href="index.html"></a>
+
-
        <a class="nonblock nontext MuseLinkActive clearfix grpelem" id="n143" href="index.html"><!-- content --><p id="n145">Home</p></a>
+
-
      </div>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element target_blank clearfix" id="n147" href="idea.html"><!-- group --><div class="clearfix grpelem" id="n148"><!-- content --><p id="n150">Idea</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n152" href="design--experiment.html"><!-- group --><div class="clearfix grpelem" id="n153"><!-- content --><p id="n155">Design / Exp</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n157" href="results--performances.html"><!-- group --><div class="clearfix grpelem" id="n158"><!-- content --><p id="n160">Results</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n162" href="science%2C-technology%2C-society.html"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">STS</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n167" href="about-us.html"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">About Us</p></div></a>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletPrevButton PamphletLightboxPart popup_element clearfix" id="n172"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n173"><!-- content -->
+
-
        <p id="n175">&lt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="PamphletNextButton PamphletLightboxPart popup_element clearfix" id="n177"><!-- group -->
+
-
      <div class="clearfix grpelem" id="n178"><!-- content -->
+
-
        <p id="n180">&gt;</p>
+
-
      </div>
+
-
      </div>
+
-
    </div>
+
-
    </div>
+
-
    <a class="nonblock nontext MuseLinkActive grpelem" id="n182" href="index.html"><!-- rasterized frame --><img id="n182_img" src="image/master_u2656.png" alt="Yang Ming University
+
-
" width="310" height="58"/></a>
+
-
    <a class="nonblock nontext grpelem" id="n188" href="https://2011.igem.org/Main_Page"><!-- image --><img id="n188_img" src="image/nymu-logo.png" alt="" width="134" height="109"/></a>
+
-
    <div class="clearfix grpelem" id="n190"><!-- content -->
+
-
    <p>&nbsp; </p>
+
-
    </div>
+
-
    <a class="nonblock nontext MuseLinkActive grpelem" id="n194" href="index.html"><!-- rasterized frame --><img id="n194_img" src="image/master_u2671.png" alt="Taipei, Taiwan" width="204" height="43"/></a>
+
-
  </div>
+
-
  <div class="colelem" id="n198"><!-- simple frame -->
+
-
    &nbsp;
+
-
</div>
+
-
  <div class="clearfix colelem" id="master-footer"><!-- group -->
+
-
 
+
-
 
+
-
  </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="http://gel.ym.edu.tw/~evelyn132/igem/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"