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

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS3}}
−
 
+
 
<html>
 
<html>
  
 
<head>
 
<head>
  
−
<script type="text/javascript">
 
  
−
document.createElement('header'); document.createElement('footer'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('nav');
+
<title>Team NAIT 2015</title>
−
 
+
−
</script>
+
  
 
<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://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
−
<script type="text/javascript" src="https://2015.igem.org/index.php?title=
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
−
Template:NAIT_Edmonton/js/jquery.flexslider"></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" charset="utf-8">
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&amp;ctype=text/javascript"></script>
  
−
var $ = jQuery.noConflict();
 
−
  $(window).load(function() {
 
−
    $('.flexslider').flexslider({
 
−
          animation: "slide"
 
−
    });
 
−
  });
 
−
</script>
 
  
 
</head>
 
</head>
Line 30: Line 48:
 
<body>
 
<body>
  
 +
<div class="header"> 
 +
<center><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2015/c/c2/NAIT_Sample_Logo.png" height="75px"></a></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 49: Line 64:
 
                     </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 57: Line 73:
 
                     </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 69: Line 82:
 
                     </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 76: Line 90:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
−
        </ul>
 
−
</div>
 
−
</div>
 
  
−
<div id="wrap">
+
            </ul>
  
−
<style type="text/css">
+
</div>
  
−
.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}
 
−
.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){
+
</style>
 +
 
 +
<div id="wrap">
  
−
.header_left{display:none;}
 
−
.header_right{display:none;}
 
−
.header_mobile{display:block;}
 
  
−
}
 
−
 
−
</style>
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 133: Line 118:
  
 
<img src="https://static.igem.org/mediawiki/2015/4/46/NAIT_DNA_Animated.gif">
 
<img src="https://static.igem.org/mediawiki/2015/4/46/NAIT_DNA_Animated.gif">
 +
 
 +
</div>
  
−
<style type="text/css">
+
<div class="clear"></div>  
−
.tg  {border-collapse:collapse;border-spacing:0;color:none}
+
 
−
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
+
 
−
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
+
</div>
  
  
  
−
</style>
+
</div>
−
 
+
−
<table class="tg">
+
−
  <tr>
+
−
    <th class="tg-031e"><h2>Our Team</h2></th>
+
−
    <th class="tg-031e"><h2>iGEM 2015</h2></th>
+
−
    <th class="tg-031e"><h2>Contact Us!</h2></th>
+
−
  </tr>
+
−
  <tr>
+
−
 
+
−
<style type="text/css">
+
−
 
+
−
.roundimg{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#8BC5EB;text-align:center; padding:30px 0 0 0;}
+
−
.roundimg img{ margin:auto; display:block;}
+
−
h2.centered_title{ text-align:center;}
+
−
p.centered_text{ padding:10px 20px;}
+
−
.roundimg2{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background:none;text-align:center; padding:30px 0 0 0;}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" title="Team Bios"><img src="https://static.igem.org/mediawiki/2015/7/73/NAIT_Icon_clients.png" alt="" title="" /></a></div></td>
+
−
    <td class="tg-031e"> <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="iGEM Official Site 2015" /></a></div></td>
+
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="Contact Us" /></a></div></td>
+
−
  </tr>
+
−
  <tr>
+
−
    <td class="tg-031e"><p class="centered_text">
+
−
"Alone we can do so little, <strong>together we can do so much</strong>" - Helen Keller
+
−
        </p>
+
−
        </td>
+
−
    <td class="tg-031e"><p class="centered_text">
+
−
Learn about the exciting opportunities the iGEM foundation has to offer!
+
−
        </p>
+
−
        </td>
+
−
    <td class="tg-031e">        <p class="centered_text">
+
−
Please contact us if you want more information about our project or have any other questions or concerns.
+
−
        </p>
+
−
        </td>
+
−
  </tr>
+
−
  <tr>
+
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" class="more">read more</a></td>
+
−
    <td class="tg-031e"><a href="https://2015.igem.org" class="more">read more</a></td>
+
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a></td>
+
−
  </tr>
+
−
 
+
−
 
+
−
</table>
+
−
     
+
−
 
+
−
 
+
−
</center>
+
−
 
+
−
  </div>
+
−
  </div>
+
  
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  
 +
 
 +
 
  
−
<div class="header_mobile">
+
<div class="footer">
−
  <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 class="push"></div>
+
−
 
+
−
</div>
+
−
 
+
−
        <div class="footer">
+
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 234: Line 153:
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </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: -0px 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:1000px;}
+
.footer_content {margin:auto;width:100%;}
−
.footer_left { float:left; padding:0 0 0 5px;}
+
.footer_left { float:left; padding:0 0 0 10%;}
−
.footer_right{ float:right; padding:0 5px 0 0;}
+
.footer_right{ float:right; padding:0 10% 0 0;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons li{ float:left;}
 
ul.social_icons li{ float:left;}
Line 257: Line 174:
 
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
 
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
−
.push {height:25px;}
 
−
.footer2 {position:absolute;bottom:-10px;background-color:#0D4D8C;width:100%;height:20px;}
 
  
  
 
</style>
 
</style>
  
−
</body>
 
  
−
<div class="footer2"></div>
 
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 19:37, 11 August 2015

Team NAIT 2015

Under Construction!

Please check back as we are continually updating our Team Wiki