Template:Cambridge

From 2009.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
-
<head>
+
-
<title>Cambridge iGEM 2009 - Pigments and Biosensors</title>
+
-
<meta http-equiv="Content-Language" content="English" />
+
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
-
<link rel="stylesheet" href="http://131.111.37.46/groups/synbiocourse/wiki/bc5a1/attachments/36c22/template.css" type="text/css">
+
-
</head>
+
<style type="text/css">
-
<body>
+
-
<div id="wrap">
+
body {
 +
-x-system-font:none;
 +
background:#C4FFD4 none repeat scroll 0 0;
 +
color:#FFE2EE;
 +
font-family:Arial,Sans-Serif;
 +
/*font-size:0.6em;*/
 +
font-size-adjust:none;
 +
font-stretch:normal;
 +
font-style:normal;
 +
font-variant:normal;
 +
font-weight:normal;
 +
line-height:1.8em;
 +
}
 +
a {
 +
color:#6587E0;
 +
text-decoration:none;
 +
margin:0 5px 0;
 +
font-weight:100;
 +
}
 +
a:visited {
 +
color:#6587E0;
 +
text-decoration:none;
 +
}
 +
a:hover {
 +
color:#333333;
 +
text-decoration:underline;
 +
}
 +
h1 {
 +
/*color:#FFF;
 +
letter-spacing:-1px;
 +
padding:22px 0 5px 10px; */
 +
text-decoration:none;
 +
margin:0 10px 0;
 +
}
 +
h2 {
 +
margin:0 0 10px;
 +
padding:10px 0 3px;
 +
text-decoration:none;
 +
}
 +
h3 {
 +
background:#FFFFFF repeat-x scroll 0 0;
 +
color:#000000;
 +
font-size:1.6em;
 +
height:0px;
 +
line-height:0px;
 +
padding-left:10px;
 +
}
 +
ul {
 +
margin:0 0 10px;
 +
padding:0;
 +
}
 +
li {
 +
list-style-type:none;
 +
}
 +
img {
 +
border:medium none;
 +
}
 +
#header {
 +
background: url(https://static.igem.org/mediawiki/2009/2/26/Cambridge_header.png) repeat-x scroll 0 0;
 +
height:150px;
 +
width: 965px;
 +
position: relative;
 +
}
 +
#header h1 {
 +
font-size:90px;
 +
color:#FFF;
 +
font-weight:200;
 +
letter-spacing:-1px;
 +
padding:22px 0 10px 10px;
 +
}
 +
#header h1 a {
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
#header h1 a:hover {
 +
color:#000000;
 +
text-decoration:none;
 +
}
 +
#header h2 {
 +
color:#EEEEEE;
 +
font-size:19px;
 +
font-weight:100;
 +
letter-spacing:-1px;
 +
line-height:12px;
 +
padding:0 0 0 11px;
 +
}
-
<div id="header">
+
#left {
-
<h1><a href="#">Cambridge iGEM 2009</a></h1>
+
background:#727072 none repeat scroll 0 0;
-
<h2>Pigmentz</h2>
+
color:#FFE2EE;
 +
float:left;
 +
margin-top:3px;
 +
margin-bottom:0px;
 +
width:180px;
 +
}
 +
#left ul {
 +
margin:0;
 +
padding:1px 1px 1px;
 +
}
 +
#left a {
 +
    display: block;
 +
    width: 170px;
 +
    height: 16px;
 +
    margin: 1px -1px;
 +
    /*background: url(whatever.png) no-repeat left top;*/
 +
    background:#A3C3FF no-repeat left top;
 +
    padding: 2px 2px;
 +
    text-decoration: none;
 +
    color: #555;
 +
}
 +
#left a:hover {
 +
    display: block;
 +
    width: 170px;
 +
    height: 16px;
 +
    margin-top: 1px;
 +
    /*background: url(whatever.png) no-repeat left top;*/
 +
    background:#E5EDFF no-repeat left top;
 +
    padding: 2px 4px;
 +
    text-decoration: none;
 +
    color: #888;
 +
}
-
</div>
+
#left h4 {
 +
    margin: -25px -1px;
 +
    margin-bottom: -4px;
 +
    background:#3D5089 no-repeat left top;
 +
    color: #CCC;
 +
    font-size:19px;
 +
    padding: 2px 2px;
 +
}
-
<div id="right">
+
#left .selflink {
 +
    display: block;
 +
    width: 170px;
 +
    height: 16px;
 +
    margin: 1px -1px;
 +
    /*background: url(whatever.png) no-repeat left top;*/
 +
    background:#435989 no-repeat left top;
 +
    padding: 2px 2px;
 +
    text-decoration: none;
 +
    color: #BBB;
 +
}
 +
/*
 +
#left a.external {
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 170px;
 +
}
 +
*/
 +
#right {
 +
float:right;
 +
margin-bottom:10px;
 +
margin-top:10px;
 +
padding:0 10px 10px;
 +
width:150px;
 +
}
-
<h2><a href="#">Powerful new tools</a></h2>
 
-
<div class="articles">
 
-
Previous iGEM teams have focused on genetically engineering bacteria to respond to
 
-
novel inputs – for example light, or biologically significant compounds. There is an
 
-
unmistakable need, therefore, to also develop clear, user-friendly outputs, especially
 
-
for use with biosensors. The most popular output is the expression of a fluorescent
 
-
protein, detectable using fluorescence microscopy. However, how much easier would it be
 
-
if we could simply see the output with our own eyes? The Cambridge 2009 iGEM team is
 
-
engineering E. coli to produce a range of pigments in order to equip future projects
 
