Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
<head>
-
<script type="text/javascript">
 
-
// Copyright 2006-2007 javascript-array.com
+
<title> iGEM Information Tabs </title>
-
var timeout = 500;
+
<script type="text/javascript" src="http://www.wikiwikiwebworks.ca/script1.js"></script>
-
var closetimer = 0;
+
-
var ddmenuitem = 0;
+
-
// open hidden layer
+
<style>
-
function mopen(id)
+
-
{
+
</style>
-
// cancel close timer
+
 
-
mcancelclosetime();
+
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<!-- text division -->
 +
 +
<div style="margin-left:auto; margin-right:auto; background:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Background.png'); width:556px; height:330px; padding-top:15px; ">
 +
 +
<div id="0" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:block ">
 +
 
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
 +
 +
<img id="boximage1" src="http://www.army.forces.gc.ca/cfb_suffield/Images/CFB_Suffield1.gif"></img>
-
// close old layer
+
</div>
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
 
 +
 
 +
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
 +
 +
<p style="padding-left:10px;">On July 14th, 2010, iGEM Calgary visited the Defence Research and Development Canada (DRDC) facility in Suffield, Alberta.</p>
-
// get new layer and show it
+
</div>
-
ddmenuitem = document.getElementById(id);
+
-
ddmenuitem.style.visibility = 'visible';
+
</div>
 +
 
 +
 +
 
 +
<div id="1" style="background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
}
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
// close showed layer
+
-
function mclose()
+
<img id="boximage2" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA-1.png"></img>
-
{
+
</div>
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
 
-
}
+
-
// go close timer
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
function mclosetime()
+
-
{
+
<p style="padding-left:10px;"> I'm generic information about Lethbridge! </p>
-
closetimer = window.setTimeout(mclose, timeout);
+
-
}
+
-
// cancel close timer
+
</div>
-
function mcancelclosetime()
+
-
{
+
</div>
-
if(closetimer)
+
-
{
+
-
window.clearTimeout(closetimer);
+
-
closetimer = null;
+
-
}
+
-
}
+
-
// close layer when click-out
+
-
document.onclick = mclose;
+
-
</script>
+
<div id="2" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
 +
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
<style>
+
<img id="boximage3" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/bhsgrnsmall.png"></img>
 +
 +
</div>
-
div.bannerImage{
+
-
width: 975px;
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
height: 275px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
border: 1px solid red;
+
-
}
+
-
div.menuBar{
+
<p style="padding-left:10px;"> I'm like burning man but better! </p>
-
margin-top: 160px;
+
-
margin-left: -6px;
+
</div>
-
width: 975px;
+
-
height: 20px;
+
</div>
-
border: 1px solid blue;
+
-
}
+
 +
-
#nav {
+
<div id="3" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
margin: 0;
+
-
padding: 0;
+
-
z-index: 30;
+
-
position: relative;
+
-
top: 170px;
+
-
left: 5px;
+
-
}
+
-
#nav li {
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
margin: 0;
+
-
padding: 0;
+
<img id="boximage4" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProtocolIcon.png"></img>
-
list-style: none;
+
-
float: left;
+
</div>
-
font: bold 11px arial;
+
-
}
+
-
#nav li a {
+
-
display: block;
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
margin: 0 1px 0 0;
+
-
padding: 4px 10px;
+
-
width: 85px;
+
-
background: #1A1A1A;
+
-
color: #FFF;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
}
+
-
#nav li a:hover {
+
<p style="padding-left:10px;"> I'm a fan of cupcakes! </p>
-
background: #FFFFFF;
+
-
color: #000;
+
</div>
-
}
+
 +
</div>
-
#nav div {
+
-
position: absolute;
+
-
visibility: hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #1A1A1A;
+
-
}
+
-
#nav div a {
+
-
position: relative;
+
-
display: block;
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
width: 150px;
+
-
white-space: nowrap;
+
-
text-align: left;
+
-
text-decoration: none;
+
-
background: #1A1A1A;
+
-
color: #FFFFFF;
+
-
font: 11px arial;
+
-
}
+
-
#nav div a:hover {
+
<div id="4" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
background: #FFFFF;
+
-
color: #000;
+
-
}
+
-
</style>
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
</head>
+
 
 +
<img id="boximage5" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Twitter.png"></img>
 +
 +
</div>
 +
 
 +
 +
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
 +
 
 +
<p style="padding-left:10px;"> I'm from Alberta and I'm awesome! </p>
 +
 +
</div>
 +
 +
</div>
-
<body>
 
-
<div class="bannerImage">
 
