Difference between revisions of "Team:NAIT Edmonton/Bios"

Line 1: Line 1:
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS3}}
 
<html>
 
<html>
  
Line 8: Line 8:
  
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
// grab the initial top offset of the navigation
 +
  var stickyNavTop = $('.nav').offset().top;
 +
 
 +
  // our function that decides weather the navigation bar should have "fixed" css position or not.
 +
  var stickyNav = function(){
 +
    var scrollTop = $(window).scrollTop(); // our current vertical position from the top
 +
       
 +
    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
 +
    // otherwise change it back to relative
 +
    if (scrollTop > stickyNavTop) {
 +
        $('.nav').addClass('sticky');
 +
    } else {
 +
        $('.nav').removeClass('sticky');
 +
    }
 +
};
 +
 +
stickyNav();
 +
// and run it again every time you scroll
 +
$(window).scroll(function() {
 +
stickyNav();
 +
});
 +
});
 +
</script>
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" charset="utf-8">
 +
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "fade"
 +
    });
 +
  });
 +
</script>
  
 
</head>
 
</head>
Line 13: Line 57:
 
<body>
 
<body>
  
 +
<div class="header"> 
 +
<center><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2015/c/c2/NAIT_Sample_Logo.png" height="75px"></center>
 +
</div>
  
  
 +
<div class="nav">
  
<div id="header">
+
<div class="navigation">
<div class="header">
+
<ul>
 
+
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
              <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
+
    </div>
+
    <div class="header_left">
+
        <ul>
+
               
+
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                     <ul>
 
                     <ul>
Line 32: Line 73:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                     <ul>
 
                     <ul>
Line 40: Line 82:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
            </ul>
+
 
    </div>
+
    <div class="header_right">
+
        <ul>
+
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <ul>
 
                 <ul>
Line 52: Line 91:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <ul>
 
                 <ul>
Line 59: Line 99:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
        </ul>
 
</div>
 
</div>
 
 
 
<div id="wrap">
 
  
<style type="text/css">
+
            </ul>
  
.header_mobile {
+
</div>
    display:none;
+
    position: absolute;
+
    background-color:transparent;
+
    width:65px;
+
    top: 90px;
+
    left:50px;
+
    height:65px;
+
    z-index:999;
+
    position:fixed;}
+
  
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
</div>
.header_mobile ul * {margin:0; padding:0;}
+
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
.header_mobile li.current-menu-item {background:#5AB3E3}
+
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
.header_mobile ul ul li:hover{background:#159CD8}
+
.header_mobile ul ul li{float:none; width:120px}
+
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
+
.header_mobile ul ul ul {top:0; left:200%}
+
.header_mobile ul li.selected a{color:#8BC5EB}
+
.header_mobile ul li:hover > ul{display:block;}
+
  
  
@media screen and (max-width:1000px){
 
 
.header_left{display:none;}
 
.header_right{display:none;}
 
.header_mobile{display:block;}
 
 
}
 
  
 
</style>
 
</style>
 +
 
 +
<div id="wrap">
  
 
<style type="text/css">
 
<style type="text/css">
Line 319: Line 328:
  
 
</center>
 
</center>
 
+
 
 
</div>
 
</div>
  
  <div class="clear"></div>  
+
<div class="clear"></div>  
 
    
 
    
 
    
 
    
<div class="header_mobile">
 
  <ul>
 
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
 
          <ul>
 
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
          </ul>
 
        </li>   
 
           
 
  </ul>
 
 
</div>
 
</div>
 +
 +
  
 
</div>
 
</div>
  
        <div class="footer">
+
  <div class="clear"></div>
 +
 
 +
 
 +
 
 +
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 361: Line 364:
 
             </div>
 
             </div>
 
           <div class="clear"></div>
 
           <div class="clear"></div>
 
 
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
</div>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
#footer {z-index:15;}
 
#footer {z-index:15;}
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
+
.footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
.footer_content {margin:auto;width:100%;}
 
.footer_content {margin:auto;width:100%;}
 
.footer_left { float:left; padding:0 0 0 10%;}
 
.footer_left { float:left; padding:0 0 0 10%;}
Line 390: Line 388:
 
</style>
 
</style>
  
</body>
 
  
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 17:23, 10 August 2015

Team NAIT 2015

Meet Our Team