Team:NYMU-Taipei/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(69 intermediate revisions not shown)
Line 1: Line 1:
-
<!---top--->
+
{{: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="ThumbGroup clearfix grpelem" id="n1"><!-- none box -->
+
-
      <div class="popup_anchor">
+
-
      <div class="Thumb popup_element clearfix" id="n2"><!-- group -->
+
-
        <div class="clearfix grpelem" id="n3"><!-- content -->
+
-
+
-
        <a class="" id="n3" href="https://2011.igem.org/Team:NYMU-Taipei"><p id="n5">Home</p></a>
+
-
        </div>
+
-
      </div>
+
-
      </div>
+
-
 
+
-
      <div class="popup_anchor">
+
-
      <a class="" id="n7" href="https://2011.igem.org/Team:NYMU-Taipei/idea"><!-- group --><div class="clearfix grpelem" id="n8"><!-- content --><p id="n10">Idea</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n12" href="https://2011.igem.org/Team:NYMU-Taipei/design--experiment"><!-- group --><div class="clearfix grpelem" id="n13"><!-- content --><p id="n15">Design / Exp</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n17" href="https://2011.igem.org/Team:NYMU-Taipei/results--performances"><!-- group --><div class="clearfix grpelem" id="n18"><!-- content --><p id="n20">Results</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n22" href="https://2011.igem.org/Team:NYMU-Taipei/science%2C-technology%2C-society"><!-- group --><div class="clearfix grpelem" id="n23"><!-- content --><p id="n25">STS</p></div></a>
+
-
      </div>
+
-
      <div class="popup_anchor">
+
-
      <a class="nonblock nontext Thumb popup_element clearfix" id="n27" href="https://2011.igem.org/Team:NYMU-Taipei/about-us"><!-- group --><div class="clearfix grpelem" id="n28"><!-- content --><p id="n30">About Us</p></div></a>
+
-
      </div>
+
-
    </div>
+
-
    <div class="popup_anchor">
+
-
      <div class="ContainerGroup clearfix" id="n32"><!-- stack box -->
+
-
      <div class="Container clearfix grpelem" id="n33"><!-- group -->
+
-
        <div class="grpelem" id="n34"><!-- image -->
+
-
        <img id="n34_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u2678.jpg" alt="" width="942" height="487"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n36"><!-- content -->
+
-
        <p id="n38">Hello world <span id="n40">=)</span></p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n41"><!-- content -->
+
-
        <p id="n43">&nbsp; </p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n45"><!-- content -->
+
-
        <p id="n47">This is the story of iD Avatar, the optomagnetogenetic bacterium</p>
+
-
        <p id="n49">an synthetic biology approach for non&#45;invasive wireless DBS </p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n51"><!-- group -->
+
-
        <div class="grpelem" id="n52"><!-- image -->
+
-
        <img id="n52_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u1731.jpg" alt="" width="935" height="474"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n54"><!-- content -->
+
-
        <p id="n56">Idea</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n58"><!-- content -->
+
-
        <p id="n60"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/concept-on-interface-and-biomedicine"><span id="n62">Concept</span></a></p>
+
-
        <p id="n63"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/brainstorming-(tagcloud)><span id="n65">Brainstorming</span></a></p>
+
-
        <p id="n66"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/review"><span id="n68">Review</span></a></p>
+
-
        <p id="n69">&nbsp; <span id="n70"></span></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n71"><!-- group -->
+
-
        <div class="grpelem" id="n72"><!-- image -->
+
-
        <img id="n72_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u1741.jpg" alt="" width="711" height="474"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n74"><!-- content -->
+
-
        <p id="n76">Design/</p>
+
-
        <p id="n78">Experiments</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n80"><!-- content -->
+
-
        <p id="n82"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design"><span id="n84">Optomagnetic design</span></a></p>
+
-
        <p id="n85"><span id="n86">Protein Modelling</span></p>
+
-
        <p id="n87"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution"><span id="n89">Immunological Solution</span></a></p>
+
-
        <p id="n90"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/chassis"><span id="n92">Chassis</span></a></p>
+
-
        <p id="n93"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/international-collaboration(bloc-magneto-worldwide)"><span id="n95">International Collaboration</span></a></p>
+
-
        <p id="n96"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/primerone"><span id="n98">Primer ONE</span></a></p>
+
-
        <p id="n99"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/evaluation---safety-assessment"><span id="n101">Evaluation &amp; Safety Assess.</span></a></p>
+
-
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n111"><!-- group -->
+
-
        <div class="grpelem" id="n112"><!-- rasterized frame -->
+
-
        <img id="n112_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u2696.png" alt="" width="857" height="468"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n114"><!-- content -->
+
-
        <p id="n116">Results</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n118"><!-- content -->
+
-
        <p id="n120"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/results--performances1"><span id="n122">Results &amp; Performances</span></a></p>
+
-
        <p id="n123"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/parts"><span id="n125">Parts</span></a></p>
+
-
        <p id="n126"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/achievements"><span id="n128">Achievements</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n129"><!-- group -->
+
-
        <div class="grpelem" id="n130"><!-- image -->
+
-
        <img id="n130_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+
-
        </div>
+
-
        <div class="grpelem" id="n132"><!-- image -->
+
-
        <img id="n132_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/parkinson_surgery.jpg" alt="" width="327" height="488"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n134"><!-- content -->
+
-
        <p id="n136">Science, Technology, Society</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n138"><!-- content -->
+
-
        <p id="n140"><span id="n141">Synthetic </span><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/synthetic-neuroethics"><span id="n143">Neuroethics</span></a><span id="n144">&nbsp;&nbsp;&nbsp;&nbsp; </span></p>
+
-
        <p id="n145"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/human-practices"><span id="n147">Human Practice</span></a></p>
+
-
        </div>
+
-
      </div>
+
-
      <div class="Container clearfix grpelem" id="n148"><!-- group -->
+
-
        <div class="grpelem" id="n149"><!-- image -->
+
-
        <img id="n149_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u1746.jpg" alt="" width="915" height="475"/>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n151"><!-- content -->
+
-
        <p id="n153">About Us</p>
+
-
        </div>
+
-
        <div class="clearfix grpelem" id="n155"><!-- content -->
+
-
        <p id="n157"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/the-school"><span id="n159">The School</span></a></p>
+
-
        <p id="n160"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/the-team"><span id="n162">The Team</span></a></p>
+
-
        <p id="n163"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/china-meetup"><span id="n165">China Meetup</span></a></p>
+
-
        <p id="n166"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/press"><span id="n168">Press</span></a></p>
+
-
        </div>
+
-
        <div class="grpelem" id="n169"><!-- image -->
+
-
        <img id="n169_img" src="http://gel.ym.edu.tw/~evelyn132/igem/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>
+
-
    <div class="grpelem" id="n171"><!-- rasterized frame -->
+
-
    <img id="n171_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u2656.png" alt="Yang Ming University
+
-
" width="310" height="58"/>
+
-
    </div>
+
-
    <div class="grpelem" id="n177"><!-- image -->
+
-
    <img id="n177_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/nymu-logo.png" alt="" width="134" height="109"/>
+
-
    </div>
+
-
    <div class="clearfix grpelem" id="n179"><!-- content -->
+
-
    <p>&nbsp; </p>
+
-
    </div>
+
-
    <div class="grpelem" id="n183"><!-- rasterized frame -->
+
-
    <img id="n183_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u2671.png" alt="Taipei, Taiwan" width="204" height="43"/>
+
-
    </div>
+
-
  </div>
+
-
  <div class="colelem" id="n187"><!-- 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

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