Team:Calgary/Sandbox

From 2011.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{CalgaryMenu}}
-
<head>
+
-
<script type="text/javascript">
+
-
var timeout = 500;
+
{{CalgarySideBar | Content}}
-
var closetimer = 0;
+
-
var ddmenuitem = 0;
+
-
// open hidden layer
+
<html>
-
function mopen(id)
+
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/dot-luv/jquery-ui.css" />
-
{
+
<script type='text/javascript' src="https://www.google.com/jsapi?key=ABQIAAAA8_yhYYiy1NufPBHzpHSMXxSh4TTQARzfl6TKw1sBm_i84pgmmxSbJU4yq0z1N2S-klaElop0gMPEsg" ></script>
-
mcancelclosetime();
+
-
+
-
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
+
<script type='text/javascript'>
-
document.onclick = mclose;  
+
google.load("jquery", "1.6.1");
 +
google.load("jqueryui", "1.8.13");
-
</script>
+
$(function() {
 +
  $(".button").button();
 +
  $("#date").datepicker();
-
<style>
+
  // bouncy menu
-
 
+
    $(".sidebar ul li ul li, .menuBar a").mouseover(function(){ 
-
body{
+
        $(this).stop().animate({paddingLeft:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
-
background-color: #808080;
+
    });
-
}
+
    $(".sidebar ul li ul li, .menuBar a").mouseout(function(){
-
 
+
        $(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://2011.igem.org/Team:Calgary"
+
-
onmouseover="mopen('m1')"
+
-
onmouseout="mclosetime()">
+
-
Home</a>
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2011.igem.org/Team:Calgary/Team"
+
-
onmouseover="mopen('m2')"
+
-
onmouseout="mclosetime()">
+
-
Team</a>
+
-
<div id="m2"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Team">Official Team Profile</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Team/About_The_University">About the University</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Team/Acknowledgements">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2011.igem.org/Team:Calgary/Project"
+
-
onmouseover="mopen('m3')"
+
-
onmouseout="mclosetime()">
+
-
Project</a>
+
-
<div id="m3"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Project">Overview</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Project/Transcription">Transcription/Translation</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Project/misfolding_overview">Protein Misfolding</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Project/Controls">Testing Our System</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Project/Achievements">Achievements</a>
+
-
 
+
-
</div>
+
-
</li>
+
-
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Parts/Parts_Submitted"
+
-
onmouseover="mopen('m4')"
+
-
onmouseout="mclosetime()">
+
-
Parts</a>
+
-
<div id="m4"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Parts/Parts_Submitted">Parts Submitted</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Parts/Characterization">Characterization</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Notebook"
+
-
onmouseover="mopen('m5')"
+
-
onmouseout="mclosetime()">
+
-
Notebook</a>
+
-
<div id="m5"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Notebook/Calendar">Calendar</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Notebook/Future_Directions">Future Directions</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Notebook/Safety_And_Protocols">Protocols</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Notebook/Safety">Safety</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Modelling"
+
-
onmouseover="mopen('m6')"
+
-
onmouseout="mclosetime()">
+
-
Modelling</a>
+
-
<div id="m6"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Modelling/MATLAB">MATLAB</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Modelling/Maya">Animation</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Community"
+
-
onmouseover="mopen('m7')"
+
-
onmouseout="mclosetime()">
+
-
Community</a>
+
-
<div id="m7"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Ethics">Ethics/Human Practices</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Gallery">Gallery</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Conferences">Conferences</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Suffield">DRDC Suffield</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a>
+
-
<a href="https://2011.igem.org/Team:Calgary/Community/Blog">Visit Our Blog!</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
+
-
 
+
-
<li><a class="menuend" href="https://2011.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

Team

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

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