Template:Cambridge

From 2009.igem.org

(Difference between revisions)
(New page: *{ margin: 0; padding: 0; }* body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; } a {COLOR: #6587E0; text-decoration: none;} a:visited {COLOR: #6587E0;...)
Line 1: Line 1:
-
*{ margin: 0; padding: 0; }*
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
a {COLOR: #6587E0; text-decoration: none;}
+
<head>
-
a:visited {COLOR: #6587E0; text-decoration: none;}
+
<title>Cambridge iGEM 2009 - Pigments and Biosensors</title>
-
a:hover {COLOR: #333; text-decoration: underline;}
+
<meta http-equiv="Content-Language" content="English" />
-
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images/bg.jpg) repeat-x; font-size: 1em; height: 24px; ine-height: 24px; }
+
<link rel="stylesheet" type="text/css" href="http://131.111.37.46/groups/synbiocourse/wiki/bc5a1/attachments/36c22/template.css" media="screen" />
-
ul { padding: 0; margin: 0 0 10px;}
+
</head>
-
li { list-style-type: none;}
+
<body>
-
p { margin: 5px 0 10px 0; }
+
-
img { border: none; }
+
-
#header {
+
<div id="wrap">
-
background: #FE7B09 url(images/header.jpg) repeat-x;
+
-
height: 215px;
+
-
}
+
-
#header h1 {
+
-
font-size: 30px;
+
-
font-weight: 100;
+
-
letter-spacing: -1px;
+
-
padding: 22px 0 5px 10px;
+
-
}
+
-
#header h1 a {
+
-
color: #fff;
+
-
text-decoration: none;
+
-
}
+
-
#header h1 a:hover {
+
-
color: #000;
+
-
text-decoration: none;
+
-
}
+
-
#header h2 {
+
-
color: #eee;
+
-
font-size: 19px;
+
-
font-weight: 100;
+
-
padding: 0 0 0 11px;
+
-
letter-spacing: -1px;
+
-
line-height: 12px;
+
-
}
+
-
#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
+
<div id="header">
-
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
+
<h1><a href="#">Cambridge iGEM 2009</a></h1>
-
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
+
<h2>Pigmentz</h2>
-
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
+
-
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }
+
</div>
 +
 
 +
<div id="right">
 +
 
 +
<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>
 +
<h2><a href="#">Title with a link - Example of heading 2</a></h2>
 +
<div class="articles">
 +
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>
 +
</div>
 +
 
 +
<div id="left">
 +
 
 +
<h3>Categories :</h3>
 +
<ul>
 +
<li><a href="https://2009.igem.org/Team:Cambridge">Home</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Team">Team</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Project">Project</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Parts">Parts Submitted to Registry</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Modelling">Modelling</a></li>
 +
<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>
 +
<ul>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Calender">Calender</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Stock">Stock List</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Protocols">Protocols</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Paste">Shared Links</a></li>
 +
</ul>
 +
 
 +
<h3>Notebook :</h3>
 +
<ul>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week1">Week 1</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week2">Week 2</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week3">Week 3</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week4">Week 4</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week5">Week 5</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week6">Week 6</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week7">Week 7</a></li>
 +
<li><a href="https://2009.igem.org/Team:Cambridge/Notebook/Week8">Week 8</a></li>
 +
</ul>
 +
 
 +
</div>
 +
<div style="clear: both;"> </div>
 +
 
 +
<div id="footer">
 +
<a href="https://2009.igem.org/Main_Page">iGEM Home</a>
 +
</div>
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 09:56, 22 July 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Cambridge iGEM 2009 - Pigments and Biosensors

Retrieved from "http://2009.igem.org/Template:Cambridge"