Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)
Line 20: Line 20:
}
}
-
#title
+
#container
{
{
-
  background: #ffffff;
+
   width: 100%;
-
   width:28.5%;
+
   float: middle;
-
   float: left;
+
   padding: 0;
-
   padding: 0em;
+
   margin: 0;
-
  font-size: 3.4em;
+
-
  color: #656565;
+
-
  height: 2em;
+
-
   margin-left:1.5%;
+
-
  vertical-align: middle;
+
}
}
-
#navbar
+
#header
{
{
-
   background: #ffffff;
+
   clear: both;
-
  width:65.5%;
+
   float: middle;
-
   float: right;
+
   padding: 0;
-
   padding: 0em;
+
   margin: 0;
-
  text-align:right;
+
-
  font-size: 1em;
+
-
  color: #a5a5a5;
+
-
   margin-right:2.5%;
+
-
 
+
-
  height: 5em;
+
-
  display: inline;
+
-
  vertical-align: middle;
+
}
}
#highlight
#highlight
{
{
-
  background: #fff200;
+
   width: 100%;
-
   width:100%;
+
-
  clear: both;
+
-
  padding: 0em;
+
   height: 3px;
   height: 3px;
 +
  padding: 0;
 +
  margin: 0;
}
}
-
#sidebar
+
#splash
{
{
-
   background: #3b3b3b;
+
   clear: both;
-
  width:18em;
+
   padding: 0;
-
  float: left;
+
   margin: 0;
-
   padding: 2em;
+
-
  font-size: 1em;
+
-
/*  height: 12.625em; */
+
-
  height: 12.1em;
+
-
  color: #bfbfbf;
+
-
   border: 0;
+
}
}
-
#photo
+
#content
{
{
-
   width: 52.981em;
+
   clear: both;
-
  float: left;
+
   padding: 0;
-
   padding: 0em;
+
   margin: 0;
-
   height: 16em;
+
-
/*  height: 16.625em; */
+
-
  background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
+
-
  background-position: 0% 0%;
+
-
  border: 0em;
+
}
}
-
p.logo
+
#footer
{
{
-
   vertical-align: top;
+
   width:100%;
 +
  float: left;
 +
  padding: 0;
 +
  margin: 0;
}
}
-
.llink2 A:link {text-decoration: underline; color: #929292; font-size: 1em;}
+
#title
-
.llink2 A:visited {text-decoration: none; color: #c4c4c4; font-size: 1em;}
+
-
.llink2 A:hover {text-decoration: none; font-size: 1em;}
+
-
.llink2 A:active {text-decoration: none; font-size: 1em;}
+
-
 
+
-
p.link
+
{
{
-
   colour: #fff200;
+
   float: left;
-
   background-color: #3b3b3b;
+
   width: 30%;
-
   font-size: 1.5em;
+
   padding: 0;
-
   font-family: "Trebuchet MS", Times;
+
   margin: 0;
-
  text-decoration: none;
+
}
}
-
.llink1 A:link {text-decoration: none; color: #fff200; font-size: 1.5em;}
+
#navbar
-
.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
+
{
{
-
   background: #ffffff;
+
   float: left;
-
   width:100%;
+
   width: 70%;
-
  clear: both;
+
   padding: 0;
-
   padding: 0em;
+
   margin: 0;
-
   height: 3px;
+
}
}
-
#leftcolumn
+
#sidebar
{
{
-
float: left;
+
  width: 30%;
-
width: 18em;
+
  float: left;
-
background-color: #fdffba;
+
  padding: 0;
-
margin: 0;
+
  margin: 0;
-
padding: 2em;
+
-
font-family: "Trebuchet MS", Times;
+
}
}
-
#rightcolumn
+
#photo
{
{
-
float: right;
+
  width: 70%;
-
width: 22.99em;
+
  float: right;
-
background-color: #c3e3bb;
+
  padding: 0;
-
margin: 0;
+
  margin: 0;
-
padding: 2em;
+
-
font-family: "Trebuchet MS", Times;
+
}
}
-
#middlecolumn
+
#content
{
{
-
background-color: #dff1ba;
+
  width: 100%;
-
margin-left: 22em;
+
  float: left;
-
border-left: 1px solid #ffffff;
+
  padding: 0;
-
margin-right: 26.99em;
+
  margin: 0;
-
border-right: 1px solid #ffffff;
+
-
padding: 2em;
+
-
max-width: 30em;
+
-
font-family: "Trebuchet MS", Times;
+
}
}
-
#footer
+
#bottomnav
{
{
-
clear: both;
+
  float: middle;
-
margin: 0;
+
  padding:0;
-
padding: .5em;
+
  margin: 0;
-
color: #333333;
+
-
background-color: #dddddd;
+
-
border-top: 3px solid #333333;
+
}
}
-
 
-
</style>
 
</head>
</head>
-
<!-- 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">
 +
      (logo) genomikon
 +
    </div>
-
genomikon</div>
+
    <div id="navbar"
 +
      link1|link2|link3
 +
    </div>
-
<!-- NAVBAR -->
+
  </div>
-
<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 -->
+
  <div id="highlight">
-
<div id="highlight"></div>
+
  </div>
 +
  <div id="splash">
 +
 
 +
    <div id="sidebar">
 +
      side bar links
 +
    </div>
-
<!-- COLOUR NOTE: bfbfbf -->
+
    <div id="photo">
-
<div id="sidebar">
+
      (photo goes here)
 +
    </div>
-
For a quick brief on our work, try the <br>
+
  </div>
-
<span class="llink1">
+
-
<a href="projectoverview">
+
-
> project overview <br>
+
-
</a>
+
-
</span>
+
-
<br>
+
-
For the team's accomplishments, <br>
+
  <div id="content>
-
<span class="llink1">
+
    Here is the content box.
-
<a href="achievements">
+
  </div>
-
> achievements <br>
+
 
-
</a>
+
  <div id=footer>
-
</span>
+
 
-
<br>
+
    <div id="bottombar">
 +
      bottombar links
 +
    </div>
-
For an intro to synthetic biology, <br>
+
  </div>
-
<span class="llink1">
+
-
<a href="biology">
+
-
> biology guide <br>
+
-
</a>
+
-
</span>
+
-
</div>
 
-
 
-
<div id="photo">
 
-
 
-
</div>
 
-
 
-
<div id="highlightb"></div>
 
-
 
-
<div id="leftcolumn">
 
-
The Alberta iGEM team is awesome!
 
-
</div>
 
-
 
-
<div id="rightcolumn">
 
-
I hope this works
 
-
</div>
 
-
 
-
<div id="middlecolumn">
 
-
Anh thinks so too
 
-
</div>
 
-
 
-
<div id="highlightb"></div>
 
-
 
-
<div id="footer">
 
-
site map|sponsors|contact us
 
</div>
</div>
</body>
</body>
-
<!-- END OF ACTUAL BODY *************************************** -->
 
-
 
</html>
</html>

Revision as of 16:32, 2 July 2010