Team:Alberta/JTest

From 2010.igem.org

(Difference between revisions)
(Undo revision 12215 by KarinaA (Talk))
 
(47 intermediate revisions not shown)
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
/* GETS RID OF DEFAULT TITLE */
+
/* This removes the default wiki title. */
.firstHeading {display:none;}
.firstHeading {display:none;}
-
/* SETS OUTSIDE BGCOLOUR AND INSIDE BGCOLOUR */
+
/* This sets the inner and outer colours of the page. */
body  
body  
{   
{   
Line 18: Line 18:
   border: 0px;
   border: 0px;
   font-family:"Trebuchet MS", arial;
   font-family:"Trebuchet MS", arial;
 +
}
 +
 +
#container
 +
{
 +
  width: 100%;
 +
  margin: 0px;
 +
  padding: 0px;
 +
}
 +
 +
#header
 +
{
 +
  width: 100%;
 +
  margin: 0px;
 +
  padding: 0px;
}
}
Line 27: Line 41:
   padding: 0em;
   padding: 0em;
   font-size: 3.4em;
   font-size: 3.4em;
-
   color: #656565;
+
   color: #757575;
   height: 2em;
   height: 2em;
   margin-left:1.5%;
   margin-left:1.5%;
Line 59: Line 73:
#sidebar
#sidebar
{
{
-
  background: #3b3b3b;
 
   width:18em;
   width:18em;
   float: left;
   float: left;
   padding: 2em;
   padding: 2em;
   font-size: 1em;
   font-size: 1em;
-
/*  height: 12.625em; */
+
  height: 12.93em;
-
   height: 12.1em;
+
   background: #3b3b3b;
   color: #bfbfbf;
   color: #bfbfbf;
   border: 0;
   border: 0;
Line 75: Line 88:
   float: left;
   float: left;
   padding: 0em;
   padding: 0em;
-
   height: 16em;
+
   height: 16.9em;
-
/*  height: 16.625em; */
+
   background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
   background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
   background-position: 0% 0%;
   background-position: 0% 0%;
Line 82: Line 94:
}
}
-
p.logo
+
#content
{
{
-
   vertical-align: top;
+
   clear: both;
 +
  float: left;
 +
  margin: 0px;
 +
  paddin: 0px;
 +
  width: 100%;
 +
  color: #3b3b3b;
}
}
-
.llink2 A:link {text-decoration: underline; color: #929292; font-size: 1em;}
+
.llink2 A:link {text-decoration: underline; color: #757575; font-size: 1em;}
-
.llink2 A:visited {text-decoration: none; color: #c4c4c4; font-size: 1em;}
+
.llink2 A:visited {text-decoration: none; color: #656565; font-size: 1em;}
.llink2 A:hover {text-decoration: none; font-size: 1em;}
.llink2 A:hover {text-decoration: none; font-size: 1em;}
.llink2 A:active {text-decoration: none; font-size: 1em;}
.llink2 A:active {text-decoration: none; font-size: 1em;}
Line 115: Line 132:
}
}
-
#leftcolumn
+
#top
{
{
-
float: left;
+
  background: #ffffff;
-
width: 18em;
+
  width: 100%;
-
background-color: #fdffba;
+
  clear: both;
-
margin: 0;
+
  padding: 0em;
-
padding: 2em;
+
  height: 15em;
-
font-family: "Trebuchet MS", Times;
+
  font-family: "Trebuchet MS", Times;
 +
  text-align: center;
}
}
-
#rightcolumn
+
#bottom
{
{
-
float: right;
+
  width: 100%;
-
width: 22.99em;
+
  padding: 0em;
-
background-color: #c3e3bb;
+
/*  height: 12.625em; */
-
margin: 0;
+
  height: 15em;
-
padding: 2em;
+
  background: #3b3b3b;
-
font-family: "Trebuchet MS", Times;
+
  border: 0;
}
}
-
#middlecolumn
+
#bottomleft
{
{
-
background-color: #dff1ba;
+
  width:33em;
-
margin-left: 22em;
+
  float: left;
-
border-left: 1px solid #ffffff;
+
  margin: 1em;
-
margin-right: 26.99em;
+
  padding: 1em;
-
border-right: 1px solid #ffffff;
+
  font-size: 1em;
-
padding: 2em;
+
/*  height: 12.625em; */
-
max-width: 30em;
+
  height: 10.93em;
-
font-family: "Trebuchet MS", Times;
+
  background: #3b3b3b;
 +
  color: #bfbfbf;
 +
  border-right: 2.5px dotted #a5a5a5;
 +
  font-family: "Trebuchet MS", Times;
 +
  text-align: left;
 +
}
 +
 
 +
#bottomright
 +
{
 +
  width:33em;
 +
  float: left;
 +
  margin: 1em;
 +
  padding: 1em;
 +
  font-size: 1em;
 +
/*  height: 12.625em; */
 +
  height: 10.93em;
 +
  background: #3b3b3b;
 +
  color: #bfbfbf;
 +
  border-left: 2.5px dotted #a5a5a5;
 +
  font-family: "Trebuchet MS", Times;
 +
  text-align: left;
}
}
Line 156: Line 194:
border-top: 3px solid #333333;
border-top: 3px solid #333333;
}
}
 +
 +
