Team:NYMU-Taipei/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(25 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="n23"><!--content-->
+
-
<p id="n25">Idea</p>
+
-
</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>
+
-
     
+
-
     
+
-
      <div class="Container clearfix grpelem" id="n126"><!-- group -->
+
-
        <div class="grpelem" id="n127"><!-- image -->
+
-
 
+
-
 
+
-
       
+
-
       
+
-
      </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