Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
/* This gets rid of the default wiki title. */
+
/* This removes the default wiki title. */
.firstHeading {display:none;}
.firstHeading {display:none;}
-
/* This sets the outer wiki background colour and the inner colour. */
+
/* This sets the inner and outer colours of the page. */
body  
body  
{   
{   
Line 23: Line 23:
{
{
   width: 100%;
   width: 100%;
-
   float: middle;
+
   margin: 0px;
-
   padding: 0;
+
   padding: 0px;
-
  margin: 0;
+
}
}
#header
#header
{
{
-
   clear: both;
+
   width: 100%;
-
   float: middle;
+
   margin: 0px;
-
   padding: 0;
+
   padding: 0px;
-
  margin: 0;
+
-
  height: 150px;
+
}
}
-
#highlight
+
#title
{
{
-
   width: 100%;
+
  background: #ffffff;
-
   height: 3px;
+
   width:28.5%;
-
   padding: 0;
+
   float: left;
-
   margin: 0;
+
   padding: 0em;
 +
  font-size: 3.4em;
 +
  color: #757575;
 +
  height: 2em;
 +
   margin-left:1.5%;
 +
  vertical-align: middle;
}
}
-
#splash
+
#navbar
{
{
-
   clear: both;
+
   background: #ffffff;
-
   padding: 0;
+
  width:65.5%;
-
   margin: 0;
+
  float: right;
 +
   padding: 0em;
 +
  text-align:right;
 +
  font-size: 1em;
 +
  color: #a5a5a5;
 +
   margin-right:2.5%;
 +
  vertical-align: middle;
 +
  height: 2.5em;
 +
  display: inline;
}
}
-
#content
+
#highlight
{
{
 +
  background: #fff200;
 +
  width:100%;
   clear: both;
   clear: both;
-
   padding: 0;
+
   padding: 0em;
-
  margin: 0;
+
   height: 3px;
-
   height: 200px;
+
}
}
-
#footer
+
#sidebar
{
{
-
   width:100%;
+
   width:18em;
   float: left;
   float: left;
-
   padding: 0;
+
   padding: 2em;
-
   margin: 0;
+
   font-size: 1em;
-
   height: 150px;
+
/*  height: 12.625em; */
 +
   height: 12.93em;
 +
  background: #3b3b3b;
 +
  color: #bfbfbf;
 +
  border: 0;
}
}
-
#title
+
#photo
{
{
 +
  width: 52.981em;
   float: left;
   float: left;
-
   width: 30%;
+
   padding: 0em;
-
   padding: 0;
+
   height: 16.9em;
-
   margin: 0;
+
/*  height: 16.9em; */
 +
   background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
 +
  background-position: 0% 0%;
 +
  border: 0em;
}
}
-
#navbar
+
.llink2 A:link {text-decoration: underline; color: #757575; 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:active {text-decoration: none; font-size: 1em;}
 +
 
 +
p.link
{
{
-
   float: left;
+
   colour: #fff200;
-
   width: 70%;
+
   background-color: #3b3b3b;
-
   padding: 0;
+
   font-size: 1.5em;
-
   margin: 0;
+
   font-family: "Trebuchet MS", Times;
 +
  text-decoration: none;
}
}
-
#sidebar
+
.llink1 A:link {text-decoration: none; color: #fff200; font-size: 1.5em;}
 +
.llink1 A:visited {text-decoration: none; color: #fff200; font-size: 1.5em;}
 +
.llink1 A:hover {text-decoration: none; font-size: 1.5em;}
 +
.llink1 A:active {text-decoration: none; font-size: 1.5em;}
 +
 
 +
#highlightb
{
{
-
   width: 30%;
+
  background: #ffffff;
-
   float: left;
+
   width:100%;
-
   padding: 0;
+
   clear: both;
-
   margin: 0;
+
   padding: 0em;
 +
   height: 3px;
}
}
-
#photo
+
#top
{
{
-
   width: 70%;
+
  background: #ffffff;
-
   float: right;
+
   width: 100%;
-
   padding: 0;
+
   clear: both;
-
   margin: 0;
+
   padding: 0em;
 +
  height: 15em;
 +
  font-family: "Trebuchet MS", Times;
 +
   text-align: center;
}
}
-
#content
+
#bottom
{
{
   width: 100%;
   width: 100%;
 +
  padding: 0em;
 +
/*  height: 12.625em; */
 +
  height: 15em;
 +
  background: #3b3b3b;
 +
  border: 0;
 +
}
 +
 +
#bottomleft
 +
{
 +
  width:33em;
   float: left;
   float: left;
-
   padding: 0;
+
  margin: 1em;
-
   margin: 0;
+
   padding: 1em;
 +
   font-size: 1em;
 +
/*  height: 12.625em; */
 +
  height: 10.93em;
 +
  background: #3b3b3b;
 +
  color: #bfbfbf;
 +
  border-right: 2.5px dotted #a5a5a5;
 +
  font-family: "Trebuchet MS", Times;
 +
  text-align: left;
}
}
-
#bottomnav
+
#bottomright
{
{
-
   float: middle;
+
  width:33em;
-
   padding:0;
+
   float: left;
-
   margin: 0;
+
  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;
}
}
 +
 +
#footer
 +
{
 +
clear: both;
 +
margin: 0;
 +
padding: .5em;
 +
color: #333333;
 +
background-color: #dddddd;
 +
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>
</head>
</head>
Line 123: Line 207:
<div id="container">
<div id="container">
-
  <div id="header">
+
<div id="header">
-
    <div id="title"> 
+
  <div id="title">
-
      (logo) genomikon
+
-
    </div>
+
-
    <div id="navbar"
 
-
      link1|link2|link3
 
-
    </div>
 
-
  </div>
+
        <img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" align="left"></img>
-
   <div id="highlight">
+
    genomikon
 +
    
   </div>
   </div>
-
   <div id="splash">
+
   <div id="navbar">
-
 
+
-
    <div id="sidebar">
+
-
      side bar links
+
-
    </div>
+
-
     <div id="photo">
+
     <span class="llink2">
-
      (photo goes here)
+
-
    </div>
+
-
  </div>
+
      <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>
-
  <div id="content>
+
     </span>  
-
    Here is the content box.
+
-
  </div>
+
-
 
+
-
  <div id=footer>
+
-
 
+
-
    <div id="bottombar">
+
-
      bottombar links
+
-
     </div>
+
-
   </div>
+
  </div>
 +
 
 +
</div
 +
 
 +
<div id="highlight">
 +
</div>
 +
 
 +
 
 +
<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 id="photo"></div>
 +
 
 +
<div id="highlightb"></div>
 +
 
 +
<br>
 +
 
 +
<div id="top">
 +
<span class="h1">University of Alberta</span>
 +
<br><br>
 +
<p>We love our coffee!</p>
 +
<p>and our Al-co-hol!</p>
 +
</div>
 +
 
 +
<div id="highlight"></div>
 +
 
 +
<div id="bottom">
 +
<div id="bottomleft">
 +
<span class="h2">iGem 2010</span>
 +
<br>
 +
<p>We know what we are doing...</p>
 +
<p>Even though we sometimes look like we don't</p>
 +
<br>
 +
<span class="h3">Randomness</span>
 +
<p>Insert witty comment here.</p>
 +
</div>
 +
 
 +
<div id="bottomright">
 +
<span class="h4">Sleep deprivation</span>
 +
<p>Self-explanatory</p>
 +
<br>
 +
</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>
</div>

Revision as of 16:48, 2 July 2010


University of Alberta

We love our coffee!

and our Al-co-hol!

iGem 2010

We know what we are doing...

Even though we sometimes look like we don't


Randomness

Insert witty comment here.

Sleep deprivation

Self-explanatory


Retrieved from "http://2010.igem.org/Team:Alberta/JTest2"