Line 43: | Line 43: | ||
<div id='top_menu_under' class='noprint'></div> | <div id='top_menu_under' class='noprint'></div> | ||
<div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | ||
− | + | <script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi', | |
− | + | { t:"Team%3ANPU-China%2FDemonstrate", | |
− | + | a:"View+%2FTeam%3ANPU-China%2FDemonstrate++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANPU-China%2FDemonstrate%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANPU-China%2FDemonstrate%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ANPU-China%2FDemonstrate++Unwatch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANPU-China%2FDemonstrate%26action%3Dunwatch%26token%3Dace7bf4fc9c1a495c2cd9aba407a90e2%252B%255C++Page+%2FTeam%3ANPU-China%2FDemonstrate++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ANPU-China%2FDemonstrate%26action%3Dedit%26redlink%3D1++" }); | |
− | + | </script> | |
<!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> | ||
− | + | <div id="content" class="mw-body" role="main"> | |
− | + | <a id="top"></a> | |
<div id="top_title"> | <div id="top_title"> | ||
Line 59: | Line 59: | ||
</div> | </div> | ||
− | + | <h1 id="firstHeading" class="firstHeading"> | |
− | + | <span dir="auto">Team:NPU-China/Demonstrate</span> | |
− | + | </h1> | |
</div> | </div> | ||
<div id="HQ_page"> | <div id="HQ_page"> | ||
<div id="bodyContent"> | <div id="bodyContent"> | ||
− | + | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><pre> | |
− | + | <style> | |
− | + | #top_menu_14:hover { | |
− | + | top: 0 !important; | |
− | + | } | |
− | + | </style> | |
<script> | <script> | ||
− | + | window.ADEBUG = true; | |
− | + | $(document).ready(function () { | |
− | + | // alert(Modernizr.csstransforms3d); | |
− | + | // if (Modernizr.csstransforms3d) { | |
− | + | // } | |
− | + | var glob = window; | |
− | + | // remove some weird components | |
− | + | (function () { | |
− | + | $("#sideMenu").remove(); | |
− | + | $("#top_menu_14").css({ | |
− | + | top: "-20px", | |
− | + | "padding-bottom": "1rem", | |
− | + | transition: "top 0.3s" | |
− | + | }); | |
− | + | var menu_trig = $("<div></div>"); | |
− | + | menu_trig.css({ | |
− | + | position: "fixed", | |
− | + | "z-index": "10", | |
− | + | height: "15px", | |
− | + | width: "100%", | |
− | + | top: "0", | |
− | + | left: "0" | |
− | + | }).mouseenter(function () { | |
− | + | $("#top_menu_14").css("top", "0"); | |
− | + | }).mouseleave(function () { | |
− | + | $("#top_menu_14").css("top", "-20px"); | |
− | + | }); | |
− | + | ||
− | + | $("body").append(menu_trig); | |
− | + | })(); // hide the top bar | |
− | + | // menu | |
− | + | (function () { | |
− | + | function setMenuPos() { | |
− | + | setTimeout(function () { | |
− | + | $(".main.menu").width($(".main.cont-wrap").position().left); | |
− | + | }, 300); | |
− | + | } | |
− | + | var open = false; | |
− | + | function toggleMenu() { | |
− | + | $(".main.view").toggleClass("open-menu"); | |
− | + | setMenuPos(); | |
− | + | if ($(".main.view").hasClass("open-menu")) | |
− | + | setTimeout(function () { | |
− | + | $(".main.cont-wrap").click(closeMenu); | |
− | + | }); | |
− | + | } | |
− | + | function closeMenu() { | |
− | + | $(".main.view").removeClass("open-menu"); | |
− | + | $(".main.cont-wrap").off("click", closeMenu); | |
− | + | } | |
− | + | $(".main.menu-btn") | |
− | + | .click(toggleMenu) | |
− | + | .popup({ | |
− | + | content: "Menu", | |
− | + | position: "right center", | |
− | + | on: "manual" | |
− | + | }).popup("show"); | |
− | + | setTimeout(function () { | |
− | + | $(".main.menu-btn").popup("hide"); | |
− | + | }, 3000); | |
− | + | glob.Aquamade = {}; | |
− | + | glob.Aquamade.menu = { | |
− | + | setBtnColor: function (color) { | |
− | + | $(".main.menu-btn").css("color", color); | |
− | + | }, | |
− | + | selectItem: function (name) { | |
− | + | $(".main.menu .selected").removeClass("selected"); | |
− | + | $(".main.menu .item.item-" + name).addClass("selected"); | |
− | + | }, | |
− | + | toggle: function () { | |
− | + | toggleMenu(); | |
− | + | } | |
− | + | }; | |
− | + | })(); | |
− | + | }); | |
− | + | </script> | |
Line 229: | Line 229: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown"> | + | <li class="dropdown active"> |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project | ||
<b class="caret"></b> | <b class="caret"></b> | ||
Line 293: | Line 293: | ||
</li> | </li> | ||
− | <li class="dropdown | + | <li class="dropdown"> |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook | ||
<b class="caret"></b> | <b class="caret"></b> | ||
Line 581: | Line 581: | ||
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:12931-0!*!*!*!*!*!* and timestamp 20171101174237 and revision id 442112 | <!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:12931-0!*!*!*!*!*!* and timestamp 20171101174237 and revision id 442112 | ||
--> | --> | ||
− | </div> | + | </div> <div class="visualClear"></div> |
− | + | </div> | |
− | + | </div> | |
</div> | </div> |
Revision as of 17:47, 1 November 2017
<!DOCTYPE html>