Team:Alberta/JTest

From 2010.igem.org

(Difference between revisions)
 
(72 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;
-
   max-height: 250px;
+
   background: #3b3b3b;
   color: #bfbfbf;
   color: #bfbfbf;
 +
  border: 0;
}
}
#photo
#photo
{
{
-
   width: 53.981em;
+
   width: 52.981em;
-
   float: right;
+
   float: left;
   padding: 0em;
   padding: 0em;
-
   max-height: 250px;
+
   height: 16.9em;
-
/*  height: 16.625em; */
+
  background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
-
   background-color: #ffffff;
+
   background-position: 0% 0%;
-
   border: 0;
+
   border: 0em;
}
}
-
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 113: Line 132:
}
}
-
#leftcolumn
+
#top
{
{
-
float: left;
+
  background: #ffffff;
-
width: 18em;
+
  width: 100%;
-
background-color: #f6ff00;
+
  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: #33cc33;
+
/*  height: 12.625em; */
-
margin: 0;
+
  height: 15em;
-
padding: 2em;
+
  background: #3b3b3b;
-
font-family: "Trebuchet MS", Times;
+
  border: 0;
}
}
-
#middlecolumn
+
#bottomleft
{
{
-
background-color: #66ff66;
+
  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 154: 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 160: 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">
+
-
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
-
<div id="photo">
+
<div id="highlight">
-
<img src="https://static.igem.org/mediawiki/2010/d/db/Alberta_jtest_photo.jpg" width="100%" height="100%" align="left"></img>
+
</div>
</div>
-
<div id="highlightb"></div>
 
-
<div id="leftcolumn">
+
<div id="sidebar">
-
The Alberta iGEM team is awesome!
+
 
-
</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="rightcolumn">
 
-
I hope this works
 
</div>
</div>
-
<div id="middlecolumn">
+
<div id="photo"></div>
-
Anh thinks so too
+
 
 +
<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>
</div>
 +
 +
 +
 +
 +
<div id="highlightb"></div>
 +
 +
<div id="footer"><span class="llink3">
 +
<a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a>
 +
</span></div>
-
<div id="footer">
 
-
site|sponsors|contact us
 
</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.