Difference between revisions of "Team:NAIT Edmonton/Notebook"
Line 1: | Line 1: | ||
− | {{NAIT_Edmonton/ | + | {{NAIT_Edmonton/CSS2}} |
− | + | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
− | <title>Team NAIT | + | |
− | + | ||
+ | <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&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> | ||
− | + | <style type="text/css"> | |
− | + | .footer{position:absolute;bottom:-20px; right:-8px;} | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | <div id="header"> | |
− | + | <div class="header"> | |
− | + | ||
− | + | <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" ></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 40: | Line 56: | ||
</li> | </li> | ||
</ul> | </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 61: | Line 74: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | <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">Notebook</div></center> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 83: | Line 94: | ||
.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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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> | </style> | ||
Line 119: | Line 151: | ||
+ | <br><br><br><br> | ||
</center> | </center> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | |||
<div class="clear"></div> | <div class="clear"></div> | ||
Line 128: | Line 162: | ||
</div> | </div> | ||
− | |||
<div class="footer"> | <div class="footer"> | ||
Line 151: | Line 184: | ||
</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:57, 13 June 2015