Team:Calgary/Sandbox

From 2011.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
+
{{CalgaryMenu}}
-
<span id="top"></span>
+
 
 +
{{CalgarySideBar | Content}}
 +
 
<html>
<html>
-
<style type="text/css">
+
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/dot-luv/jquery-ui.css" />
-
body {
+
<script type='text/javascript' src="https://www.google.com/jsapi?key=ABQIAAAA8_yhYYiy1NufPBHzpHSMXxSh4TTQARzfl6TKw1sBm_i84pgmmxSbJU4yq0z1N2S-klaElop0gMPEsg" ></script>
-
    background-image:url('https://static.igem.org/mediawiki/2010/c/c9/Bg.gif');
+
 
-
}
+
<script type='text/javascript'>
-
#nav {
+
google.load("jquery", "1.6.1");
-
    width: 1000px;  
+
google.load("jqueryui", "1.8.13");
-
    top: -6px;
+
 
-
    left: -21px;
+
$(function() {
-
    position: relative;  
+
  $(".button").button();
-
    color: #999;  
+
  $("#date").datepicker();
-
    font-family: helvetica;
+
 
-
    margin: 0px auto;
+
  // bouncy menu
-
     font-size: 1.2em;}
+
     $(".sidebar ul li ul li, .menuBar a").mouseover(function(){
-
#nav ul {
+
        $(this).stop().animate({paddingLeft:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
-
    list-style: none; }
+
     });
-
#nav ul li {
+
     $(".sidebar ul li ul li, .menuBar a").mouseout(function(){
-
    float: left;
+
        $(this).stop().animate({paddingLeft:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
-
    position: relative }
+
     });
-
#nav ul li a {  
+
 
-
    border: 1px solid #000099;
+
});
-
    border-top: 2px solid #000099;
+
</script>
-
    border-bottom: 2px solid #000099;
+
 
-
    padding: 8px;
+
<body>
-
    width: 102px;
+
 
-
    display: block;
+
  <div class="container">
-
    text-align: center;
+
     <div class="mainbody">
-
    color:#1c2bf2;
+
 
-
    background-color:#fafa19;
+
      <span id="background"><h1>Background</h1></span>
-
    font-size: 14 px;
+
      <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>
-
    text-decoration: none;}
+
 
-
#nav ul li a:hover {
+
      <span id="abstract"><h1> Abstract </h1></span>
-
    background: #12aeef;
+
      <p> This is the abstract of the project.</p>
-
    color: #fff; }
+
     </div>
-
#nav ul li ul {
+
 
-
    display: none;
+
   <span class="button">jq Button</span>
-
    position: absolute;
+
  <input type='text' id='date' />
-
    top: 38px;
+
-
     left: -48px;}
+
-
#nav ul li:hover ul {
+
-
    display: block;  
+
-
     position: absolute;}
+
-
#nav ul li:hover ul li a {
+
-
    background: #12aeef;
+
-
    color: #fff;
+
-
    display: block;
+
-
    border-top: 1px solid #000099;
+
-
     border-bottom: 1px solid #000099;
+
-
    width: 102px;}
+
-
#nav ul li:hover ul li a:hover {
+
-
    background: #6dc7ec;
+
-
    color: #fff;}
+
-
   
+
-
#nav ul li:hover ul li ul{
+
-
    display: none;
+
-
    position: absolute;
+
-
    top: -4px;
+
-
    left: 95px;}
+
-
#nav ul li:hover ul li:hover ul{
+
-
    display: block;
+
-
     position: absolute;}
+
-
#nav ul li:hover ul li:hover ul li a {
+
-
    background: #12aeef;
+
-
    color: #fff;
+
-
    display: block;
+
-
    border-bottom: 1px solid #000099;
+
-
    width: 100px;}
+
-
#nav ul li:hover ul li:hover ul li a:hover {
+
-
     background: #6dc7ec;
+
-
    color: #fff;}
+
-
    
+
 +
  </div>
-
</style>
+
</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"