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

Line 1: Line 1:
{{NAIT_Edmonton/CSS}}
+
{{NAIT_Edmonton/CSS2}}
 +
 
 
<html>
 
<html>
  
 
<head>
 
<head>
  
 
<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'>
Line 27: Line 26:
  
 
<style type="text/css">
 
<style type="text/css">
.footer{position:fixed;bottom:0px}
+
.footer{position:absolute; bottom:-10px; right:-5px; }
 
</style>
 
</style>
  
  <div id="header">
 
        <div class="header_content">
 
            <div class="nlogo">
 
                  <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> 
 
        </div>
 
  
        <div class="header_left">
+
<div id="header">
        <div class="menu">
+
<div class="header">
            <ul>
+
 
 +
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
 +
              <img style="padding-left:7px;padding-top:6px" src="https://static.igem.org/mediawiki/2015/4/46/NAIT_Logo_abbie.png" height="200px" alt="xxx" /></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>
Line 60: 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 81: 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;}
 +
 +
</style>
  
 
<center><div class="top_slogan">Under Construction!</div></center>
 
<center><div class="top_slogan">Under Construction!</div></center>
Line 103: Line 98:
 
.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}
  
}
+
 
  
 
</style>
 
</style>
Line 114: Line 109:
 
   </tr>
 
   </tr>
 
   <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/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" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="iGEM Official Site 2015" /></a></div></td>
Line 152: Line 159:
 
    
 
    
 
</div>
 
</div>
 
 
  
 
         <div class="footer">
 
         <div class="footer">
Line 176: Line 181:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
</div>
  
 +
<style type="text/css">
 +
 +
#footer {z-index:15;}
 +
.footer {padding:20px 0 40px 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>
 +
 +
 
</html>
 
</html>

Revision as of 20:20, 12 June 2015