Difference between revisions of "Template:Paris Bettencourt/header"

Line 1: Line 1:
−
<html>
+
<html><!-- Declare that you are going to use html code instead of wiki code -->
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
<link rel="stylesheet" href="./css/base.css" type="text/css">
−
        <script src='https://static.igem.org/mediawiki/2015/f/fd/ParisBettencourtAngularplasmid.txt'>
+
<link rel="stylesheet" href="./css/menu.css" type="text/css">
−
        </script>
+
<link rel="stylesheet" href="./css/home.css" type="text/css">
−
       
+
<link rel="stylesheet" href="./css/pages.css" type="text/css">
−
        <!-- Home-made style! -->
+
<link rel="stylesheet" href="./css/footer.css" type="text/css">
−
</html>
+
<!--{{Paris_Bettencourt/cssBase}}
−
{{Paris_Bettencourt/cssBase}}
+
{{Paris_Bettencourt/cssMenu}}
−
{{Paris_Bettencourt/cssMenu}}
+
{{Paris_Bettencourt/cssHome}}
−
{{Paris_Bettencourt/cssHome}}
+
{{Paris_Bettencourt/cssFooter}}-->
−
{{Paris_Bettencourt/cssFooter}}
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
<html>
+
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/libertinage" rel="stylesheet" type="text/css"/>  
−
<!-- End of style -->
+
<!--  
−
+
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/alex-brush" rel="stylesheet" type="text/css"/>
−
<!-- Start of jQuery / JS -->
+
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/bilbo" rel="stylesheet" type="text/css"/>
−
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/genome" rel="stylesheet" type="text/css"/>-->
 +
 
 +
 
 +
<!-- Start of CSS-->
 +
<style type="text/css">
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
  <!-- Start of jQuery / JS -->
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
 
<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
−
    <script>
+
  <script>
−
        /* Load jQuery*/
+
$(document).ready(function() {
−
        /* Dynamic top menu positioning */
+
$("#menuContainer > ul > li > a").click(function (e) { // binding onclick
−
</script>-->
+
if ($(this).next("ul").hasClass("menuVisible")) {
 +
$("ul").removeClass("menuVisible");
 +
$(this).next("ul").removeClass("menuVisible");
 +
$(this).removeClass("menuVisible");
 +
} else {
 +
$("ul").removeClass("menuVisible");
 +
$("a").removeClass("menuVisible");
 +
$(this).next("ul").addClass("menuVisible");
 +
$(this).addClass("menuVisible");
 +
};
 +
});
 +
 
 +
$("body").click(function(event) {
 +
if(!$(event.target).closest("#menuContainer").length) {
 +
$("*").removeClass("menuVisible");
 +
};
 +
});
 +
});
 +
 +
 
 +
</script>
 
<!-- End of jQuery / JS -->
 
<!-- End of jQuery / JS -->
−
Header
+
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id="mainContainer">
 
</html>
 
</html>

Revision as of 13:31, 10 August 2015