Team:KU Leuven/Template:Header

From 2013.igem.org

(Difference between revisions)
 
(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>
+

Latest revision as of 08:51, 3 September 2013