|
|
(One intermediate revision not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
- | <head>
| + | <style> |
- | <meta charset="utf-8">
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
- | <title>iGem</title>
| + | |
- | | + | |
- | <link href="http://www.designingtest.org/iGem/bootstrap.min.css" rel="stylesheet">
| + | |
- | <link href="http://www.designingtest.org/iGem/bootstrap-responsive.min.css" rel="stylesheet">
| + | |
- | <link href="http://www.designingtest.org/iGem/style.css" rel="stylesheet">
| + | |
- | <link href="http://www.designingtest.org/iGem/timeline.css" rel="stylesheet">
| + | |
- | <link href="http://www.designingtest.org/iGem/bjqs.css"rel="Stylesheet"/>
| + | |
- |
| + | |
- | <!--[if lt IE 9]>
| + | |
- | <script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
| + | |
- | <![endif]-->
| + | |
- | | + | |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
| + | |
- | <script src="http://www.designingtest.org/iGem/raphael-min.js"></script>
| + | |
- | <script src="http://www.designingtest.org/iGem/livicons-1.2.min.js"></script>
| + | |
- | <script src="http://www.designingtest.org/iGem/bjqs.min.js"></script>
| + | |
- |
| + | |
- | <!--[if lt IE 8]>
| + | |
- | <script src="http://www.designingtest.org/iGem/json2.min.js"></script>
| + | |
- | <![endif]-->
| + | |
- |
| + | |
- | <script>
| + | |
- | var ww = document.body.clientWidth;
| + | |
- |
| + | |
- | $(document).ready(function() {
| + | |
- | $('#banner-fade').bjqs({
| + | |
- | 'height' : 200,
| + | |
- | 'width' : 340,
| + | |
- | 'responsive' : true,
| + | |
- | 'showcontrols' : false,
| + | |
- | 'showmarkers' : false,
| + | |
- | 'usecaptions' : false,
| + | |
- | 'animspeed' : 6000
| + | |
- | });
| + | |
- |
| + | |
- | $(".nav li a").each(function() {
| + | |
- | if ($(this).next().length > 0) {
| + | |
- | $(this).addClass("parent");
| + | |
- | };
| + | |
- | })
| + | |
- |
| + | |
- | $(".toggleMenu").click(function(e) {
| + | |
- | e.preventDefault();
| + | |
- | $(this).toggleClass("active");
| + | |
- | $(".nav").toggle();
| + | |
- | });
| + | |
- | adjustMenu();
| + | |
- | })
| + | |
- |
| + | |
- | $(window).bind('resize orientationchange', function() {
| + | |
- | ww = document.body.clientWidth;
| + | |
- | adjustMenu();
| + | |
- | });
| + | |
- |
| + | |
- | var adjustMenu = function() {
| + | |
- | if (ww < 768) {
| + | |
- | $(".toggleMenu").css("display", "inline-block");
| + | |
- | if (!$(".toggleMenu").hasClass("active")) {
| + | |
- | $(".nav").hide();
| + | |
- | } else {
| + | |
- | $(".nav").show();
| + | |
- | }
| + | |
- | $(".nav li").unbind('mouseenter mouseleave');
| + | |
- | $(".nav li a.parent").unbind('click').bind('click', function(e) {
| + | |
- | // must be attached to anchor element to prevent bubbling
| + | |
- | e.preventDefault();
| + | |
- | $(this).parent("li").toggleClass("hover");
| + | |
- | });
| + | |
- | }
| + | |
- | else if (ww >= 768) {
| + | |
- | $(".toggleMenu").css("display", "none");
| + | |
- | $(".nav").show();
| + | |
- | $(".nav li").removeClass("hover");
| + | |
- | $(".nav li a").unbind('click');
| + | |
- | $(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
| + | |
- | // must be attached to li so that mouseleave is not triggered when hover over submenu
| + | |
- | $(this).toggleClass('hover');
| + | |
- | });
| + | |
- | }
| + | |
- | }
| + | |
- | </script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | WebFontConfig = {
| + | |
- | google: { families: [ 'PT+Sans::latin' ] }
| + | |
- | };
| + | |
- | (function() {
| + | |
- | var wf = document.createElement('script');
| + | |
- | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
| + | |
- | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
| + | |
- | wf.type = 'text/javascript';
| + | |
- | wf.async = 'true';
| + | |
- | var s = document.getElementsByTagName('script')[0];
| + | |
- | s.parentNode.insertBefore(wf, s);
| + | |
- | })();
| + | |
- | </script>
| + | |
- | | + | |
- | <style>
| + | |
| #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{ | | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{ |
| display:none; | | display:none; |
Line 293: |
Line 193: |
| } | | } |
| </style> | | </style> |
- | </head> | + | </html> |
- | <body>
| + | |