Team:Calgary/Sandbox

From 2011.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{CalgaryMenu}}
-
<head>
+
-
<script type="text/javascript">
+
-
// Copyright 2006-2007 javascript-array.com
+
{{CalgarySideBar | Content}}
-
var timeout = 500;
+
<html>
-
var closetimer = 0;
+
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/dot-luv/jquery-ui.css" />
-
var ddmenuitem = 0;
+
<script type='text/javascript' src="https://www.google.com/jsapi?key=ABQIAAAA8_yhYYiy1NufPBHzpHSMXxSh4TTQARzfl6TKw1sBm_i84pgmmxSbJU4yq0z1N2S-klaElop0gMPEsg" ></script>
-
// open hidden layer
+
<script type='text/javascript'>
-
function mopen(id)
+
google.load("jquery", "1.6.1");
-
{
+
google.load("jqueryui", "1.8.13");
-
// 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
+
$(function() {
-
document.onclick = mclose;  
+
  $(".button").button();
 +
  $("#date").datepicker();
-
</script>
+
  // bouncy menu
-
 
+
    $(".sidebar ul li ul li, .menuBar a").mouseover(function(){ 
-
<style>
+
        $(this).stop().animate({paddingLeft:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'}
-
 
+
    });
-
body{
+
    $(".sidebar ul li ul li, .menuBar a").mouseout(function(){
-
background-color: #808080;
+
        $(this).stop().animate({paddingLeft:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}
-
}
+
    });
-
 
+
-
p {
+
-
font-family: Verdana, sans-serif;
+
-
}
+
-
 
+
-
a {
+
-
font-family: Verdana, sans-serif;
+
-
}
+
-
 
+
-
li{
+
-
font-family: Verdana, sans-serif;
+
-
}
+
-
 
+
-
h2{
+
-
color:#0066CC;
+
-
}
+
-
 
+
-
h4{
+
-
color:#003366;
+
-
}
+
-
 
+
-
 
+
-
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>
+
 +
});
 +
</script>
<body>
<body>
 +
  <div class="container">
 +
    <div class="mainbody">
 +
      <span id="background"><h1>Background</h1></span>
 +
      <p> This section outlines the nature of the problem we are trying to solve, why it matters, and the strategy we are using to contribute to an eventual solution.</p>
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Header4.png" class="bannerImage" title="University of Calgary iGEM Team 2010"></img>
+
      <span id="abstract"><h1> Abstract </h1></span>
-
 
+
      <p> This is the abstract of the project.</p>
-
<div class="menuBar">
+
    </div>
-
<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/misfolding_overview">Protein Misfolding</a>
+
-
<a href="https://2010.igem.org/Team:Calgary/Project/Controls">Testing Our System</a>
+
-
<a href="https://2010.igem.org/Team:Calgary/Project/Achievements">Achievements</a>
+
-
 
+
-
</div>
+
-
</li>
+
-
+
-
 
+
-
<li><a href="https://2010.igem.org/Team:Calgary/Parts/Parts_Submitted"
+
-
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/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">Protocols</a>
+
-
<a href="https://2010.igem.org/Team:Calgary/Notebook/Safety">Safety</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/Suffield">DRDC Suffield</a>
+
-
<a href="https://2010.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a>
+
-
<a href="https://2010.igem.org/Team:Calgary/Community/Blog">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>
+
 +
  <span class="button">jq Button</span>
 +
  <input type='text' id='date' />
-
+
  </div>
</body>
</body>
</html>
</html>

Latest revision as of 00:16, 13 June 2011

Background

This section outlines the nature of the problem we are trying to solve, why it matters, and the strategy we are using to contribute to an eventual solution.

Abstract

This is the abstract of the project.

jq Button