-
with better, more reliable, discrete outputs under logic control. Further, our bacteria
 
-
utilize a shutter mechanism that guarantees pigment production after just a brief
 
-
exposure to the desired input.
 
-
<br /><br />
 
-
<img src="images/pic.jpg" alt="Example pic" style="border: 3px solid #ccc;" />
 
-
<br /><br />
 
-
Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada
 
-
et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed,
 
-
consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae
 
-
congue nulla diam non urna.
 
-
</div>
 
 +
#contentbox {
 +
    width: 765px;
 +
    padding:10px;
 +
    position: relative;
 +
    float: right;
 +
    margin: 19px 0px 0px;
 +
    background:url(https://static.igem.org/mediawiki/2009/4/44/Cambridge_Lines2.png) repeat-y top left;
 +
    /*color:#C4FFD4;*/
 +
}
-
</div>
 
-
<div id="left">
+
#contentbox_top {
 +
    width: 785px;
 +
    height: 19px;
 +
    margin: -29px -10px 0px;
 +
    background:url(https://static.igem.org/mediawiki/2009/c/c9/Cambridge_Linestop.png) no-repeat bottom left;
 +
    position: relative;
 +
  /*  float: left; */
 +
}
-
<h3>Categories :</h3>
+
#contentbox_bottom {
-
<ul>
+
    width: 785px;
-
<li><a href="https://2009.igem.org/Team:Cambridge">Home</a></li>
+
    height: 19px;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Team">Team</a></li>
+
    margin: 0px -10px -21px;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Project">Project</a></li>
+
    background:url(https://static.igem.org/mediawiki/2009/2/2d/Cambridge_Linesbottom.png) no-repeat top left;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Parts">Parts Submitted to Registry</a></li>
+
    position: relative;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Modelling">Modelling</a></li>
+
  /* float: left; */  
-
<li><a href="https://2009.igem.org/Team:Cambridge/Protocols">Research</a></li>
+
}
-
<li><a href="https://2009.igem.org/Team:Cambridge/ImageGallery">Image Gallery</a></li>
+
-
</ul>
+
-
<h3>Team Stuff :</h3>
+
#content {
-
<ul>
+
    padding: 5px;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Calender">Calender</a></li>
+
    border-left: 1px solid #CFDDFF;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Stock">Stock List</a></li>
+
    border-right: 1px solid #CFDDFF;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Protocols">Protocols</a></li>
+
    background:#727072 none repeat scroll 0 0;
-
<li><a href="https://2009.igem.org/Team:Cambridge/Paste">Shared Links</a></li>
+
    position: relative;
-
</ul>
+
  /* float: left; /*
 +
    font-size: 9pt;
 +
    text-align: justify;
 +
}
-
<h3>Notebook :</h3>
+
 
 +
 
 +
 
 +
#footer {
 +
border-top:1px solid #CCCCCC;
 +
font-size:11px;
 +
padding:10px 5px;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
 
 +
p {
 +
    margin:5px 0 10px;
 +
    /* margin:0; */
 +
    /* margin-bottom: 10px; */
 +
}
 +
.editsection {
 +
    font-size: 75%;
 +
    font-weight: normal;
 +
}
 +
/* This hides the Table of Contents. */
 +
#toc {
 +
    display: none;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
</html>
 +
<div id="header"></div>
 +
<div id="left">
<ul>
<ul>
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week1">Week 1</a></li>  
+
<h4>Categories :</h4>
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week2">Week 2</a></li>  
+
[[Team:Cambridge | Home]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week3">Week 3</a></li>
+
[[Team:Cambridge/Team | Team]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week4">Week 4</a></li>
+
[[Team:Cambridge/Project | Project]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week5">Week 5</a></li>
+
[[Team:Cambridge/Parts | Parts Submitted to Registry]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week6">Week 6</a></li>
+
[[Team:Cambridge/Modelling | Modelling]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week7">Week 7</a></li>
+
[[Team:Cambridge/Protocols | Research]]
-
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week8">Week 8</a></li>
+
[[Team:Cambridge/ImageGallery | Image Gallery]]
 +
[[Team:Cambridge/Contact | Contact Us]]
 +
<h4>Team Stuff :</h4>
 +
[[Team:Cambridge/Calender | Calendar]]
 +
[[Team:Cambridge/Stock | Stock List]]
 +
[[Team:Cambridge/Protocols | Protocols]]
 +
[[Team:Cambridge/Paste | Shared Links]]
 +
<h4>Notebook :</h4>
 +
[[Team:Cambridge/Notebook/Week1 | Week 1]]
 +
[[Team:Cambridge/Notebook/Week2 | Week 2]]
 +
[[Team:Cambridge/Notebook/Week3 | Week 3]]
 +
[[Team:Cambridge/Notebook/Week4 | Week 4]]
 +
[[Team:Cambridge/Notebook/Week5 | Week 5]]
 +
[[Team:Cambridge/Notebook/Week6 | Week 6]]
 +
[[Team:Cambridge/Notebook/Week7 | Week 7]]
 +
[[Team:Cambridge/Notebook/Week8 | Week 8]]
 +
[[Team:Cambridge/Notebook/Week9 | Week 9]]
 +
[[Team:Cambridge/Notebook/Week10 | Week 10]]
</ul>
</ul>
</div>
</div>
-
<div style="clear: both;"> </div>
 
-
<div id="footer">
+
<div id="contentbox">
-
<a href="https://2009.igem.org/Main_Page">iGEM Home</a>
+
<div id="contentbox_top"></div>
-
</div>
+
-
</div>
+
-
 
+
-
</body>
+
-
</html>
+

Latest revision as of 12:36, 1 September 2009