Template:UFMG Brazil/gheader

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 11: Line 11:
     <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/font-awesome.css" >     
     <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/font-awesome.css" >     
     <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/owl.carousel.css" >  
     <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/80760623/igem2014/css/owl.carousel.css" >  
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" >
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bevan" >
     <!--[if lt IE 9]>
     <!--[if lt IE 9]>
         <div style=' clear: both; text-align:center; position: relative;'>
         <div style=' clear: both; text-align:center; position: relative;'>
Line 20: Line 22:
         <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
         <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
     <![endif]-->
     <![endif]-->
-
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/script.js"></script>
+
      
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery.js"></script>
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery.js"></script>
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery-migrate-1.2.1.js"></script>
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/jquery-migrate-1.2.1.js"></script>
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/owl.carousel.js"></script>
     <script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/owl.carousel.js"></script>
 +
<script src="https://dl.dropboxusercontent.com/u/80760623/igem2014/js/script.js"></script>
 +
<script>
 +
$( document ).ready(function() {
 +
    $('#igemmenulogo').click(function(){
 +
        toggleMenu();
 +
    });
 +
});
 +
function toggleMenu(){
 +
        if($('#top-section').css("height") == "25px"){
 +
            $('#top-section').css("height", "10px");
 +
            $('.left-menu').hide();
 +
            $('.right-menu').hide();
 +
        }
 +
        else{
 +
            $('#top-section').css("height", "25px");
 +
            $('.left-menu').show();
 +
            $('.right-menu').show();
 +
        }
 +
}
 +
toggleMenu();
 +
</script>
</head>
</head>
Line 39: Line 62:
                       <div class="grid_12">
                       <div class="grid_12">
                             <ul class="sf-menu">
                             <ul class="sf-menu">
-
                                <li class="current"><a href="#">Home</a></li>
+
                              <li class="current"><a href="https://2014.igem.org/Team:UFMG_Brazil">Home</a></li>
-
                                 <li><a href="#">Team</a></li>
+
                                 <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Team">Team</a></li>
-
                                 <li><a href="#">Safety</a></li>
+
                                 <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Safety">Safety</a></li>
                                 <li><a href="#">Project</a>
                                 <li><a href="#">Project</a>
                                     <ul>
                                     <ul>
-
                                         <li><a href="#">Parts</a></li>
+
                                         <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Introduction">Introduction</a></li>
-
                                         <li><a href="#">Modelling</a></li>
+
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Parts">Parts</a></li>
-
                                         <li><a href="#">Human Practices</a></li>
+
                                         <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Protocols">Protocols</a></li>
-
                                         <li><a href="#">Notebook</a></li>
+
                                        <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Modelling">Modelling</a></li>
 +
                                         <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Human_Practices">Human Practices</a></li>
 +
                                         <li><a href="https://2014.igem.org/Team:UFMG_Brazil/Project/Notebook">Notebook</a></li>
                                     </ul>
                                     </ul>
                                 </li>
                                 </li>
                                 <li><a href="#">Sponsors</a></li>
                                 <li><a href="#">Sponsors</a></li>
-
                                 <li><div style="padding-top:5px;"><img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/Igemlogo_300px.png" alt=""></div></li>
+
                                 <li><div style="padding-top:5px;"><img id="igemmenulogo" src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/Igemlogo_300px.png" alt=""></div></li>
                             </ul>
                             </ul>
                         </div>
                         </div>
Line 70: Line 95:
                       <div class="" style="padding-bottom:10px;"><img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/yeastlogo.png" alt=""></div>
                       <div class="" style="padding-bottom:10px;"><img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/yeastlogo.png" alt=""></div>
                       <div class="title1">Come closer and discover</div>
                       <div class="title1">Come closer and discover</div>
-
                       <div class="title2">The Colon Yeast</div>
+
                       <div class="title2" style="color: #eae6e3;">The Colon Yeast</div>
                       <div>
                       <div>
-
                           <p style="padding-top: 28px;">The hemiCherry in the (fecal) Cake</p>
+
                           <p style="padding-top: 28px;">The hemiCherry in the (faecal) Cake</p>
                           <img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/cherry1.png" alt="">
                           <img src="https://dl.dropboxusercontent.com/u/80760623/igem2014/images/cherry1.png" alt="">
                         </div>
                         </div>

Latest revision as of 13:14, 16 October 2014

Home