.llink3 A:link {text-decoration: underline; color: #757575; font-size: 1em;}
 +
.llink3 A:visited {text-decoration: none; color: #656565; font-size: 1em;}
 +
.llink3 A:hover {text-decoration: none; font-size: 1em;}
 +
.llink3 A:active {text-decoration: none; font-size: 1em;}
 +
 +
.h1 { text-decoration: underline; color: #6a7a69; font-size: 2.5em;}
 +
.h2 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
 +
.h3 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
 +
.h4 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
 +
.h5 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
</style>
</style>
Line 162: Line 211:
-
<!-- ACTUAL BODY STARTS HERE ********************************** -->
 
<body>
<body>
-
<!-- PROJECT TITLE -->
+
<div id="container">
-
<div id="title">
+
<div id="header">
-
<p class="logo"><img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" padding="15px" align="left"></img></p>
+
  <div id="title">
-
genomikon</div>
 
-
<!-- NAVBAR -->
+
        <img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" align="left"></img>
-
<div id="navbar"> <span class="llink2"><a href="https://2010.igem.org/Team:Alberta/JTest"> home</a> |  <a href="project"> project</a> | <a href="ethics"> ethics</a> | <a href="parts"> parts</a> | <a href="software"> software</a> | <a href="https://2010.igem.org/Team:Alberta/Notebook"> notebook</a> | <a href="team"> team</a></span>
+
-
</div>
+
-
<!-- HIGHLIGHT -->
+
    genomikon
-
<div id="highlight"></div>
+
 
 +
  </div>
 +
  <div id="navbar">
-
<!-- COLOUR NOTE: bfbfbf -->
+
    <span class="llink2">
-
<div id="sidebar">
+
 
 +
      <a href="https://2010.igem.org/Team:Alberta/JTest"> home</a> | 
 +
      <a href="project"> project</a> |
 +
      <a href="ethics"> ethics</a> |
 +
      <a href="parts"> parts</a> |
 +
      <a href="software"> software</a> |
 +
      <a href="https://2010.igem.org/Team:Alberta/Notebook"> notebook</a> |
 +
      <a href="team"> team</a>
-
For a quick brief on our work, try the <br>
+
    </span>  
-
<span class="llink1">
+
-
<a href="projectoverview">
+
-
> project overview <br>
+
-
</a>
+
-
</span>
+
-
<br>
+
-
For the team's accomplishments, <br>
+
  </div>
-
<span class="llink1">
+
-
<a href="achievements">
+
-
> achievements <br>
+
-
</a>
+
-
</span>
+
-
<br>
+
-
For an intro to synthetic biology, <br>
+
</div
-
<span class="llink1">
+
-
<a href="biology">
+
-
> biology guide <br>
+
-
</a>
+
-
</span>
+
 +
<div id="highlight">
</div>
</div>
-
<div id="photo">
 
-
</div>
+
<div id="sidebar">
-
<div id="highlightb"></div>
+
  For a quick brief on our work, try the
 +
  <br>
 +
  <span class="llink1">
 +
    <a href="projectoverview">
 +
      > project overview <br>
 +
    </a>
 +
  </span>
 +
  <br>
 +
  For the team's accomplishments,
 +
  <br>
 +
  <span class="llink1">
 +
    <a href="achievements">
 +
    > achievements <br>
 +
    </a>
 +
  </span>
 +
  <br>
 +
  For an intro to synthetic biology,
 +
  <br>
 +
  <span class="llink1">
 +
    <a href="biology">
 +
    > biology guide <br>
 +
    </a>
 +
  </span>
-
<div id="leftcolumn">
 
-
The Alberta iGEM team is awesome!
 
</div>
</div>
-
<div id="rightcolumn">
+
<div id="photo"></div>
-
I hope this works
+
 
-
</div>
+
<div id="content">
 +
 
 +
Blah balh. synthetic biology, quorum sensing.
 +
 
 +
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=10 width=10px title="See the plasmid10"></img>
 +
 
 +
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=25px width=25px title="See the plasmid25"></img>
 +
 
 +
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=50px width=50px title="See the plasmid50"></img>
-
<div id="middlecolumn">
 
-
Anh thinks so too
 
</div>
</div>
 +
 +
 +
<div id="highlightb"></div>
<div id="highlightb"></div>
-
<div id="footer">
+
<div id="footer"><span class="llink3">
-
site map|sponsors|contact us
+
<a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a>
 +
</span></div>
 +
 
</div>
</div>
</body>
</body>
-
<!-- END OF ACTUAL BODY *************************************** -->
 
-
 
</html>
</html>

Latest revision as of 22:25, 2 July 2010

Blah balh. synthetic biology, quorum sensing.