Team:Calgary/Sandbox

From 2011.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
-
{{CalgaryProjectBar|Content}}
+
{{CalgaryMenu}}
 +
 
 +
{{CalgarySideBar | Content}}
<html>
<html>
-
<head>
+
<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>
-
  <style>
+
<script type='text/javascript'>
 +
google.load("jquery", "1.6.1");
 +
google.load("jqueryui", "1.8.13");
-
    div.container{
+
$(function() {
-
      background-image:url("http://i1112.photobucket.com/albums/k499/sjdixon1/iGEM2011/radialgradient.jpg");
+
  $(".button").button();
-
      background-repeat: repeat-y;
+
  $("#date").datepicker();
-
      width: 975px;
+
-
      height: 800px;
+
-
      margin-left: -5px;
+
-
      margin-bottom: 20px;
+
-
    }
+
-
      div.sidebar{
+
  // bouncy menu
-
         width: 200px;
+
    $(".sidebar ul li ul li, .menuBar a").mouseover(function(){
-
        float: left;
+
         $(this).stop().animate({paddingLeft:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
-
        margin-left: 14px;
+
    });
-
         padding-left: 0px;
+
    $(".sidebar ul li ul li, .menuBar a").mouseout(function(){ 
-
        margin-top: 10px;
+
         $(this).stop().animate({paddingLeft:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
 +
    });
-
      }
+
});
-
 
+
</script>
-
        div.sidebar h1{
+
-
          color:#7b54cc;
+
-
        }
+
-
 
+
-
        div.sidebar li, div.sidebar a{
+
-
          color:#7b54cc;
+
-
        }
+
-
 
+
-
        div.sidebar li ul li a{
+
-
          color:#000000;
+
-
        }
+
-
 
+
-
      div.mainbody{
+
-
        width: 600px;
+
-
        float: left;
+
-
        margin-left: 50px;
+
-
        margin-right: 20px;
+
-
        margin-top: 10px;
+
-
      }
+
-
 
+
-
        #bodytitle h1{
+
-
          color:#54bcf8;
+
-
        }
+
-
 
+
-
        div.mainbody img{
+
-
          width:550px;
+
-
        }
+
-
 
+
-
 
+
-
  </style>
+
-
 
+
-
</head>
+
<body>
<body>
Line 68: Line 37:
       <p> This is the abstract of the project.</p>
       <p> This is the abstract of the project.</p>
     </div>
     </div>
 +
 +
  <span class="button">jq Button</span>
 +
  <input type='text' id='date' />
   </div>
   </div>

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"