Team:Calgary/Sandbox3

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style> #mainpage{ width: 975px; height: 1000px; background-color: #DDDDDD; border: 1px solid black; float: left; position: relative; left: -6px; } </st...)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
<head>
<head>
 +
<script type="text/javascript">
 +
 +
// Copyright 2006-2007 javascript-array.com
 +
 +
var timeout = 500;
 +
var closetimer = 0;
 +
var ddmenuitem = 0;
 +
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
 +
</script>
<style>
<style>
-
#mainpage{
+
body{
-
width: 975px;
+
background-color: #EDEDED;
-
height: 1000px;
+
}
-
background-color: #DDDDDD;
+
-
border: 1px solid black;
+
-
float: left;
+
-
position: relative;
+
-
left: -6px;
+
-
}
+
-
</style>
+
p {
 +
font-family: Verdana, sans-serif;
 +
}
 +
a {
 +
font-family: Verdana, sans-serif;
 +
}
 +
 +
 +
img.bannerImage{
 +
margin-top: -56px;
 +
margin-left: -5px;
 +
z-index: 0;
 +
}
 +
 +
 +
div.menuBar{
 +
margin-left: -5px;
 +
width: 920px;
 +
height: 25px;
 +
margin-bottom: 20px;
 +
margin-top: -45px;
 +
float: left;
 +
}
 +
 +
 +
#nav {
 +
margin: 0;
 +
padding: 0;
 +
z-index: 30;
 +
position: relative;
 +
}
 +
 +
#nav li {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 12px verdana;
 +
}
 +
 +
#nav li a {
 +
display: block;
 +
margin: 0 0 0 0;
 +
padding: 6px 10px;
 +
width: 82px;
 +
background: #8bff35;
 +
color: #000;
 +
text-align: center;
 +
text-decoration: none;
 +
 +
border-right: 2px solid #131313;
 +
}
 +
 +
#nav li .menuend{
 +
border-right: 2px solid #8bff35;
 +
width: 66px;
 +
}
 +
 +
 +
#nav li a:hover {
 +
color: #FFF;
 +
}
 +
 +
#nav div {
 +
position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #131313;
 +
}
 +
 +
#nav div a {
 +
position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: 150px;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
 +
left: -2px;
 +
background: #8bff35;
 +
color: #000;
 +
font: 12px Verdana;
 +
border-left: 2px solid #131313;
 +
border-right: 3px solid #8bff35;
 +
}
 +
 +
#nav div a:hover {
 +
background: #8bff35;
 +
color: #FFF;
 +
border-left: 2px solid #131313;
 +
border-right: 3px solid #8bff35;
 +
}
 +
 +
</style>
</head>
</head>
Line 22: Line 159:
<body>
<body>
-
<p id="mainpage">Main Page Background
 
-
<p id="tabbox">Tabbed Box</p>
 
-
<p id="header">Header</p>
 
-
<p id="sidebar">Sidebar</p>
 
-
</p>
 
-
</body>
+
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Header4.png" class="bannerImage" title="University of Calgary iGEM Team 2010"></img>
 +
<div class="menuBar">
 +
<ul id="nav">
 +
 +
<li>
 +
<a href="https://2010.igem.org/Team:Calgary"
 +
onmouseover="mopen('m1')"
 +
onmouseout="mclosetime()">
 +
Home</a>
 +
</li>
 +
 +
<li>
 +
<a href="https://2010.igem.org/Team:Calgary/Team"
 +
onmouseover="mopen('m2')"
 +
onmouseout="mclosetime()">
 +
Team</a>
 +
<div id="m2"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://igem.org/Team.cgi?year=2010&team_name=Calgary">Official Team Profile</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Team/Biographies">Biographies</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Team/About_The_University">About the University</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Team/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a href="https://2010.igem.org/Team:Calgary/Project"
 +
onmouseover="mopen('m3')"
 +
onmouseout="mclosetime()">
 +
Project</a>
 +
<div id="m3"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://2010.igem.org/Team:Calgary/Project">Overview</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Project/Transcription">Transcription/Translation</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Project/CpxP">Cpx Circuit</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Project/IbpAB">IbpAB Circuit</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Project/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
 +
 +
<li><a href="https://2010.igem.org/Team:Calgary/Parts"
 +
onmouseover="mopen('m4')"
 +
onmouseout="mclosetime()">
 +
Parts</a>
 +
<div id="m4"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://2010.igem.org/Team:Calgary/Parts/Parts_Submitted">Parts Submitted</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Parts/Favourites">Team Favourites</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Parts/Characterization">Characterization</a>
 +
</div>
 +
</li>
 +
 +
 +
<li><a href="https://2010.igem.org/Team:Calgary/Notebook"
 +
onmouseover="mopen('m5')"
 +
onmouseout="mclosetime()">
 +
Notebook</a>
 +
<div id="m5"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://2010.igem.org/Team:Calgary/Notebook/Calendar">Calendar</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Notebook/Future_Directions">Future Directions</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Notebook/Safety_And_Protocols">Safety and Protocols</a>
 +
</div>
 +
</li>
 +
 +
 +
<li><a href="https://2010.igem.org/Team:Calgary/Modelling"
 +
onmouseover="mopen('m6')"
 +
onmouseout="mclosetime()">
 +
Modelling</a>
 +
<div id="m6"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://2010.igem.org/Team:Calgary/Modelling/MATLAB">MATLAB</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Modelling/Maya">Animation</a>
 +
</div>
 +
</li>
 +
 +
 +
<li><a href="https://2010.igem.org/Team:Calgary/Community"
 +
onmouseover="mopen('m7')"
 +
onmouseout="mclosetime()">
 +
Community</a>
 +
<div id="m7"
 +
onmouseover="mcancelclosetime()"
 +
onmouseout="mclosetime()">
 +
<a href="https://2010.igem.org/Team:Calgary/Community/Ethics">Ethics/Human Practices</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Community/Gallery">Gallery</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Community/Conferences">Conferences</a>
 +
<a href="https://2010.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a>
 +
<a href="http://igemcalgary2010.blogspot.com" target="_blank">Visit Our Blog!</a>
 +
</div>
 +
</li>
 +
 +
<li><a href="https://2010.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
 +
 +
<li><a class="menuend" href="https://2010.igem.org/Team:Calgary/Extras">Extras</a></li>
 +
 +
</ul>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
</body>
</html>
</html>

Latest revision as of 23:22, 24 October 2010