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

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS3}}
 
<html>
 
<html>
  
Line 10: Line 10:
 
<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://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>
 
<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">
 
<script type="text/javascript" charset="utf-8">
Line 16: Line 48:
 
   $(window).load(function() {
 
   $(window).load(function() {
 
     $('.flexslider').flexslider({
 
     $('.flexslider').flexslider({
−
           animation: "slide"
+
           animation: "fade"
 
     });
 
     });
 
   });
 
   });
Line 25: Line 57:
 
<body>
 
<body>
  
−
<style type="text/css">
+
<div class="header">
−
.footer{position:absolute;bottom:0px;}
+
<center><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2015/c/c2/NAIT_Sample_Logo.png" height="75px"></center>
−
</style>
+
</div>
−
 
+
−
<style type="text/css">
+
−
 
+
−
.header_mobile {
+
−
    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}
+
−
.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){
+
<div class="nav">
  
−
.header_left{display:none;}
+
<div class="navigation">
−
.header_right{display:none;}
+
<ul>
−
.header_mobile{display:block;}
+
−
 
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<div id="header">
+
−
<div class="header">
+
−
 
+
−
    <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 83: 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 91: 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 103: 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 110: Line 99:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
−
        </ul>
+
 
−
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
</style>
 
    
 
    
 
<div id="wrap">
 
<div id="wrap">
Line 174: Line 170:
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship" class="more">read more</a>
 
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship" class="more">read more</a>
 
         </div>
 
         </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 class="clear"></div>  
+
<div class="clear"></div>  
 
    
 
    
 
    
 
    
 
</div>
 
</div>
  
−
        <div class="footer">
+
 
 +
 
 +
</div>
 +
 
 +
  <div class="clear"></div>
 +
 
 +
 
 +
 
 +
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 216: Line 208:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
</div>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
#footer {z-index:15;}
 
#footer {z-index:15;}
−
.footer {padding:20px 0 60px 0; margin:0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C;margin-bottom:0;height:2px;}
+
.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 239: Line 230:
 
</style>
 
</style>
  
−
</body>
 
  
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 17:21, 10 August 2015

Team NAIT 2015

Human Practices

Community Outreach

read more

Policy and Practices

read more

Collaborations

read more

Entrepreneurship

read more