Team:NYMU-Taipei/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(33 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="http://gel.ym.edu.tw/~evelyn132/igem/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="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6307.jpg" alt="" width="922" height="440"/>
+
-
        </div>
+
-
   
+
-
        <div class="clearfix grpelem" id="n27"><!-- content -->
+
-
        <p id="n29"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/concept-on-interface-and-biomedicine"><span id="n31">Concept</span></a></p>
+
-
        <p id="n32"><span id="n33">Background </span><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/background-review"><span id="n35">Review</span></a></p>
+
-
        <p id="n36"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/brainstorming-(tagcloud)"><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="http://gel.ym.edu.tw/~evelyn132/igem/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="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design"><span id="n56">Optomagnetic Design</span></a></p>
+
-
        <p id="n57"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/modelling-protein-structure-champ-design"><span id="n59">Protein Modelling</span></a></p>
+
-
        <p id="n60"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution"><span id="n62">Immunological Solution</span></a></p>
+
-
        <p id="n63"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/chassis"><span id="n65">Chassis</span></a></p>
+
-
        <p id="n66"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/synthoprime"><span id="n68">SynthoPrime</span></a></p>
+
-
        <p id="n69"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/lab-protocols"><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="http://gel.ym.edu.tw/~evelyn132/igem/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="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design1"><span id="n83">Optomagnetic Bacteria</span></a></p>
+
-
        <p id="n84"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution1"><span id="n86">Immunological Solution</span></a></p>
+
-
        <p id="n87"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/chassis1"><span id="n89">Chassis</span></a></p>
+
-
        <p id="n90"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/parts"><span id="n92">Parts</span></a></p>
+
-
        <p id="n93"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/lab-journals"><span id="n95">Lab Journal</span></a></p>
+
-
        <p id="n96"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/achievements"><span id="n98">Achievements</span></a></p>
+
-
        <p id="n99"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/international-collaboration(bloc-magneto-worldwide)"><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="http://gel.ym.edu.tw/~evelyn132/igem/image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+
-
        </div>
+
-
        <div class="grpelem" id="n107"><!-- image -->
+
-
        <img id="n107_img" src="http://gel.ym.edu.tw/~evelyn132/igem/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="https://2011.igem.org/Team:NYMU-Taipei/synthetic-neurobiology"><span id="n117">Synthetic</span> <span id="n119">Neurbiology</span></a></p>
+
-
        <p id="n120"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/human-practices"><span id="n122">Human Practice</span></a></p>
+
-
        <p id="n123"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/evaluation---safety-assessmentl"><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="http://gel.ym.edu.tw/~evelyn132/igem/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="https://2011.igem.org/Team:NYMU-Taipei/the-school"><span id="n137">The School</span></a></p>
+
-
        <p id="n138"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/the-team"><span id="n140">The Team</span></a></p>
+
-
        <p id="n141"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/china-meetup"><span id="n143">China Meetup</span></a></p>
+
-
        </div>
+
-
        <div class="grpelem" id="n144"><!-- image -->
+
-
        <img id="n144_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/nymulogo_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="https://2011.igem.org/Team:NYMU-Taipei"></a>
+
-
        <a class="nonblock nontext MuseLinkActive clearfix grpelem" id="n148" href="https://2011.igem.org/Team:NYMU-Taipei"><!-- content --><p id="n150">Home</p></a>
+
-
      </div>
+
-
      </div>
+
-
 
+
-
    <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element 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="https://2011.igem.org/Team:NYMU-Taipei/design--experiment"><!-- 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="https://2011.igem.org/Team:NYMU-Taipei/results--performances"><!-- 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="https://2011.igem.org/Team:NYMU-Taipei/science%2C-technology%2C-society"><!-- 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="https://2011.igem.org/Team:NYMU-Taipei/about-us"><!-- 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="https://2011.igem.org/Team:NYMU-Taipei"><!-- rasterized frame --><img id="n187_img" src="http://gel.ym.edu.tw/~evelyn132/igem/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="http://gel.ym.edu.tw/~evelyn132/igem/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="https://2011.igem.org/Team:NYMU-Taipei"><!-- rasterized frame --><img id="n199_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u2671.png" alt="Taipei, Taiwan" width="204" height="43"/></a>
+
-
  </div>
+
-
  <div class="colelem" id="n203"><!-- simple frame -->
+
-
    &nbsp;
+
-
</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