Team:Alberta/JTest

From 2010.igem.org

(Difference between revisions)
 
(39 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 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;
}
}
Line 115: Line 132:
}
}
-
#leftcolumn
+
#top
{
{
-
float: left;
+
  background: #ffffff;
-
width: 28%;
+
  width: 100%;
-
background-color: #ffffff;
+
  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: 28%;
+
  padding: 0em;
-
background-color: #ffffff;
+
/*  height: 12.625em; */
-
margin: 0;
+
  height: 15em;
-
padding: 2em;
+
  background: #3b3b3b;
-
font-family: "Trebuchet MS", Times;
+
  border: 0;
}
}
-
#middlecolumn
+
#bottomleft
{
{
-
background-color: #ffffff;
+
  width:33em;
-
margin-left: 22em;
+
  float: left;
-
/* border-left: 3px double #098d02; */
+
  margin: 1em;
-
margin-right: 26.99em;
+
  padding: 1em;
-
/* border-right: 3px double #098d02; */
+
  font-size: 1em;
-
padding: 2em;
+
/* height: 12.625em; */
-
max-width: 30em;
+
  height: 10.93em;
-
font-family: "Trebuchet MS", Times;
+
  background: #3b3b3b;
-
border-width: 3px;
+
  color: #bfbfbf;
-
border-color: #098d02;
+
  border-right: 2.5px dotted #a5a5a5;
-
border-style: none solid none solid;
+
  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 164: Line 199:
.llink3 A:hover {text-decoration: none; font-size: 1em;}
.llink3 A:hover {text-decoration: none; font-size: 1em;}
.llink3 A:active {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 170: 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="5px" 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">
+
-
For a quick brief on our work, try the <br>
+
      <a href="https://2010.igem.org/Team:Alberta/JTest"> home</a>
-
<span class="llink1">
+
      <a href="project"> project</a> |
-
<a href="projectoverview">  
+
      <a href="ethics"> ethics</a> |
-
> project overview <br>
+
      <a href="parts"> parts</a> |
-
</a>
+
      <a href="software"> software</a> |
-
</span>
+
      <a href="https://2010.igem.org/Team:Alberta/Notebook"> notebook</a> |
-
<br>
+
      <a href="team"> team</a>
-
For the team's accomplishments, <br>
+
    </span>  
-
<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
 +
 +
<div id="highlight">
</div>
</div>
-
<div id="photo">
+
 
 +
<div id="sidebar">
 +
 
 +
  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>
</div>
-
<div id="highlightb"></div>
+
<div id="photo"></div>
-
<div id="leftcolumn">
+
<div id="content">
-
The Alberta iGEM team is awesome! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
+
-
Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
+
Blah balh. synthetic biology, quorum sensing.
-
</div>
+
-
<div id="rightcolumn">
+
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=10 width=10px title="See the plasmid10"></img>
-
I hope this works...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
+
-
Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
+
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=25px width=25px title="See the plasmid25"></img>
-
</div>
+
-
<div id="middlecolumn">
+
<img src=https://static.igem.org/mediawiki/2010/9/9d/Alberta_testplasmid.png height=50px width=50px title="See the plasmid50"></img>
-
Anh thinks so too. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a orci in velit viverra consequat. Vestibulum in tellus id lectus lobortis laoreet eu vel nulla. Proin orci nisi, suscipit in blandit eget, fermentum eu leo. Aliquam rhoncus felis eu arcu tincidunt pulvinar. In mollis massa vel arcu suscipit scelerisque. Aliquam lobortis gravida lectus. Pellentesque faucibus, risus nec ullamcorper ullamcorper, augue lectus cursus nulla, id semper lectus nunc eu felis. Cras consectetur aliquet lorem eget suscipit. Ut tempus lacus at magna gravida dapibus. Nullam ultrices semper nibh, id accumsan risus congue eu. Praesent urna dui, porttitor a interdum et, adipiscing id orci. Integer purus ante, fringilla a pretium eu, ullamcorper at dui. Aenean nec urna eu enim varius tincidunt.
+
-
Cras a est quis mi ultrices euismod quis convallis sapien. Maecenas nec venenatis justo. Nunc cursus arcu vel ipsum cursus sed iaculis orci tincidunt. Aliquam non elit est, faucibus vulputate enim. Vestibulum vulputate, purus in luctus pretium, dolor dui ultrices lorem, vel egestas nulla enim in arcu. Vestibulum augue purus, cursus sed dapibus a, iaculis vitae tortor. Nunc purus nunc, placerat non semper a, volutpat et augue. Sed et ipsum nibh. Cras sem eros, convallis eget iaculis eget, scelerisque non magna. Mauris.
 
</div>
</div>
 +
 +
 +
<div id="highlightb"></div>
<div id="highlightb"></div>
Line 247: Line 299:
</span></div>
</span></div>
-
</body>
+
</div>
-
<!-- END OF ACTUAL BODY *************************************** -->
+
 +
</body>
</html>
</html>

Latest revision as of 22:25, 2 July 2010

Blah balh. synthetic biology, quorum sensing.