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

Line 1: Line 1:
{{NAIT_Edmonton/CSS}}
+
{{NAIT_Edmonton/CSS2}}
 
+
 
<html>
 
<html>
 +
 
<head>
 
<head>
<title>Team NAIT - Notebook</title>
+
 
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
+
 
 +
<title>Team NAIT 2015</title>
 +
 
 
<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>
 +
 +
<script type="text/javascript" charset="utf-8">
 +
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "slide"
 +
    });
 +
  });
 +
</script>
  
 
</head>
 
</head>
 +
 
<body>
 
<body>
  
  <div id="header">
+
<style type="text/css">
        <div class="header_content">
+
.footer{position:absolute;bottom:-20px; right:-8px;}
            <div class="nlogo">
+
</style>
                  <a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
 
                      <img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="141" height="140">
+
 
                  </a>
+
<div id="header">
            </div> 
+
<div class="header">
        </div>
+
  
        <div class="header_left">
+
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
        <div class="menu">
+
              <img style="padding-left:7px;padding-top:6px" src="https://static.igem.org/mediawiki/2015/4/46/NAIT_Logo_abbie.png" height="200px" ></a>
            <ul>
+
    </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>
Line 40: Line 56:
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
        </div>
+
    </div>
        </div>
+
    <div class="header_right">
 
+
        <ul>
        <div class="header_right">
+
        <div class="menu">
+
            <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 61: Line 74:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
            </ul>
+
        </ul>
        </div>
+
</div>
        </div>
+
</div>
 
+
  </div>
+
 
    
 
    
  <div id="wrap">
+
<div id="wrap">
  
 +
<style type="text/css">
  
 +
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
  
  <div class="top_slogan">
+
</style>
Our Project
+
  </div>
+
  
<div class="main_content">
+
<center><div class="top_slogan">Team</div></center>
 +
 
 +
 
 +
<style type="text/css">
 +
.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}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
<center>
 +
 
 +
<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>
  
 
   <center>
 
   <center>
Line 83: Line 116:
 
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
 
.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}
 
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
.footer{bottom:0px;position:fixed}
+
 
 
</style>
 
</style>
  
Line 148: Line 181:
  
 
</center>
 
</center>
 +
 +
  </div>
 
   </div>
 
   </div>
 
  
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  
Line 155: Line 189:
 
    
 
    
 
</div>
 
</div>
 
  
 
         <div class="footer">
 
         <div class="footer">
Line 178: Line 211:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
</div>
  
 +
<style type="text/css">
 +
 +
#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_content {margin:auto;width:1000px;}
 +
.footer_left { float:left; padding:0 0 0 0px;}
 +
.footer_right{ float:right; padding:0 0px 0 0;}
 +
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 +
ul.social_icons li{ float:left;}
 +
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 +
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 +
ul.social_icons li a:hover{ background-color:#5AB3E3;}
 +
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
 +
 +
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
 +
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;}
 +
 +
 +
</style>
  
 
</body>
 
</body>

Revision as of 03:50, 13 June 2015

Team NAIT 2015