Team:Calgary/Sandbox

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__
+
{{CalgaryProjectBar|Content}}
-
<span id="top"></span>
+
 
<html>
<html>
-
<style type="text/css">
+
<head>
-
body {
+
 
-
     background-image:url('https://static.igem.org/mediawiki/2010/c/c9/Bg.gif');
+
  <style>
-
}
+
 
-
#nav {
+
     div.container{
-
    width: 1000px;
+
      background-image:url("http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/PageContainer-1.png");
-
    top: -6px;
+
      background-repeat: repeat-y;
-
    left: -21px;
+
      width: 975px;
-
    position: relative;  
+
      height: 550px;
-
    color: #999;  
+
      margin-left: -5px;
-
    font-family: helvetica;  
+
      margin-bottom: 20px;
-
    margin: 0px auto;  
+
     }
-
     font-size: 1.2em;}
+
 
-
#nav ul {
+
      div.sidebar{
-
    list-style: none; }
+
        width: 235px;
-
#nav ul li {
+
        float: left;
-
    float: left;  
+
        margin-left: 14px;
-
    position: relative }
+
        margin-right: 10px;
-
#nav ul li a {
+
        padding-left: 0px;
-
    border: 1px solid #000099;
+
        margin-top: 10px;
-
    border-top: 2px solid #000099;
+
 
-
    border-bottom: 2px solid #000099;
+
      }
-
    padding: 8px;  
+
 
-
    width: 102px;
+
        div.sidebar h1{
-
    display: block;
+
          color:#7b54cc;
-
    text-align: center;
+
        }
-
    color:#1c2bf2;
+
 
-
    background-color:#fafa19;
+
        div.sidebar li, div.sidebar a{
-
    font-size: 14 px;
+
          color:#7b54cc;
-
    text-decoration: none;}
+
        }
-
#nav ul li a:hover {
+
 
-
    background: #12aeef;
+
        div.sidebar li ul li a{
-
    color: #fff; }
+
          color:#000000;
-
#nav ul li ul {
+
        }
-
    display: none;
+
 
-
    position: absolute;
+
      div.mainbody{
-
    top: 38px;
+
        width: 670px;
-
    left: -48px;}
+
        float: left;
-
#nav ul li:hover ul {
+
        margin-left: 20px;
-
    display: block;
+
        margin-right: 20px;
-
    position: absolute;}
+
        margin-top: 10px;
-
#nav ul li:hover ul li a {
+
      }
-
    background: #12aeef;
+
 
-
    color: #fff;
+
        #bodytitle h1{
-
    display: block;  
+
          color:#54bcf8;
-
    border-top: 1px solid #000099;
+
        }
-
    border-bottom: 1px solid #000099;
+
 
-
    width: 102px;}
+
        div.mainbody img{
-
#nav ul li:hover ul li a:hover {  
+
          width:600px;
-
    background: #6dc7ec;
+
        }
-
    color: #fff;}
+
 
-
   
+
 
-
#nav ul li:hover ul li ul{
+
  </style>
-
    display: none;
+
 
-
    position: absolute;
+
</head>
-
    top: -4px;
+
 
-
    left: 95px;}
+
<body>
-
#nav ul li:hover ul li:hover ul{
+
 
-
    display: block;
+
  <div class="container">
-
    position: absolute;}
+
     <div class="mainbody">
-
#nav ul li:hover ul li:hover ul li a {
+
 
-
    background: #12aeef;
+
      <span id="background"><h1>Background</h1></span>
-
    color: #fff;
+
      <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>
-
    display: block;
+
 
-
     border-bottom: 1px solid #000099;
+
      <span id="abstract"><h1> Abstract </h1></span>
-
    width: 100px;}
+
      <p> This is the abstract of the project.</p>
-
#nav ul li:hover ul li:hover ul li a:hover {
+
    </div>
-
    background: #6dc7ec;
+
-
    color: #fff;}
+
-
 
+
 +
  </div>
-
</style>
+
</body>
</html>
</html>

Revision as of 21:30, 8 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.