-
<img src="http://i242.photobucket.com/albums/ff10/somerndmguy/CalgarySkyline11.png" title="University of Calgary iGEM Team 2010" a href="https://2010.igem.org/Team:Calgary">
 
-
</img>
 
</div>
</div>
-
<div class="menuBar">
 
-
<ul id="nav">
 
-
<li>
 
-
<a href="https://2010.igem.org/Team:Calgary"
 
-
onmouseover="mopen('m1')"
 
-
onmouseout="mclosetime()">
 
-
Home</a>
 
-
</li>
 
-
<li>
+
<!-- menu bar -->
-
<a href="#"
+
-
onmouseover="mopen('m2')"
+
<div style="width:524px; height:35px; margin-right:auto; margin-left:auto; margin-top:-10px; padding-left:10px; ">
-
onmouseout="mclosetime()">
+
-
Team</a>
+
-
<div id="m2"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Biographies</a>
+
-
<a href="#">Facilitators</a>
+
-
<a href="#">Photographs</a>
+
-
<a href="#">About the University</a>
+
-
<a href="#">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#"
+
<div onmouseover="imgHover(1);" onmouseout="imgOff(1);" onclick="changeTab(0);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="suffield" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png" title="suffield" /> </div>
-
onmouseover="mopen('m3')"
+
-
onmouseout="mclosetime()">
+
-
Project</a>
+
-
<div id="m3"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Transcription/Translation</a>
+
-
<a href="#">Cpx Circuit</a>
+
-
<a href="#">IbpAB Circuit</a>
+
-
<a href="#">Abstract</a>
+
-
<a href="#">Introduction</a>
+
-
<a href="#">Results</a>
+
-
<a href="#">Discussion</a>
+
-
<a href="#">References</a>
+
-
<a href="#">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
+
-
<li><a href="#"
+
-
onmouseover="mopen('m4')"
+
<div onmouseover="imgHover(2);" onmouseout="imgOff(2);" onclick="changeTab(1);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="lethbridge" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png" title="lethbridge" /> </div>
-
onmouseout="mclosetime()">
+
-
Parts</a>
+
-
<div id="m4"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Parts Submitted</a>
+
-
<a href="#">Team Favourites</a>
+
-
<a href="#">Characterization</a>
+
-
</div>
+
-
</li>
+
 +
 +
<div onmouseover="imgHover(3);" onmouseout="imgOff(3);" onclick="changeTab(2);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="proteinman" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png" title="protein man" /> </div>
-
<li><a href="#"
 
-
onmouseover="mopen('m5')"
 
-
onmouseout="mclosetime()">
 
-
Notebook</a>
 
-
<div id="m5"
 
-
onmouseover="mcancelclosetime()"
 
-
onmouseout="mclosetime()">
 
-
<a href="#">Calendar</a>
 
-
<a href="#">Brainstorming</a>
 
-
<a href="#">Safety and Protocols</a>
 
-
</div>
 
-
</li>
 
 +
<div onmouseover="imgHover(4);" onmouseout="imgOff(4);" onclick="changeTab(3);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="community" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png" title="bake sale" /> </div>
-
<li><a href="#">
+
-
Modelling</a>
+
<div onmouseover="imgHover(5);" onmouseout="imgOff(5);" onclick="changeTab(4);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="agem" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png" title="aGEM" /> </div>
-
</li>
+
 +
</div>
-
<li><a href="#"
 
-
onmouseover="mopen('m7')"
 
-
onmouseout="mclosetime()">
 
-
Community</a>
 
-
<div id="m7"
 
-
onmouseover="mcancelclosetime()"
 
-
onmouseout="mclosetime()">
 
-
<a href="#">Ethics</a>
 
-
<a href="#">Gallery</a>
 
-
<a href="#">DRDC Suffield Trip</a>
 
-
<a href="#">Conferences</a>
 
-
<a href="#">Blog</a>
 
-
</div>
 
-
</li>
 
-
<li><a href="#">Sponsors</a></li>
 
-
<li><a href="#">Contact Us</a></li>
 
-
</ul>
 
-
</div>
 
-
 
</body>
</body>
 +
</html>
</html>

Latest revision as of 06:48, 25 October 2010

iGEM Information Tabs

On July 14th, 2010, iGEM Calgary visited the Defence Research and Development Canada (DRDC) facility in Suffield, Alberta.

I'm generic information about Lethbridge!

I'm like burning man but better!

I'm a fan of cupcakes!

I'm from Alberta and I'm awesome!

Retrieved from "http://2010.igem.org/Team:Calgary/Sandbox"