http://2013.igem.org/wiki/index.php?title=Special:Contributions/Harshitsinha&feed=atom&limit=50&target=Harshitsinha&year=&month=
2013.igem.org - User contributions [en]
2024-03-28T19:55:44Z
From 2013.igem.org
MediaWiki 1.16.5
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-23T11:05:36Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Vision</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Method">Method</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Results">Result</a></li><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Modeling">Model</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">All<br />
Bricks</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/asr">Asr</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-2">C.Gluta</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-3">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach">Introduction</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/others">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Sponsors">Sponsors</a><br />
<ul><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Our<br />
Sponsors</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Note">Thank-You<br />
Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg"<br />
alt=""><img id="slide2" src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/~pge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Method
Team:IIT Delhi/Method
2013-09-23T02:45:42Z
<p>Harshitsinha: </p>
<hr />
<div><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Vision</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Method">Method</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Results">Result</a></li><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Modeling">Model</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">All<br />
Bricks</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/asr">Asr</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-2">C.Gluta</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-3">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Sponsors">Sponsors</a><br />
<ul><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Our<br />
Sponsors</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Note">Thank-You<br />
Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 94px;" align="center"<br />
valign="top"></td><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 645px;" align="center"<br />
valign="top"><font size="+2">Heading 1</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;"><br><br />
In<br />
order to generate interest for the contest on the IIT Campus, it was<br />
essential that we talk to people about the contest. We had the<br />
opportunity to talk to the First Year students; and gave a presentation<br />
for the course "Introduction to Engineering" to about 800 students.<br />
&nbsp;.... Text.....<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 112px;" align="center"<br />
valign="top"></td><br />
<td style="width: 79px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/%7Epge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Method
Team:IIT Delhi/Method
2013-09-23T02:45:21Z
<p>Harshitsinha: Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type..."</p>
<hr />
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Vision</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Method">Method</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Results">Result</a></li><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Modeling">Model</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">All<br />
Bricks</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/asr">Asr</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-2">C.Gluta</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-3">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Sponsors">Sponsors</a><br />
<ul><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Our<br />
Sponsors</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Note">Thank-You<br />
Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 94px;" align="center"<br />
valign="top"></td><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 645px;" align="center"<br />
valign="top"><font size="+2">Heading 1</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;"><br><br />
In<br />
order to generate interest for the contest on the IIT Campus, it was<br />
essential that we talk to people about the contest. We had the<br />
opportunity to talk to the First Year students; and gave a presentation<br />
for the course "Introduction to Engineering" to about 800 students.<br />
&nbsp;.... Text.....<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 112px;" align="center"<br />
valign="top"></td><br />
<td style="width: 79px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/%7Epge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Outreach
Team:IIT Delhi/Outreach
2013-09-23T02:43:21Z
<p>Harshitsinha: </p>
<hr />
<div><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Vision</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Method">Method</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Results">Result</a></li><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Modeling">Model</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">All<br />
Bricks</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/asr">Asr</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-2">C.Gluta</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-3">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Sponsors">Sponsors</a><br />
<ul><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Our<br />
Sponsors</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Note">Thank-You<br />
Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 94px;" align="center"<br />
valign="top"></td><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 645px;" align="center"<br />
valign="top"><font size="+2">Outreach</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;"><br><br />
In<br />
order to generate interest for the contest on the IIT Campus, it was<br />
essential that we talk to people about the contest. We had the<br />
opportunity to talk to the First Year students; and gave a presentation<br />
for the course "Introduction to Engineering" to about 800 students.<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><img<br />
style="width: 480px; height: 320px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/7/75/Image1_IIT.jpg"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><img<br />
style="width: 480px; height: 320px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/7/7b/Image2-IIT.jpg"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><img<br />
style="width: 480px; height: 320px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/0/03/Image3_IIT.jpg"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 112px;" align="center"<br />
valign="top"></td><br />
<td style="width: 79px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/%7Epge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-23T02:35:18Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Vision</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Method">Method</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Results">Result</a></li><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Modeling">Model</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">All<br />
Bricks</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/asr">Asr</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-2">C.Gluta</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/part-3">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach">Introduction</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/others">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Sponsors">Sponsors</a><br />
<ul><br />
<li><a<br />
href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Our<br />
Sponsors</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Note">Thank-You<br />
Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/~pge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-23T02:20:08Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/~pge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-23T02:19:29Z
<p>Harshitsinha: </p>
<hr />
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="http://www.iitb.ac.in/~pge/2k12/jam/images/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 200px; height: 200px;" alt=""<br />
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-23T02:13:54Z
<p>Harshitsinha: </p>
<hr />
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%; height: 54px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
<table<br />
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br><br />
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you<br />
have queries; requests; suggestions et cetera.<br><br />
<br><br />
Thanks to iGEM and IIT Delhi,<br><br />
we had an awesome summer!</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our<br />
Project was supported by and done by the students<br><br />
<br><br />
&nbsp;of IIT Delhi, India.<br><br />
<br><br />
<a href="http://www.iitd.ac.in/"><img<br />
style="border: 0px solid ; width: 50%; height: 50%;" alt=""<br />
src="file:///C:/Users/ongc/Desktop/iitd_logo.png"></a></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This<br />
project was done as a part of iGEM:<br><br />
<a href="https://igem.org/Main_Page">iGEM Main<br />
Website</a><br><br />
<br><br />
<br><br />
<a href="https://igem.org/Main_Page"><img<br />
style="border: 0px solid ; width: 50%; height: 50%;" alt=""<br />
src="file:///C:/Users/ongc/Desktop/IGEM_basic_Logo_stylized.png"></a><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Outreach
Team:IIT Delhi/Outreach
2013-09-22T08:05:34Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #000000;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #000000;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 400px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"<br />
align="middle"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 157px;"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"><font size="+2">Outreach</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;">In<br />
order to generate interest for the contest on the IIT Campus, it was<br />
essential that we talk to people about the contest. We had the<br />
opportunity to talk to the First Year students; and gave a presentation<br />
for the course "Introduction to Engineering" to about 800 students.<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 54px;"<br />
border="1" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Outreach
Team:IIT Delhi/Outreach
2013-09-22T07:58:59Z
<p>Harshitsinha: </p>
<hr />
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #000000;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #000000;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 400px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"<br />
align="middle"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 157px;"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"><font size="+2">Outreach</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;">In<br />
order to generate interest for the contest on the IIT Campus, it was<br />
essential that we talk to people about the contest. We had the<br />
opportunity to talk to the First Year students; and gave a presentation<br />
for the course "Introduction to Engineering" to about 800 students.<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 54px;"<br />
border="1" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Outreach
Team:IIT Delhi/Outreach
2013-09-22T07:57:14Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="text-align: left; background-color: white; width: 1054px; height: 250px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 157px;"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"><font size="+2">Outreach</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;">In order to<br />
generate interest for the contest on the IIT Campus, it was essential<br />
that we talk to people about the contest. We had the opportunity to<br />
talk to the First Year students; and gave a presentation for the course<br />
"Introduction to Engineering" to about 800 students.<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Outreach
Team:IIT Delhi/Outreach
2013-09-22T07:56:24Z
<p>Harshitsinha: Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type..."</p>
<hr />
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="text-align: left; background-color: white; width: 1054px; height: 250px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<table style="text-align: left; width: 100%;" border="0"<br />
cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 157px;"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"><font size="+2">Outreach</font><br><br />
<div style="text-align: left;"><br />
<hr style="width: 100%; height: 2px;">In order to<br />
generate interest for the contest on the IIT Campus, it was essential<br />
that we talk to people about the contest. We had the opportunity to<br />
talk to the First Year students; and gave a presentation for the course<br />
"Introduction to Engineering" to about 800 students.<br><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"></td><br />
<td align="center" valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</div><br />
</td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
<tr><br />
<td style="width: 128px;" align="center"<br />
valign="top"></td><br />
<td style="width: 711px;" align="center"<br />
valign="top"></td><br />
<td style="width: 157px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-22T07:39:32Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: white; width: 100%; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><img<br />
style="width: 100%; height: 350px;" alt=""<br />
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; width: 701px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 158px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 701px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 157px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 158px;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 701px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 157px;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 54px;"<br />
border="1" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-20T13:39:11Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: rgb(141, 203, 138); width: 100%; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><br><br />
<br><br />
<br><br />
<table<br />
style="background-color: rgb(141, 203, 138); text-align: left; margin-left: auto; margin-right: auto; width: 50%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><font<br />
size="+3"><big><span<br />
style="font-family: Palatino Linotype; color: white;">iGEM<br />
IIT Delhi</span></big></font></big></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><br><br />
<br><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><font<br />
size="+3">Project pH. Coli</font></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="5" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 48px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 48px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 48px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(204, 204, 204); width: 100%; height: 54px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51);"><br><br />
<br><br />
<font style="color: white;" size="+1"><span<br />
style="font-family: Palatino Linotype;">For more, go to:<br />
igemiidelhi.org. | </span><span<br />
style="text-decoration: underline; font-family: Palatino Linotype;">iGEM<br />
IIT Delhi</span><span style="font-family: Palatino Linotype;"><br />
| Contact us at igemiitdelhi2013 at gmail dot com</span></font><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T13:38:10Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
/* Nav Bar */<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: 0px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="background-color: rgb(141, 203, 138); width: 100%; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><br><br />
<br><br />
<br><br />
<table<br />
style="background-color: rgb(141, 203, 138); text-align: left; margin-left: auto; margin-right: auto; width: 50%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><font<br />
size="+3"><big><span<br />
style="font-family: Palatino Linotype; color: white;">iGEM<br />
IIT Delhi</span></big></font></big></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><br><br />
<br><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><font<br />
size="+3">Project pH. Coli</font></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG"<br />
alt=""><img id="slide2" src="nature2.jpg"<br />
alt=""><img id="slide3" src="nature3.jpg"<br />
alt=""><img id="slide4" src="nature4.jpg"<br />
alt=""><img id="slide5" src="nature5.jpg"<br />
alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px;"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="5" rowspan="1"<br />
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 48px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<span style="font-family: Myriad Pro;"><br><br />
</span><font style="font-family: Palatino Linotype;"<br />
size="+1"><span style="color: white;">pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.</span></font><span<br />
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br><br />
<br><br />
</span><font size="+2"><span<br />
style="font-family: Palatino Linotype;"><font<br />
style="font-family: Myriad Pro;"><span<br />
style="color: white;"></span></font></span></font></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 48px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 48px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(204, 204, 204); width: 100%; height: 54px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table style="text-align: left; width: 100%;" border="1"<br />
cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51);"><br><br />
<br><br />
<font style="color: white;" size="+1"><span<br />
style="font-family: Palatino Linotype;">For more, go to:<br />
igemiidelhi.org. | </span><span<br />
style="text-decoration: underline; font-family: Palatino Linotype;">iGEM<br />
IIT Delhi</span><span style="font-family: Palatino Linotype;"><br />
| Contact us at igemiitdelhi2013 at gmail dot com</span></font><br><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/File:Sfgfp-iit-igem.JPG
File:Sfgfp-iit-igem.JPG
2013-09-20T12:37:05Z
<p>Harshitsinha: </p>
<hr />
<div></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T12:13:52Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
/* Slider */<br />
#image-slider {<br />
margin: 10px auto;<br />
width: 600px;<br />
}<br />
#slide-frame {<br />
height: 300px;<br />
overflow: hidden;<br />
}<br />
#slides {<br />
height: 375px;<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
#slides img {<br />
position: absolute;<br />
top: 0;<br />
left: -500px;<br />
}<br />
#navigation {<br />
margin: 5px 0 0 0;<br />
text-align: center;<br />
z-index: 10px;<br />
}<br />
#navigation a {<br />
text-decoration: none;<br />
background: #333333;<br />
padding: 2px 6px;<br />
color: #FFFFFF;<br />
display: inline-block;<br />
}<br />
#navigation a:hover {<br />
background: #0182C4;<br />
}<br />
transition: transition-property transition-duration transition-timing-function transition-delay;<br />
#slides img {<br />
z-index: 1;<br />
opacity: 0;<br />
/* animation */<br />
transition: all linear 400ms;<br />
-o-transition: all linear 400ms;<br />
-moz-transition: all linear 400ms;<br />
-webkit-transition: all linear 400ms;<br />
}<br />
#slides img:target {<br />
left: 0;<br />
z-index: 5;<br />
opacity: 1;<br />
}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 250px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><br><br />
<br><br />
<br><br />
<table<br />
style="background-color: rgb(141, 203, 138); width: 50%; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><font<br />
size="+3"><big><span<br />
style="font-family: Palatino Linotype; color: white;">iGEM<br />
IIT Delhi</span></big></font></big></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><br><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><font<br />
size="+3">Project pH. Coli</font></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<br><br />
<table<br />
style="text-align: left; background-color: rgb(215, 215, 215); width: 100%;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td><br />
<td style="vertical-align: top; text-align: center;"><br />
<div id="image-slider"><br />
<div id="slide-frame"><img src="nature1.jpg"<br />
alt=""><br />
<div id="slides"><img id="slide1"<br />
src="nature1.jpg" alt=""><img id="slide2"<br />
src="nature2.jpg" alt=""><img id="slide3"<br />
src="nature3.jpg" alt=""><img id="slide4"<br />
src="nature4.jpg" alt=""><img id="slide5"<br />
src="nature5.jpg" alt=""></div><br />
</div><br />
<div id="navigation"><br />
<a href="#slide1">1</a><br />
<a href="#slide2">2</a><br />
<a href="#slide3">3</a><br />
<a href="#slide4">4</a><br />
<a href="#slide5">5</a><br />
</div><br />
</div><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td><br />
<td style="width: 291px;" align="center"<br />
valign="top"></td><br />
<td align="center" valign="top"></td><br />
<td style="width: 294px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; background-color: white; height: 41px; width: 181px;"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;"></span><br<br />
style="color: white;"><br />
</big></big></big><br />
<table<br />
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span></big></big></big></td><br />
</tr><br />
</tbody><br />
</table><br />
<big><big><big<br />
style="font-family: Palatino Linotype;"><br<br />
style="color: white;"><br />
<font size="+2"><span style="color: white;">pH<br />
induced response<br />
elicited by certain promoters in bacteria may have major practical<br />
applications. The response can be targeted for specific pH ranges, for<br />
example in tracking the anomalies associated with the gut micro-biota<br />
or detecting pH inside a bioreactor. There are only limited studies<br />
reported in the area. In the present project, a genetic circuit has<br />
been created, using the promoters of the acid shock response gene from<br />
E.coli and the F0F1 ATPase operon from C. glutamicum that produces a pH<br />
dependent colour gradient, much like a universal pH indicator. A<br />
mathematical model has been developed to simulate the experimental<br />
findings. The present study will form the basis for further research in<br />
the field of synthetic biology.</span></font></big></big></big></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td><br />
</tr><br />
<tr><br />
<td<br />
style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><br><br />
<br><br />
</td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T11:49:33Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>Navigation-Top</title><br />
<style ="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 0px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #333333;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #333333; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #333333;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #333333;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }<br />
.navbar li ul li a:hover {background-color: #333333;}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 250px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"><br><br />
<br><br />
<br><br />
<table<br />
style="background-color: rgb(141, 203, 138); width: 50%; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td style="vertical-align: top; text-align: center;"><big><font<br />
size="+3"><big><span<br />
style="font-family: Palatino Linotype; color: white;">iGEM<br />
IIT Delhi</span></big></font></big></td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><br><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" valign="top"><font<br />
size="+3">Project pH. Coli</font></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Project</a><br />
<ul><br />
<li><a href="#">Vision</a></li><br />
<li><a href="#">Method</a></li><br />
<li><a href="#">Result</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Notebook</a></li><br />
<li><a href="#">BioBricks</a><br />
<ul><br />
<li><a href="#">All Bricks</a></li><br />
<li><a href="#">Asr</a></li><br />
<li><a href="#">C.Gluta</a></li><br />
<li><a href="#">sf-gfp</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Safety</a></li><br />
<li><a href="#">Outreach</a><br />
<ul><br />
<li><a href="#">Introduction</a></li><br />
<li><a href="#">Other Teams</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Sponsors</a><br />
<ul><br />
<li><a href="#">Our Sponsors</a></li><br />
<li><a href="#">Thank-You Note</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
<table<br />
style="text-align: left; background-color: white; width: 100%; height: 85px;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="vertical-align: top; text-align: center; background-color: white; height: 41px; width: 181px;"></td><br />
</tr><br />
<tr><br />
<td style="width: 181px;" align="center"<br />
valign="top"></td><br />
<td<br />
style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><big><big><big<br />
style="font-family: Palatino Linotype;"><span<br />
style="color: white;">Abstract</span><br<br />
style="color: white;"><br />
<br style="color: white;"><br />
<small><small><span style="color: white;">pH<br />
induced response<br />
elicited by certain promoters in bacteria may have major practical<br />
applications. The response can be targeted for specific pH ranges, for<br />
example in tracking the anomalies associated with the gut micro-biota<br />
or detecting pH inside a bioreactor. There are only limited studies<br />
reported in the area. In the present project, a genetic circuit has<br />
been created, using the promoters of the acid shock response gene from<br />
E.coli and the F0F1 ATPase operon from C. glutamicum that produces a pH<br />
dependent colour gradient, much like a universal pH indicator. A<br />
mathematical model has been developed to simulate the experimental<br />
findings. The present study will form the basis for further research in<br />
the field of synthetic biology.</span></small></small></big></big></big></td><br />
<td style="width: 181px;" align="center"<br />
valign="top"></td><br />
</tr><br />
<tr><br />
<td style="width: 181px;" align="center"<br />
valign="top"></td><br />
<td style="width: 684px;" align="center"<br />
valign="top"></td><br />
<td style="width: 181px;" align="center"<br />
valign="top"></td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T11:14:44Z
<p>Harshitsinha: </p>
<hr />
<div><br />
<html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title></title><br />
<style ="text/css"><br />
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #366b82;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #54879d; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #366b82;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */<br />
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */<br />
text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #54879d;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #54879d;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }<br />
.navbar li ul li a:hover {background-color: #366b82;}<br />
</style><br />
</head><br />
<body><br />
<table<br />
style="text-align: left; background-color: rgb(255, 255, 153); width: 100%; height: 32px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td colspan="1" rowspan="1"<br />
style="vertical-align: top; text-align: center;"></td><br />
</tr><br />
</tbody><br />
</table><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Retrievals</a><br />
<ul><br />
<li><a href="#">Data Listing</a></li><br />
<li><a href="#">Web Scheduling</a></li><br />
<li><a href="#">Google Maps Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Reporting</a><br />
<ul><br />
<li><a href="#">Ad Hoc Report</a></li><br />
<li><a href="#">Drill Down Report</a></li><br />
<li><a href="#">Ranking Report</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Business Intelligence</a><br />
<ul><br />
<li><a href="#">Business Dashboard</a></li><br />
<li><a href="#">Web Pivot Table</a></li><br />
<li><a href="#">Interactive Report</a></li><br />
<li><a href="#">What-If Analysis</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Data Maintenance</a><br />
<ul><br />
<li><a href="#">Database CRUD</a></li><br />
<li><a href="#">Database Update</a></li><br />
<li><a href="#">Order Entry</a></li><br />
<li><a href="#">Drag-and-Drop Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">B2B Portal</a><br />
<ul><br />
<li><a href="#">B2B Portal</a></li><br />
<li><a href="#">Secure Data-Driven Listings</a></li><br />
<li><a href="#">Secure Shopping Cart</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T11:07:28Z
<p>Harshitsinha: Undo revision 139162 by Harshitsinha (talk)</p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title></title><br />
<style ="text/css"><br />
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #366b82;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #54879d; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #366b82;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */<br />
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */<br />
text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #54879d;} <br />
.navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #54879d;} <br />
.navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }<br />
.navbar li ul li a:hover {background-color: #366b82;}<br />
</style><br />
</head><br />
<body><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Retrievals</a><br />
<ul><br />
<li><a href="#">Data Listing</a></li><br />
<li><a href="#">Web Scheduling</a></li><br />
<li><a href="#">Google Maps Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Reporting</a><br />
<ul><br />
<li><a href="#">Ad Hoc Report</a></li><br />
<li><a href="#">Drill Down Report</a></li><br />
<li><a href="#">Ranking Report</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Business Intelligence</a><br />
<ul><br />
<li><a href="#">Business Dashboard</a></li><br />
<li><a href="#">Web Pivot Table</a></li><br />
<li><a href="#">Interactive Report</a></li><br />
<li><a href="#">What-If Analysis</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Data Maintenance</a><br />
<ul><br />
<li><a href="#">Database CRUD</a></li><br />
<li><a href="#">Database Update</a></li><br />
<li><a href="#">Order Entry</a></li><br />
<li><a href="#">Drag-and-Drop Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">B2B Portal</a><br />
<ul><br />
<li><a href="#">B2B Portal</a></li><br />
<li><a href="#">Secure Data-Driven Listings</a></li><br />
<li><a href="#">Secure Shopping Cart</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T11:06:53Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title></title><br />
<style ="text/css"><br />
<! Code from DTU-iGEM 2011 !><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
<! DTU iGEM Code End !><br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #366b82;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #54879d; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #366b82;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */<br />
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */<br />
text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #54879d;} .navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #54879d;} .navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }<br />
.navbar li ul li a:hover {background-color: #366b82;}<br />
</style><br />
</head><br />
<body><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Retrievals</a><br />
<ul><br />
<li><a href="#">Data Listing</a></li><br />
<li><a href="#">Web Scheduling</a></li><br />
<li><a href="#">Google Maps Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Reporting</a><br />
<ul><br />
<li><a href="#">Ad Hoc Report</a></li><br />
<li><a href="#">Drill Down Report</a></li><br />
<li><a href="#">Ranking Report</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Business Intelligence</a><br />
<ul><br />
<li><a href="#">Business Dashboard</a></li><br />
<li><a href="#">Web Pivot Table</a></li><br />
<li><a href="#">Interactive Report</a></li><br />
<li><a href="#">What-If Analysis</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Data Maintenance</a><br />
<ul><br />
<li><a href="#">Database CRUD</a></li><br />
<li><a href="#">Database Update</a></li><br />
<li><a href="#">Order Entry</a></li><br />
<li><a href="#">Drag-and-Drop Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">B2B Portal</a><br />
<ul><br />
<li><a href="#">B2B Portal</a></li><br />
<li><a href="#">Secure Data-Driven Listings</a></li><br />
<li><a href="#">Secure Shopping Cart</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T11:04:22Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title></title><br />
<style ="text/css"><br />
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
/* Redesigning the topmenu */ /***************************/ body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
#wrap {<br />
width: 100%; /* Spans the width of the page */<br />
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */<br />
z-index: 99; /* Makes sure that your menu remains on top of other page elements */<br />
position: relative; background-color: #366b82;<br />
}<br />
.navbar {<br />
height: 50px;<br />
padding: 0;<br />
margin: 0;<br />
position: absolute; /* Ensures that the menu doesn’t affect other elements */<br />
border-right: 1px solid #54879d; }<br />
.navbar li {<br />
height: auto;<br />
width: 150px; /* Each menu item is 150px wide */<br />
float: left; /* This lines up the menu items horizontally */<br />
text-align: center; /* All text is placed in the center of the box */<br />
list-style: none; /* Removes the default styling (bullets) for the list */<br />
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;<br />
margin: 0;<br />
background-color: #366b82;<br />
}<br />
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */<br />
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */<br />
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */<br />
text-decoration: none; /* Removes the default hyperlink styling. */<br />
color: white; /* Text color is white */<br />
display: block;<br />
}<br />
.navbar li:hover, a:hover {background-color: #54879d;} <br />
.navbar li ul {<br />
display: none; /* Hides the drop-down menu */<br />
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */<br />
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {<br />
display: block; /* Displays the drop-down box when the menu item is hovered over */<br />
}<br />
.navbar li ul li {background-color: #54879d;} <br />
.navbar li ul li a {<br />
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }<br />
.navbar li ul li a:hover {background-color: #366b82;}<br />
</style><br />
</head><br />
<body><br />
<div id="wrap"><br />
<ul class="navbar"><br />
<li><a href="#">Home</a></li><br />
<li><a href="#">Retrievals</a><br />
<ul><br />
<li><a href="#">Data Listing</a></li><br />
<li><a href="#">Web Scheduling</a></li><br />
<li><a href="#">Google Maps Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Reporting</a><br />
<ul><br />
<li><a href="#">Ad Hoc Report</a></li><br />
<li><a href="#">Drill Down Report</a></li><br />
<li><a href="#">Ranking Report</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Business Intelligence</a><br />
<ul><br />
<li><a href="#">Business Dashboard</a></li><br />
<li><a href="#">Web Pivot Table</a></li><br />
<li><a href="#">Interactive Report</a></li><br />
<li><a href="#">What-If Analysis</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Data Maintenance</a><br />
<ul><br />
<li><a href="#">Database CRUD</a></li><br />
<li><a href="#">Database Update</a></li><br />
<li><a href="#">Order Entry</a></li><br />
<li><a href="#">Drag-and-Drop Application</a></li><br />
</ul><br />
</li><br />
<li><a href="#">B2B Portal</a><br />
<ul><br />
<li><a href="#">B2B Portal</a></li><br />
<li><a href="#">Secure Data-Driven Listings</a></li><br />
<li><a href="#">Secure Shopping Cart</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Templates/Navigationbar
Team:IIT Delhi/Templates/Navigationbar
2013-09-20T08:08:40Z
<p>Harshitsinha: Created page with "<html> <div id="navigation"> <div class="navigation"> <div class="centering"> <ul class="topnav" id="topnav"> <li class="home navitem1"> ..."</p>
<hr />
<div><html><br />
<br />
<div id="navigation"><br />
<div class="navigation"><br />
<div class="centering"><br />
<ul class="topnav" id="topnav"><br />
<li class="home navitem1"><br />
<a href="https://2013.igem.org/Team:IIT_Delhi">Home</a><br />
</li><br />
<li class="project navitem2"><br />
<a href="https://2013.igem.org/Team:IIT_Delhi/Project">Project</a><br />
<ul class="subnav"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Overview</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Bioinformatics</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Experiment:</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Experiment: </a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Modeling</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Data page</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Attributions</a></li><br />
</ul><br />
</li><br />
<li class="technical_stuff navitem3"><br />
<a href="https://2013.igem.org/Team:IIT_Delhi/Team">Team</a><br />
</li><br />
<li class="background navitem4"><br />
<a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a><br />
<ul class="subnav"><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Small RNA</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">The chitobiose system</a></li><br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Synthetic biology</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T07:45:34Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>css</title><br />
<style type="text/css"><br />
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {<br />
display: none;<br />
}<br />
#top-section {<br />
border: none;<br />
height: 0px;<br />
}<br />
#content {<br />
border: none;<br />
}<br />
#body {<br />
margin: 0;<br />
padding: 0;<br />
background: #ffffff none repeat scroll 0%;<br />
font-family: 'Open Sans',sans-serif;<br />
font-size: 13px;<br />
color: #5b5b5b;<br />
}<br />
#header-wrapper {<br />
background: #b50d0d none repeat scroll 0% 50%;<br />
height: 120px;<br />
}<br />
#header {<br />
background: #b50d0d none repeat scroll 0% 50%;<br />
width: 1000px;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
padding-top: 0px;<br />
padding-bottom: 0px;<br />
height: 120px;<br />
}<br />
<br />
</style><br />
</head><br />
<body<br />
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 153);"<br />
alink="#000099" link="#000099" vlink="#990099"><br />
<div id="header"><br />
</div><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T07:35:07Z
<p>Harshitsinha: Blanked the page</p>
<hr />
<div></div>
Harshitsinha
http://2013.igem.org/File:Img03.png
File:Img03.png
2013-09-20T07:32:48Z
<p>Harshitsinha: </p>
<hr />
<div></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T07:23:07Z
<p>Harshitsinha: </p>
<hr />
<div><!--<br />
Design by Free CSS Templates<br />
http://www.freecsstemplates.org<br />
Released for free under a Creative Commons Attribution 2.5 License<br />
<br />
Name : Breakeven <br />
Description: A two-column, fixed-width design with dark color scheme.<br />
Version : 1.0<br />
Released : 20130509<br />
<br />
--><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta name="keywords" content="" /><br />
<meta name="description" content="" /><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title>Breakeven by FCT</title><br />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css'><br />
<link rel="stylesheet" href="https://2013.igem.org/Team:IIT_Delhi/css?action=raw&ctype=text/css" type="text/css" /><br />
</head><br />
<body><br />
<div id="wrapper"><br />
<div id="header-wrapper"><br />
<div id="header" class="container"><br />
<div id="logo"><br />
<h1><a href="#">Breakeven</a></h1><br />
</div><br />
<div id="menu"><br />
<ul><br />
<li class="current_page_item"><a href="#">Homepage</a></li><br />
<li><a href="#">Services</a></li><br />
<li><a href="#">Portfolio</a></li><br />
<li><a href="#">About</a></li><br />
<li><a href="#">Contact</a></li><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<!-- end #header --><br />
<div id="page"><br />
<div id="content"><br />
<div class="post"><br />
<h2 class="title"><a href="#">Welcome to Breakeven </a></h2><br />
<div class="entry"><br />
<p><a href="#"><img src="images/img05.jpg" width="600" height="170" alt="" /></a></p><br />
<p>This is <strong>Breakeven</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p><br />
<p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p><br />
</div><br />
</div><br />
</div><br />
<!-- end #content --><br />
<div id="sidebar"><br />
<ul><br />
<li><br />
<h2>Categories</h2><br />
<ul><br />
<li><a href="#">Aliquam libero</a></li><br />
<li><a href="#">Consectetuer adipiscing elit</a></li><br />
<li><a href="#">Metus aliquam pellentesque</a></li><br />
<li><a href="#">Suspendisse iaculis mauris</a></li><br />
<li><a href="#">Urnanet non molestie semper</a></li><br />
<li><a href="#">Proin gravida orci porttitor</a></li><br />
</ul><br />
</li><br />
</ul><br />
</div><br />
<!-- end #sidebar --><br />
<div style="clear: both;">&nbsp;</div><br />
</div><br />
<!-- end #page --> <br />
<div id="featured-content"><br />
<div id="column1"><br />
<h2>Maecenas luctus</h2><br />
<p><img src="images/img06.jpg" width="300" height="150" alt="" /></p><br />
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p><br />
<p class="button"><a href="#">Read More</a></p><br />
</div><br />
<div id="column2"><br />
<h2>Fusce fringilla</h2><br />
<p><img src="images/img07.jpg" width="300" height="150" alt="" /></p><br />
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p><br />
<p class="button"><a href="#">Read More</a></p><br />
</div><br />
<div id="column3"><br />
<h2>Praesent mattis</h2><br />
<p><img src="images/img08.jpg" width="300" height="150" alt="" /></p><br />
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p><br />
<p class="button"><a href="#">Read More</a></p><br />
</div><br />
</div><br />
</div><br />
<div id="footer"><br />
<p>Copyright (c) 2013 Sitename.com. All rights reserved. Images by <a href="http://fotogrph.com/">Fotogrph</a>. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.</p><br />
</div><br />
<!-- end #footer --><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T07:16:19Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub {<br />
display:none;<br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
margin-top:10px;<br />
}<br />
<br />
#footer-box {<br />
display:none;<br />
}<br />
<br />
<br />
/*<br />
Design by Free CSS Templates<br />
http://www.freecsstemplates.org<br />
Released for free under a Creative Commons Attribution 2.5 License<br />
*/<br />
<br />
body {<br />
margin: 0;<br />
padding: 0;<br />
background: #FFFFFF;<br />
font-family: 'Open Sans', sans-serif;<br />
font-size: 13px;<br />
color: #5B5B5B;<br />
}<br />
<br />
h1, h2, h3 {<br />
margin: 0;<br />
padding: 0;<br />
font-weight: normal;<br />
font-weight: 200;<br />
color: #222222;<br />
}<br />
<br />
h1 {<br />
font-size: 2em;<br />
}<br />
<br />
h2 {<br />
font-size: 2.8em;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6em;<br />
}<br />
<br />
p, ul, ol {<br />
margin-top: 0;<br />
line-height: 180%;<br />
}<br />
<br />
ul, ol {<br />
}<br />
<br />
a {<br />
color: #B50D0D;<br />
}<br />
<br />
a:hover {<br />
text-decoration: none;<br />
}<br />
<br />
#wrapper {<br />
padding-bottom: 50px;<br />
}<br />
<br />
.container {<br />
width: 1000px;<br />
margin: 0px auto;<br />
}<br />
<br />
/* Header */<br />
<br />
#header-wrapper {<br />
overflow: hidden;<br />
height: 120px;<br />
background: #B50D0D;<br />
}<br />
<br />
#header {<br />
overflow: hidden;<br />
width: 1000px;<br />
height: 120px;<br />
margin: 0 auto;<br />
padding: 0px 0px;<br />
}<br />
<br />
/* Logo */<br />
<br />
#logo {<br />
float: left;<br />
width: 300px;<br />
margin: 0;<br />
padding: 0;<br />
color: #FFFFFF;<br />
}<br />
<br />
#logo h1, #logo p {<br />
}<br />
<br />
#logo h1 {<br />
line-height: 120px;<br />
letter-spacing: -2px;<br />
font-size: 3em;<br />
}<br />
<br />
#logo h1 a {<br />
color: #FFFFFF;<br />
text-transform: uppercase;<br />
}<br />
<br />
#logo p {<br />
margin: 0;<br />
padding: 0px 0 0 0px;<br />
letter-spacing: -1px;<br />
font: normal 18px Georgia, "Times New Roman", Times, serif;<br />
font-style: italic;<br />
color: #8E8E8E;<br />
}<br />
<br />
#logo p a {<br />
color: #8E8E8E;<br />
}<br />
<br />
#logo a {<br />
border: none;<br />
background: none;<br />
text-decoration: none;<br />
color: #12212F;<br />
}<br />
<br />
/* Splash */<br />
<br />
#splash {<br />
width: 960px;<br />
height: 300px;<br />
margin: 0px auto;<br />
}<br />
<br />
/* Search */<br />
<br />
#search {<br />
float: right;<br />
width: 280px;<br />
height: 60px;<br />
padding: 20px 0px 0px 0px;<br />
}<br />
<br />
#search form {<br />
height: 41px;<br />
margin: 0;<br />
padding: 10px 0 0 20px;<br />
}<br />
<br />
#search fieldset {<br />
margin: 0;<br />
padding: 0;<br />
border: none;<br />
}<br />
<br />
#search-text {<br />
width: 170px;<br />
padding: 6px 5px 2px 5px;<br />
border: 1px solid #E7EBED;<br />
background: #FFFFFF;<br />
text-transform: lowercase;<br />
font: normal 11px Arial, Helvetica, sans-serif;<br />
color: #5D781D;<br />
}<br />
<br />
#search-submit {<br />
width: 50px;<br />
height: 22px;<br />
border: none;<br />
background: #B9B9B9;<br />
color: #000000;<br />
}<br />
<br />
/* Menu */<br />
<br />
#menu {<br />
float: right;<br />
width: 500px;<br />
height: 90px;<br />
margin: 0 auto;<br />
padding: 0;<br />
}<br />
<br />
#menu ul {<br />
float: right;<br />
margin: 0;<br />
padding: 50px 0px 0px 0px;<br />
list-style: none;<br />
line-height: normal;<br />
}<br />
<br />
#menu li {<br />
float: left;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
#menu a {<br />
display: block;<br />
margin-right: 1px;<br />
padding: 10px 20px 10px 20px;<br />
text-decoration: none;<br />
text-align: center;<br />
font-size: 13px;<br />
font-weight: 300;<br />
color: #FFFFFF;<br />
border: none;<br />
}<br />
<br />
#menu a:hover, #menu .current_page_item a {<br />
text-decoration: none;<br />
color: #FFFFFF;<br />
}<br />
<br />
#menu .current_page_item a {<br />
background: #690606;<br />
border-radius: 5px;<br />
}<br />
<br />
/* Page */<br />
<br />
#page {<br />
width: 1000px;<br />
margin: 0 auto;<br />
padding: 60px 0px 0px 0px;<br />
background: #FFFFFF;<br />
}<br />
<br />
/* Content */<br />
<br />
#content {<br />
float: left;<br />
width: 600px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.post {<br />
overflow: hidden;<br />
margin-bottom: 40px;<br />
}<br />
<br />
.post .title {<br />
padding: 7px 0px 40px 0px;<br />
letter-spacing: -1px;<br />
}<br />
<br />
.post .title a {<br />
border: none;<br />
text-decoration: none;<br />
color: #222222;<br />
}<br />
<br />
.post .meta {<br />
margin-bottom: 30px;<br />
padding: 10px 0px 0px 0px;<br />
text-align: left;<br />
font-family: 'Abel', sans-serif;<br />
font-size: 16px;<br />
font-weight: 300;<br />
}<br />
<br />
.post .meta .date {<br />
float: left;<br />
}<br />
<br />
.post .meta .posted {<br />
float: right;<br />
}<br />
<br />
.post .meta a {<br />
}<br />
<br />
.post .entry {<br />
padding: 0px 0px 40px 0px;<br />
text-align: justify;<br />
}<br />
<br />
.links {<br />
padding-top: 20px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
.more {<br />
display: block;<br />
float: left;<br />
width: 88px;<br />
padding: 5px 5px;<br />
margin-right: 10px;<br />
background: #B50D0D;<br />
border-radius: 5px;<br />
color: #FFFFFF;<br />
text-align: center;<br />
text-decoration: none;<br />
}<br />
<br />
.comments {<br />
display: block;<br />
float: left;<br />
width: 88px;<br />
padding: 5px 5px;<br />
background: #B50D0D;<br />
border-radius: 5px;<br />
color: #FFFFFF;<br />
text-align: center;<br />
text-decoration: none;<br />
}<br />
<br />
/* Sidebar */<br />
<br />
#sidebar {<br />
float: right;<br />
width: 260px;<br />
margin: 0px;<br />
padding: 40px;<br />
background: #F0F0F0;<br />
border-radius: 7px;<br />
}<br />
<br />
#sidebar ul {<br />
margin: 0;<br />
padding: 0;<br />
list-style: none;<br />
}<br />
<br />
#sidebar li {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
#sidebar li ul {<br />
margin: 0px 0px;<br />
padding-bottom: 30px;<br />
}<br />
<br />
#sidebar li li {<br />
line-height: 40px;<br />
border-bottom: 1px solid #E7EBED;<br />
margin: 0px 0px;<br />
border-left: none;<br />
}<br />
<br />
#sidebar li li span {<br />
display: block;<br />
margin-top: -20px;<br />
padding: 0;<br />
font-size: 11px;<br />
font-style: italic;<br />
}<br />
<br />
#sidebar li li a {<br />
padding: 0px 0px 0px 20px;<br />
background: url(images/img04.jpg) no-repeat left 50%;<br />
}<br />
<br />
#sidebar h2 {<br />
height: 38px;<br />
padding: 0px 0px 30px 0px;<br />
letter-spacing: -.5px;<br />
font-size: 1.8em;<br />
color: #222222;<br />
}<br />
<br />
#sidebar p {<br />
margin: 0 0px;<br />
padding: 0px 30px 20px 30px;<br />
text-align: justify;<br />
}<br />
<br />
#sidebar a {<br />
border: none;<br />
}<br />
<br />
#sidebar a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Calendar */<br />
<br />
#calendar {<br />
}<br />
<br />
#calendar_wrap {<br />
padding: 20px;<br />
}<br />
<br />
#calendar table {<br />
width: 100%;<br />
}<br />
<br />
#calendar tbody td {<br />
text-align: center;<br />
}<br />
<br />
#calendar #next {<br />
text-align: right;<br />
}<br />
<br />
/* Three Column Footer Content */<br />
<br />
#footer-content-wrapper {<br />
}<br />
<br />
#footer-content {<br />
overflow: hidden;<br />
width: 1000px;<br />
margin: 0px auto;<br />
padding: 50px 0px;<br />
color: #FFFFFF;<br />
}<br />
<br />
#footer-content h2 {<br />
color: #FFFFFF;<br />
}<br />
<br />
#footer-content a {<br />
}<br />
<br />
#footer-bg {<br />
overflow: hidden;<br />
padding: 30px 0px;<br />
background: #E8E8E8;<br />
}<br />
<br />
#footer-content h2 {<br />
margin: 0px;<br />
padding: 0px 0px 20px 0px;<br />
font-size: 26px;<br />
color: #FFFFFF;<br />
}<br />
<br />
#footer-content #fbox1 {<br />
float: left;<br />
width: 300px;<br />
margin-right: 50px;<br />
}<br />
<br />
#footer-content #fbox2 {<br />
float: left;<br />
width: 300px;<br />
}<br />
<br />
#footer-content #fbox3 {<br />
float: right;<br />
width: 300px;<br />
}<br />
<br />
#footer-content a {<br />
}<br />
<br />
#column1 {<br />
float: left;<br />
width: 290px;<br />
margin-right: 30px;<br />
}<br />
<br />
#column2 {<br />
float: left;<br />
width: 280px;<br />
}<br />
<br />
#column3 {<br />
float: right;<br />
width: 260px;<br />
}<br />
<br />
/* Footer */<br />
<br />
#footer {<br />
height: 140px;<br />
margin: 0 auto;<br />
padding: 50px 0 15px 0;<br />
background: #B50D0D;<br />
}<br />
<br />
#footer p {<br />
margin: 0;<br />
padding-top: 10px;<br />
letter-spacing: 1px;<br />
line-height: normal;<br />
text-align: center;<br />
color: #E87B7B;<br />
}<br />
<br />
#footer a {<br />
color: #FFBDBD;<br />
}<br />
<br />
#banner {<br />
margin: 0px auto;<br />
width: 1000px;<br />
height: 440px;<br />
background: url(images/img03.png) no-repeat left bottom;<br />
}<br />
<br />
#banner .content {<br />
}<br />
<br />
.list-style1 {<br />
margin: 0px;<br />
padding: 0px;<br />
list-style: none;<br />
}<br />
<br />
.list-style1 a {<br />
color: #7F7F7F;<br />
}<br />
<br />
/** LIST STYLE 1 */<br />
<br />
ul.style1 {<br />
margin: 0px;<br />
padding: 0px 0px 0px 0px;<br />
list-style: none;<br />
}<br />
<br />
ul.style1 li {<br />
padding: 10px 0px 10px 0px;<br />
border-top: 1px solid #162738;<br />
line-height: 160%;<br />
}<br />
<br />
ul.style1 a {<br />
display: block;<br />
padding: 0px 0px 0px 0px;<br />
text-decoration: none;<br />
color: #93B2A0;<br />
}<br />
<br />
ul.style1 a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
ul.style1 .first {<br />
border-top: none;<br />
padding-top: 0px;<br />
}<br />
<br />
#featured-content {<br />
overflow: hidden;<br />
width: 1000px;<br />
margin: 0px auto;<br />
padding: 0px 0px 30px 0px;<br />
}<br />
<br />
#featured-content h2 {<br />
padding: 0px 0px 20px 0px;<br />
font-size: 30px;<br />
}<br />
<br />
#featured-content #column1 {<br />
float: left;<br />
width: 300px;<br />
margin-right: 50px;<br />
}<br />
<br />
#featured-content #column2 {<br />
float: left;<br />
width: 300px;<br />
}<br />
<br />
#featured-content #column3 {<br />
float: right;<br />
width: 300px;<br />
}<br />
<br />
.button a {<br />
display: block;<br />
float: left;<br />
width: 88px;<br />
padding: 5px 5px;<br />
margin-right: 10px;<br />
background: #B50D0D;<br />
border-radius: 5px;<br />
color: #FFFFFF;<br />
text-align: center;<br />
text-decoration: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T07:02:02Z
<p>Harshitsinha: </p>
<hr />
<div>@contentSub {<br />
display:none;<br />
}<br />
<br />
@siteSub {<br />
display:none;<br />
}<br />
<br />
<br />
@search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
margin-top:10px;<br />
}<br />
<br />
#footer-box {<br />
display:none;<br />
}<br />
<br />
@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(https://2013.igem.org/File:Pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-20T07:01:16Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<title>CSS3_seascape_two</title><br />
<meta name="description" content="website description"><br />
<meta name="keywords"<br />
content="website keywords, website keywords"><br />
<meta http-equiv="content-type"<br />
content="text/html; charset=UTF-8"><br />
<link rel="stylesheet" type="text/css"<br />
href="https://2013.igem.org/Team:IIT_Delhi/css?action=raw&ctype=text/css" type="text/css"><br />
<!-- modernizr enables HTML5 elements and feature detects --><br />
<script type="text/javascript" src="https://drive.google.com/#folders/0BwhBIYq-vX1gc0JkVWFvZVZZeHc"></script><br />
<br />
</head><br />
<body><br />
<div id="main"> <header> </header><br />
<div id="logo"><br />
<div id="logo_text"><!-- class="logo_colour", allows you to change the colour of the text --><br />
<h1><a href="index.html">iGEM<span<br />
class="logo_colour">IIT Delhi</span></a></h1><br />
<h2>Project pH. Coli</h2><br />
</div><br />
</div><br />
<nav> </nav><br />
<ul class="sf-menu" id="nav"><br />
<li><a href="index.html">Home</a></li><br />
<li><a href="examples.html">Examples</a></li><br />
<li><a href="page.html">A Page</a></li><br />
<li class="selected"><a href="another_page.html">Another<br />
Page</a></li><br />
<li><a href="#">Example Drop Down</a><br />
<ul><br />
<li><a href="#">Drop Down One</a></li><br />
<li><a href="#">Drop Down Two</a><br />
<ul><br />
<li><a href="#">Sub Drop Down One</a></li><br />
<li><a href="#">Sub Drop Down Two</a></li><br />
<li><a href="#">Sub Drop Down Three</a></li><br />
<li><a href="#">Sub Drop Down Four</a></li><br />
<li><a href="#">Sub Drop Down Five</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Drop Down Three</a></li><br />
<li><a href="#">Drop Down Four</a></li><br />
<li><a href="#">Drop Down Five</a></li><br />
</ul><br />
</li><br />
<li><a href="contact.php">Contact Us</a></li><br />
</ul><br />
<div id="site_content"><br />
<ul id="images"><br />
<li><img src="images/1.jpg" alt="seascape_one"<br />
height="300" width="600"></li><br />
<li><img src="images/2.jpg" alt="seascape_two"<br />
height="300" width="600"></li><br />
<li><img src="images/3.jpg" alt="seascape_three"<br />
height="300" width="600"></li><br />
<li><img src="images/4.jpg" alt="seascape_four"<br />
height="300" width="600"></li><br />
<li><img src="images/5.jpg" alt="seascape_five"<br />
height="300" width="600"></li><br />
<li><img src="images/6.jpg" alt="seascape_seascape"<br />
height="300" width="600"></li><br />
</ul><br />
<div id="sidebar_container"><br />
<div class="sidebar"><br />
<h3>Latest News</h3><br />
<h4>New Website Launched</h4><br />
<h5>January 1st, 2012</h5><br />
<p>2012 sees the redesign of our website. Take a look around and<br />
let us know what you think.<br><br />
<a href="#">Read more</a></p><br />
<h4>20% Discount</h4><br />
<h5>March 1st, 2012</h5><br />
<p>We are offering a 20% discount to all new customers.<br><br />
<a href="#">Read more</a></p><br />
</div><br />
</div><br />
<div class="content"><br />
<h1>Another Page</h1><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed<br />
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim<br />
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br />
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit<br />
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br />
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed<br />
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim<br />
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br />
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit<br />
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br />
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed<br />
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim<br />
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br />
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit<br />
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br />
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p><br />
</div><br />
</div><br />
<footer> </footer><br />
<p>Copyright © CSS3_seascape_two | <a<br />
href="http://www.css3templates.co.uk">design from<br />
css3templates.co.uk</a></p><br />
</div><br />
<p>&nbsp;</p><br />
<!-- javascript at the bottom for fast page loading --><br />
<script type="text/javascript" src="js/jquery.js"></script><br />
<script type="text/javascript"<br />
src="js/jquery.easing-sooper.js"></script><br />
<script type="text/javascript" src="js/jquery.sooperfish.js"></script><br />
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#images').kwicks({<br />
max : 600,<br />
spacing : 2<br />
});<br />
$('ul.sf-menu').sooperfish();<br />
});<br />
</script><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T06:47:14Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub {<br />
display:none;<br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
margin-top:10px;<br />
}<br />
<br />
#footer-box {<br />
display:none;<br />
}<br />
<br />
@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(https://2013.igem.org/File:Pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T06:44:52Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(https://2013.igem.org/File:Pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T06:42:52Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(https://static.igem.org/mediawiki/2013/9/91/Pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T06:16:03Z
<p>Harshitsinha: </p>
<hr />
<div>@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(https://static.igem.org/mediawiki/2013/9/91/Pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/File:Pattern.png
File:Pattern.png
2013-09-20T06:15:15Z
<p>Harshitsinha: uploaded a new version of &quot;File:Pattern.png&quot;</p>
<hr />
<div></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/css
Team:IIT Delhi/css
2013-09-20T06:05:47Z
<p>Harshitsinha: Created page with "@font-face { font-family: Yanone Kaffeesatz; src: url('../fonts/YanoneKaffeesatz-Regular.eot'); src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regul..."</p>
<hr />
<div>@font-face { <br />
font-family: Yanone Kaffeesatz; <br />
src: url('../fonts/YanoneKaffeesatz-Regular.eot'); <br />
src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); <br />
} <br />
<br />
@font-face { <br />
font-family: News Cycle; <br />
src: url('../fonts/NewsCycle-Regular.eot'); <br />
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); <br />
} <br />
<br />
html { <br />
height: 100%;<br />
}<br />
<br />
* { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* tell the browser to render HTML 5 elements as block */<br />
article, aside, figure, footer, header, hgroup, nav, section { <br />
display:block;<br />
}<br />
<br />
body { <br />
font: normal .80em arial, sans-serif;<br />
background: #eeeeee url(../images/pattern.png);<br />
color: #444;<br />
}<br />
<br />
p { <br />
padding: 0 0 20px 0;<br />
line-height: 1.7em;<br />
}<br />
<br />
img { <br />
border: 0;<br />
}<br />
<br />
h1, h2, h3, h4, h5, h6 { <br />
color: #362C20;<br />
letter-spacing: 0em;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
h1, h2, h3 { <br />
font: normal 140% arial, sans-serif;<br />
margin: 0 0 15px 0;<br />
padding: 15px 0 5px 0;<br />
color: #222;<br />
}<br />
<br />
h2 { <br />
font-size: 160%;<br />
padding: 9px 0 5px 0;<br />
}<br />
<br />
h3 { <br />
font-size: 140%;<br />
padding: 5px 0 0 0;<br />
}<br />
<br />
h4, h6 { <br />
color: #00AAD5;<br />
padding: 0 0 5px 0;<br />
font: normal 160% 'News Cycle', arial, sans-serif;<br />
}<br />
<br />
h5, h6 { <br />
color: #555;<br />
font: italic 95% arial, sans-serif;<br />
letter-spacing: normal;<br />
padding: 0 0 15px 0;<br />
}<br />
<br />
a, a:hover { <br />
outline: none;<br />
text-decoration: underline;<br />
color: #B30303;<br />
}<br />
<br />
a:hover { <br />
text-decoration: none;<br />
}<br />
<br />
blockquote { <br />
margin: 20px 0; <br />
padding: 10px 20px 0 20px;<br />
border: 1px solid #E5E5DB;<br />
background: #FFF;<br />
}<br />
<br />
ul { <br />
margin: 2px 0 22px 17px;<br />
}<br />
<br />
ul li { <br />
list-style-type: circle;<br />
margin: 0 0 6px 0; <br />
padding: 0 0 4px 5px;<br />
line-height: 1.5em;<br />
}<br />
<br />
ol { <br />
margin: 8px 0 22px 20px;<br />
}<br />
<br />
ol li { <br />
margin: 0 0 11px 0;<br />
}<br />
<br />
.left { <br />
float: left;<br />
width: auto;<br />
margin-right: 10px;<br />
}<br />
<br />
.right { <br />
float: right; <br />
width: auto;<br />
margin-left: 10px;<br />
}<br />
<br />
.center { <br />
display: block;<br />
text-align: center;<br />
margin: 20px auto;<br />
}<br />
<br />
#main, nav, #container, #logo, #site_content, footer { <br />
margin-left: auto; <br />
margin-right: auto;<br />
}<br />
<br />
#main {<br />
margin: 5px auto;<br />
width: 940px;<br />
background: transparent;<br />
padding-bottom: 30px;<br />
}<br />
<br />
<br />
header { <br />
background: transparent;<br />
height: 130px;<br />
}<br />
<br />
#logo { <br />
width: 940px;<br />
height: 130px;<br />
background: transparent;<br />
color: #888;<br />
padding: 0;<br />
float: left;<br />
}<br />
<br />
#logo h1, #logo h2 { <br />
font: normal 320% 'News Cycle', arial, sans-serif;<br />
border-bottom: 0;<br />
text-transform: none;<br />
margin: 0;<br />
}<br />
<br />
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { <br />
padding: 0;<br />
color: #444;<br />
text-decoration: none;<br />
}<br />
<br />
#logo_text h1 a .logo_colour { <br />
color: #B30303;<br />
}<br />
<br />
#logo_text a:hover .logo_colour { <br />
color: #444;<br />
}<br />
<br />
#logo_text h2 { <br />
font-size: 140%;<br />
padding: 0 0 0 0;<br />
color: #222;<br />
}<br />
<br />
nav { <br />
height: 44px;<br />
width: 940px;<br />
float: right;<br />
margin: -20px auto 0 auto;<br />
color: #222;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
} <br />
<br />
#site_content { <br />
width: 940px;<br />
overflow: hidden;<br />
margin: 0px auto 0 auto;<br />
padding: 15px 0 15px 0;<br />
} <br />
<br />
#sidebar_container { <br />
float: right;<br />
width: 224px;<br />
margin: 25px 0 0 0;<br />
}<br />
<br />
.sidebar { <br />
float: right;<br />
width: 200px;<br />
padding: 5px 20px;<br />
margin: 0 0 17px 0;<br />
}<br />
<br />
.sidebar h3, .content h1 { <br />
padding: 0 15px 20px 0;<br />
font: 230% 'News Cycle', arial, sans-serif;<br />
text-shadow: #FFF 1px 1px;<br />
margin: 0 1px;<br />
color: #444;<br />
}<br />
<br />
.sidebar h3 { <br />
color: #444;<br />
font: 250% 'News Cycle', arial, sans-serif;<br />
padding: 0 15px 5px 0;<br />
}<br />
<br />
.sidebar ul { <br />
margin: 0 0 15px 0;<br />
} <br />
<br />
.sidebar li a, .sidebar li a:hover { <br />
color: #555;<br />
text-decoration: none;<br />
} <br />
<br />
.sidebar li a:hover { <br />
text-decoration: underline;<br />
} <br />
<br />
.sidebar_item, .content_item { <br />
padding: 15px 0;<br />
}<br />
<br />
.content { <br />
text-align: left;<br />
width: 670px;<br />
margin: 25px 0 0 0;<br />
float: left;<br />
font-size: 120%;<br />
}<br />
<br />
.content ul { <br />
margin: 2px 0 22px 0px;<br />
}<br />
<br />
.content ul li, .sidebar ul li { <br />
list-style-type: none;<br />
background: url(../images/bullet.png) no-repeat;<br />
margin: 0 0 0 0; <br />
padding: 0 0 4px 28px;<br />
line-height: 1.5em;<br />
}<br />
<br />
footer { <br />
width: 950px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
height: 30px;<br />
padding: 5px 0 20px 0;<br />
text-align: center;<br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #eee;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
}<br />
<br />
footer p { <br />
line-height: 1.7em;<br />
padding: 0 0 10px 0;<br />
}<br />
<br />
footer a { <br />
color: #222;<br />
text-decoration: none;<br />
}<br />
<br />
footer a:hover { <br />
color: #222;<br />
text-shadow: none;<br />
text-decoration: underline;<br />
}<br />
<br />
.form_settings { <br />
margin: 15px 0 0 0;<br />
}<br />
<br />
.form_settings p { <br />
padding: 0 0 4px 0;<br />
}<br />
<br />
.form_settings span { <br />
float: left; <br />
width: 200px; <br />
text-align: left;<br />
}<br />
<br />
.form_settings input, .form_settings textarea { <br />
padding: 5px; <br />
width: 299px; <br />
font: 100% arial; <br />
border: 1px solid #D5D5D5; <br />
background: #FFF; <br />
color: #47433F;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px; <br />
}<br />
<br />
.form_settings .submit { <br />
font: 140% 'Yanone Kaffeesatz', arial, sans-serif; <br />
border: 0; <br />
width: 99px; <br />
margin: 0 0 0 212px; <br />
height: 33px;<br />
padding: 2px 0 3px 0;<br />
cursor: pointer; <br />
background: #ddd; /* Show a solid color for older browsers */<br />
background: -moz-linear-gradient(#fff, #ddd);<br />
background: -o-linear-gradient(#fff, #ddd);<br />
background: -webkit-linear-gradient(#fff, #ddd);<br />
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;<br />
border: 1px solid #ddd;<br />
border-radius: 7px 7px 7px 7px;<br />
-moz-border-radius: 7px 7px 7px 7px;<br />
-webkit-border: 7px 7px 7px 7px;<br />
color: #222;<br />
text-shadow: 1px 1px #FFF;<br />
}<br />
<br />
.form_settings textarea, .form_settings select { <br />
font: 100% arial; <br />
width: 299px;<br />
}<br />
<br />
.form_settings select { <br />
width: 310px;<br />
}<br />
<br />
.form_settings .checkbox { <br />
margin: 4px 0; <br />
padding: 0; <br />
width: 14px;<br />
border: 0;<br />
background: none;<br />
}<br />
<br />
.separator { <br />
width: 100%;<br />
height: 0;<br />
border-top: 1px solid #D9D5CF;<br />
border-bottom: 1px solid #FFF;<br />
margin: 0 0 20px 0;<br />
}<br />
<br />
table { <br />
margin: 10px 0 30px 0;<br />
}<br />
<br />
table tr th, table tr td { <br />
background: #BBB;<br />
color: #FFF;<br />
padding: 7px 4px;<br />
text-align: left;<br />
}<br />
<br />
table tr td { <br />
background: #DDD;<br />
color: #444;<br />
border-top: 1px solid #FFF;<br />
}<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
list-style: none;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
}<br />
<br />
<br />
<br />
/**<br />
Stylesheet for SooperFish by www.SooperThemes.com<br />
Author: Jurriaan Roelofs<br />
**/<br />
<br />
/* Configuration of menu width */<br />
html body ul.sf-menu ul,html body ul.sf-menu ul li { <br />
width: 200px;<br />
}<br />
<br />
html body ul.sf-menu ul ul { <br />
margin: 0 0 0 200px;<br />
}<br />
<br />
/* Framework for proper showing/hiding/positioning */<br />
ul.sf-menu,ul.sf-menu * { <br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
ul.sf-menu { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li { <br />
display: block;<br />
list-style: none;<br />
float: left;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu li:hover { <br />
visibility: inherit; /* fixes IE7 'sticky bug' */ <br />
}<br />
<br />
ul.sf-menu a { <br />
display: block;<br />
position: relative;<br />
}<br />
<br />
ul.sf-menu ul { <br />
position: absolute;<br />
left: 0;<br />
width: 150px; <br />
top: auto;<br />
left: -999999px;<br />
}<br />
<br />
ul.sf-menu ul a { <br />
zoom: 1; /* IE6/7 fix */ <br />
}<br />
<br />
ul.sf-menu ul li { <br />
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */<br />
width: 150px;<br />
}<br />
<br />
ul.sf-menu ul ul { <br />
top: 0;<br />
margin: 0 0 0 150px;<br />
}<br />
<br />
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, <br />
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,<br />
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,<br />
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { <br />
left: auto;<br />
}<br />
<br />
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,<br />
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,<br />
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { <br />
left: -999999px;<br />
}<br />
<br />
/* autoArrows CSS */<br />
span.sf-arrow { <br />
width: 7px;<br />
height: 7px;<br />
position: absolute;<br />
top: 20px;<br />
right: 5px;<br />
display: block;<br />
background: url(../images/arrows-black.png) no-repeat 0 0;<br />
overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */<br />
font-size: 1px;<br />
}<br />
<br />
ul ul span.sf-arrow { <br />
right: 5px;<br />
top: 20px;<br />
background-position: 0 100%;<br />
}<br />
<br />
/* Theming the menu */<br />
ul#nav { <br />
float: left;<br />
}<br />
<br />
ul#nav ul { <br />
background: #ddd;<br />
margin-top: 5px;<br />
padding-bottom: 15px;<br />
}<br />
<br />
ul#nav li a { <br />
padding: 7px 25px 6px 25px;<br />
font: 170% 'Yanone Kaffeesatz', arial, sans-serif;<br />
text-shadow: 1px 1px #fff;<br />
text-decoration: none;<br />
color: #222;<br />
margin-right: 2px;<br />
}<br />
<br />
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { <br />
color: #B30303;<br />
text-shadow: none;<br />
}<br />
<br />
ul#nav ul li a { <br />
color: #222;<br />
}<br />
<br />
ul#nav ul li a:hover { <br />
color: #B30303;<br />
margin-right: 2px;<br />
}<br />
<br />
<br />
<br />
/* Image Transitions */<br />
ul#images {<br />
margin: 0 15px 10px 0;<br />
padding: 0;<br />
position: relative;<br />
}<br />
<br />
ul#images li {<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;<br />
float: left;<br />
width: 155px;<br />
height: 300px;<br />
list-style: none;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Safety
Team:IIT Delhi/Safety
2013-09-19T08:57:02Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<head><br />
<meta content="text/html; charset=ISO-8859-1"<br />
http-equiv="content-type"><br />
<title>index.html</title><br />
<style type="text/css"><br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
*{<br />
margin:0;<br />
padding:0;<br />
}<br />
body{<br />
text-align:center; /*For IE6 Shenanigans*/<br />
}<br />
#wrapper{<br />
width:960px;<br />
margin:0 auto;<br />
text-align:left;<br />
}<br />
</style><br />
</head><br />
<body<br />
style="background-repeat: no-repeat; color: rgb(0, 0, 0); background-color: rgb(216, 216, 216); margin-top: 0px; height: 349px; margin-left: 0px; width: 1005px;"<br />
alink="#000099" link="#000099" vlink="#990099"><br />
<table<br />
style="width: 960px; height: 494px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="0" cellspacing="0"><br />
<tbody><br />
<tr><br />
<td rowspan="1" colspan="8"<br />
style="height: 66px; background-color: rgb(51, 51, 51); width: 127px;"<br />
align="undefined" valign="undefined"><img<br />
style="width: 100%; height: 323px;" alt=""<br />
src="file:///C:/Users/ongc/Desktop/Z/agro_world/images/image_01.jpg"></td><br />
</tr><br />
<tr><br />
<th<br />
style="background-color: rgb(51, 51, 51); height: 43px; color: white; text-align: center; width: 116px;">Home</th><br />
<td<br />
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 114px;"<br />
valign="undefined">Project</td><br />
<td<br />
style="color: white; text-align: center; background-color: rgb(51, 51, 51); width: 65px;"<br />
valign="undefined">Diary</td><br />
<td<br />
style="height: 43px; color: white; text-align: center; background-color: rgb(51, 51, 51); width: 144px;">Model</td><br />
<td<br />
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 127px;"<br />
valign="undefined">BioBricks</td><br />
<td<br />
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 129px;"<br />
valign="undefined">Outreach</td><br />
<td<br />
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 132px;"<br />
valign="undefined">Team</td><br />
<td<br />
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 132px;"<br />
valign="undefined">Sponsors</td><br />
</tr><br />
<tr style="height: 56px;"><br />
<td style="height: 67px; width: 127px;" colspan="8"<br />
rowspan="1"><br />
<hr style="width: 100%; height: 2px;"><br><br />
</td><br />
</tr><br />
<tr><br />
<td style="height: 307px; width: 116px;"<br />
align="undefined" valign="undefined"></td><br />
<td colspan="6" rowspan="1"<br />
style="height: 307px; background-color: rgb(237, 237, 237); width: 127px;"></td><br />
<td style="height: 307px; width: 132px;"<br />
align="undefined" valign="undefined"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
<table<br />
style="width: 960px; height: 55px; text-align: left; margin-left: auto; margin-right: auto;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr><br />
<td style="height: 29px; width: 93px;"></td><br />
<td<br />
style="height: 29px; width: 791px; background-color: rgb(226, 226, 226);"<br />
align="undefined" valign="undefined"><br />
<h3>Abstract</h3><br />
<span style="font-family: Palatino Linotype;">&nbsp;pH<br />
induced response elicited by certain promoters in bacteria may have<br />
major practical applications. The response can be targeted for specific<br />
pH ranges, for example in tracking the anomalies associated with the<br />
gut micro-biota or detecting pH inside a bioreactor. There are only<br />
limited studies reported in the area. In the present project, a genetic<br />
circuit has been created, using the promoters of the acid shock<br />
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum<br />
that produces a pH dependent colour gradient, much like a universal pH<br />
indicator. A mathematical model has been developed to simulate the<br />
experimental findings. The present study will form the basis for<br />
further research in the field of synthetic biology.<br><br />
<br><br />
</span></td><br />
<td<br />
style="height: 29px; width: 93px; font-family: Palatino Linotype;"<br />
align="undefined" valign="undefined"></td><br />
</tr><br />
<tr><br />
<td colspan="3" rowspan="1"<br />
style="width: 93px; font-family: Palatino Linotype; height: 35px;"<br />
align="undefined" valign="undefined"><br />
<hr style="width: 100%; height: 2px;"><br><br />
<table style="text-align: left; width: 100%; height: 108px;"<br />
border="0" cellpadding="2" cellspacing="2"><br />
<tbody><br />
<tr style="margin-top: 0px; height: 28px;"><br />
<td style="width: 113px; height: 66px;"<br />
align="undefined" valign="undefined"></td><br />
<td<br />
style="width: 367px; height: 66px; background-color: rgb(240, 240, 240);"></td><br />
<td<br />
style="width: 365px; height: 66px; background-color: rgb(240, 240, 240);"></td><br />
<td style="width: 112px; height: 66px;"<br />
align="undefined" valign="undefined"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</td><br />
</tr><br />
<tr><br />
<td style="width: 93px; height: 33px;" align="undefined"<br />
valign="undefined"></td><br />
<td style="width: 791px; height: 33px;"<br />
align="undefined" valign="undefined"><font<br />
size="-1">Content Created by: Team iGEM IIT Delhi, Hauz<br />
Khas, New Delhi</font></td><br />
<td style="width: 93px; height: 33px;" align="undefined"<br />
valign="undefined"></td><br />
</tr><br />
</tbody><br />
</table><br />
<br><br />
</body><br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/stylesheet.css
Team:IIT Delhi/stylesheet.css
2013-09-11T09:50:06Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
* {<br />
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;<br />
margin:0;<br />
padding:0;<br />
color:#666;<br />
}<br />
<br />
html {<br />
<br />
}<br />
<br />
body{<br />
background:#e0ecf1 ;<br />
}<br />
<br />
<br />
.page_margins{<br />
/*<br />
min-width:960px;<br />
max-width:64em;<br />
*/<br />
background:#fff ;<br />
width:960px;<br />
position:relative;<br />
margin:0px auto;<br />
padding:16px 16px;<br />
}<br />
<br />
/* Navbar<br />
*/<br />
<br />
#navbar ul { <br />
margin: 0; <br />
padding: 5px; <br />
list-style-type: none; <br />
text-align: center; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li { <br />
display: inline; <br />
} <br />
<br />
#navbar ul li a { <br />
text-decoration: none; <br />
padding: .2em 1em; <br />
color: #fff; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li a:hover { <br />
color: #000; <br />
background-color: #fff; <br />
} <br />
<br />
<br />
<br />
<br />
<br />
<br />
/* 1. H E A D E R<br />
*/<br />
<br />
<br />
#header{<br />
position:relative;<br />
z-index:2;<br />
}<br />
<br />
#header .page_margins{<br />
background:#e0ecf1<br />
} <br />
<br />
<br />
<br />
h1{<br />
position:relative;<br />
top:20px;<br />
text-indent:-9999px;<br />
width:25%;<br />
height:148px;<br />
background:url(../img/logo.png) no-repeat 0 0px;<br />
float:left;<br />
}<br />
<br />
#header h2{<br />
font-size:10px;<br />
position:absolute;<br />
width:20%;<br />
left:16px;<br />
top:128px;<br />
}<br />
<br />
#header p{<br />
width:104px;/*--> Change in Elastic-Layout */<br />
font-size:10px;<br />
line-height:normal;<br />
text-indent:0;<br />
position:absolute;<br />
top:32px;<br />
left:256px;<br />
line-height:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
#header p + p{<br />
top:20px;<br />
left:376px;<br />
}<br />
<br />
#header p + p + p{<br />
top:20px;<br />
left:496px;<br />
}<br />
<br />
#header p + p + p + p{<br />
top:20px;<br />
left:616px;<br />
}<br />
<br />
#header p + p + p + p + p{<br />
top:20px;<br />
left:736px;<br />
}<br />
<br />
#header p + p + p + p + p +p{<br />
top:20px;<br />
left:856px;<br />
}<br />
<br />
<br />
<br />
#header h3{<br />
font-size:16px;<br />
line-height:16px;<br />
width:224px;<br />
position:absolute;<br />
top:16px;;<br />
left:256px;<br />
}<br />
<br />
<br />
<br />
#service-nav{<br />
width:800px; <br />
height:22px; <br />
position:absolute; <br />
right:10; <br />
top:158px; <br />
background-color:#000; <br />
z-index:99;<br />
}<br />
<br />
#service-nav li{<br />
list-style:none;<br />
display:inline;<br />
}<br />
#service-nav li a{<br />
color:#FFFFFF;<br />
font-size:18px;<br />
font-style:italic;<br />
text-decoration:none;<br />
display:block;<br />
float:left;<br />
padding:4px 8px 4px 12px;<br />
width:100px;<br />
background-color:#000;<br />
}<br />
<br />
#service-nav li a:hover, #service-nav li a:focus{<br />
background-color:#9BB3B7;<br />
}<br />
<br />
<br />
<br />
/* 2. A R T I K E L<br />
*/<br />
<br />
<br />
/* 2.1 Artikel-Head<br />
*/<br />
<br />
.article_head{<br />
z-index:1;<br />
position:relative;<br />
}<br />
<br />
.article_head .page_margins{<br />
height:272px;<br />
border-top:#000 10px solid;<br />
padding-bottom:0;<br />
<br />
}<br />
<br />
.article_head p.intro{<br />
position:absolute;<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:right;<br />
margin-bottom:16px;<br />
width:224px; /* --> Change in Elastic-Layout */<br />
top:43px;<br />
}<br />
<br />
p.intro, p.intro+p, div>p:first-child{<br />
text-indent:0;<br />
}<br />
<br />
.article_head h2{<br />
position:absolute;<br />
text-transform:uppercase;<br />
letter-spacing:4px;<br />
font-size:5em;<br />
line-height:1em;<br />
font-weight:normal;<br />
width:75%;<br />
left:25%;<br />
top:97px;<br />
margin-left:16px;<br />
}<br />
<br />
.article_head h3{<br />
font-size:36px;<br />
font-style:italic;<br />
font-weight:normal;<br />
position:absolute;<br />
top:34px;<br />
width:75%;<br />
left:25%;<br />
margin-left:16px;<br />
}<br />
<br />
/*remove Letter-Spacing --> manual kerning*/<br />
h2 span{<br />
letter-spacing:0px;<br />
}<br />
<br />
.article_info{<br />
color:#999;<br />
font-size:10px;<br />
border-top:#666 1px solid;<br />
text-align:center;<br />
margin:0 auto; <br />
padding-bottom:4px; <br />
width:480px;<br />
<br />
}<br />
<br />
<br />
<br />
/* 2.2 Artikel-Body<br />
*/<br />
<br />
.article{<br />
<br />
margin-bottom:32px;<br />
background:url(../img/z30_1_gr.gif) left top no-repeat;<br />
}<br />
<br />
.article .page_margins{<br />
padding-bottom:32px;<br />
padding-top:0;<br />
<br />
<br />
}<br />
<br />
<br />
.col{<br />
width:25%;<br />
float:left;<br />
}<br />
<br />
.two_col{/* --> to prevent floating too short coloumns */<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
.two_col > .col{<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
<br />
.col12{<br />
width:12.5%;<br />
float:left;<br />
}<br />
<br />
.col > *, .w50 > *{<br />
margin-right:16px;<br />
}<br />
<br />
<br />
.w50{<br />
width:50%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.two_col > .w50{<br />
width:25%;<br />
}<br />
<br />
.w25{<br />
width:25%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.img{<br />
float:left;<br />
margin:0 16px 16px 0;<br />
}<br />
<br />
.img>img{<br />
width:100%;<br />
float:left;<br />
}<br />
<br />
<br />
<br />
.w50 > *, .w25 > *, .col12 > *,.no_img > * {/* --> 12,5% coloumns */<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:10px;<br />
line-height:12px;<br />
margin-right:16px;<br />
}<br />
<br />
.w50{<br />
margin-bottom:16px;<br />
<br />
}<br />
<br />
.right{<br />
float:right;<br />
}<br />
<br />
<br />
<br />
p.intro{<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:left;<br />
margin-bottom:16px;<br />
}<br />
<br />
p{<br />
font-size:14px;<br />
line-height:16px;<br />
}<br />
<br />
.page_margins:first-child:first-child:first-letter{<br />
font-size:22px;<br />
}<br />
<br />
p + p{<br />
text-indent:16px;<br />
}<br />
<br />
p + div{<br />
margin-top:16px;<br />
}<br />
<br />
<br />
<br />
<br />
blockquote{<br />
margin:13px 0;<br />
border-top:1px solid #000000;<br />
border-bottom:1px solid #000000;<br />
padding:8px 16px 12px 16px;<br />
}<br />
<br />
blockquote p{<br />
font-size:16px;<br />
line-height:16px;<br />
font-style:italic;<br />
text-align:center;<br />
}<br />
<br />
<br />
abbr, acronym{<br />
font-variant:small-caps;<br />
cursor:help;<br />
font-size:12px;<br />
text-decoration:none;<br />
}<br />
<br />
.article strong{<br />
font-variant:small-caps;<br />
font-weight:normal;<br />
font-size:12px;<br />
<br />
}<br />
<br />
.article a{<br />
<br />
}<br />
<br />
.extra{<br />
background:#e0ecf1;<br />
padding:10px 10px 16px 10px;<br />
clear:both;<br />
margin-bottom:16px;<br />
}<br />
<br />
.extra h3{<br />
text-align:center;<br />
font-variant:small-caps;<br />
<br />
font-weight:normal;<br />
line-height:20px;<br />
margin-bottom:8px;<br />
letter-spacing:1px;<br />
border-bottom:1px solid #000000;<br />
border-top:1px solid #000000;<br />
background-color:#FFFFFF;<br />
padding:10px 0 10px 0;<br />
}<br />
<br />
.extra p{<br />
line-height:16px;<br />
}<br />
<br />
div.extra h3 + p:first-letter {<br />
font-size:34px;<br />
height:34px;<br />
position:relative;<br />
display:block;<br />
float:left;<br />
margin-top:5px;<br />
margin-right:5px;<br />
}<br />
<br />
<br />
<br />
.article_head:after, #header:after, .article:after, .page_margins:after{/* --> clear floats */<br />
content: ".";<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
<br />
<br />
/* 3. C A T E G O R I E S<br />
*/<br />
<br />
#categories{<br />
position:fixed;<br />
width:120px;<br />
top:190px;<br />
right:-120px;<br />
z-index:120;<br />
background-color:#222;<br />
padding-bottom:16px;<br />
}<br />
<br />
#categories:hover{<br />
right:0px;<br />
}<br />
<br />
#categories h4{<br />
cursor:pointer;<br />
background-color:#000000;<br />
padding:10px;<br />
color:#FFFFFF;<br />
font-variant:small-caps;<br />
text-align:center;<br />
position:absolute;<br />
left:-30px;<br />
width:10px;<br />
}<br />
<br />
#categories ul, #categories h5{<br />
margin:0px 16px;<br />
}<br />
<br />
#categories h5{<br />
font-variant:small-caps;<br />
color:#FFFFFF;<br />
margin:16px 16px 0px 16px;<br />
}<br />
<br />
#categories ul li{<br />
list-style:none;<br />
<br />
}<br />
<br />
#categories ul li a{<br />
color:#999999;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
<br />
#categories ul li a span{<br />
color:#999999;<br />
width:18px;<br />
display:block;<br />
float:left;<br />
text-align:left;<br />
}<br />
<br />
<br />
<br />
#categories ul li a:hover, #categories ul li a:hover span{<br />
color:#fff;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/stylesheet.css
Team:IIT Delhi/stylesheet.css
2013-09-11T09:43:56Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
* {<br />
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;<br />
margin:0;<br />
padding:0;<br />
color:#666;<br />
}<br />
<br />
html {<br />
<br />
}<br />
<br />
body{<br />
background:#e0ecf1 ;<br />
}<br />
<br />
<br />
.page_margins{<br />
/*<br />
min-width:960px;<br />
max-width:64em;<br />
*/<br />
background:#fff ;<br />
width:960px;<br />
position:relative;<br />
margin:0px auto;<br />
padding:16px 16px;<br />
}<br />
<br />
/* Navbar<br />
*/<br />
<br />
#navbar ul { <br />
margin: 0; <br />
padding: 5px; <br />
list-style-type: none; <br />
text-align: center; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li { <br />
display: inline; <br />
} <br />
<br />
#navbar ul li a { <br />
text-decoration: none; <br />
padding: .2em 1em; <br />
color: #fff; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li a:hover { <br />
color: #000; <br />
background-color: #fff; <br />
} <br />
<br />
<br />
<br />
<br />
<br />
<br />
/* 1. H E A D E R<br />
*/<br />
<br />
<br />
#header{<br />
position:relative;<br />
z-index:2;<br />
}<br />
<br />
#header .page_margins{<br />
background:#e0ecf1<br />
} <br />
<br />
<br />
<br />
h1{<br />
position:relative;<br />
top:20px;<br />
text-indent:-9999px;<br />
width:25%;<br />
height:148px;<br />
background:url(../img/logo.png) no-repeat 0 0px;<br />
float:left;<br />
}<br />
<br />
#header h2{<br />
font-size:10px;<br />
position:absolute;<br />
width:20%;<br />
left:16px;<br />
top:128px;<br />
}<br />
<br />
#header p{<br />
width:104px;/*--> Change in Elastic-Layout */<br />
font-size:10px;<br />
line-height:normal;<br />
text-indent:0;<br />
position:absolute;<br />
top:32px;<br />
left:256px;<br />
line-height:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
#header p + p{<br />
top:20px;<br />
left:376px;<br />
}<br />
<br />
#header p + p + p{<br />
top:20px;<br />
left:496px;<br />
}<br />
<br />
#header p + p + p + p{<br />
top:20px;<br />
left:616px;<br />
}<br />
<br />
#header p + p + p + p + p{<br />
top:20px;<br />
left:736px;<br />
}<br />
<br />
#header p + p + p + p + p +p{<br />
top:20px;<br />
left:856px;<br />
}<br />
<br />
<br />
<br />
#header h3{<br />
font-size:16px;<br />
line-height:16px;<br />
width:224px;<br />
position:absolute;<br />
top:16px;;<br />
left:256px;<br />
}<br />
<br />
<br />
<br />
#service-nav{<br />
width:496px; <br />
height:22px; <br />
position:absolute; <br />
right:0; <br />
top:158px; <br />
background-color:#000; <br />
z-index:99;<br />
}<br />
<br />
#service-nav li{<br />
list-style:none;<br />
display:inline;<br />
}<br />
#service-nav li a{<br />
color:#FFFFFF;<br />
font-size:18px;<br />
font-style:italic;<br />
text-decoration:none;<br />
display:block;<br />
float:left;<br />
padding:4px 8px 4px 12px;<br />
width:100px;<br />
background-color:#000;<br />
}<br />
<br />
#service-nav li a:hover, #service-nav li a:focus{<br />
background-color:#9BB3B7;<br />
}<br />
<br />
<br />
<br />
/* 2. A R T I K E L<br />
*/<br />
<br />
<br />
/* 2.1 Artikel-Head<br />
*/<br />
<br />
.article_head{<br />
z-index:1;<br />
position:relative;<br />
}<br />
<br />
.article_head .page_margins{<br />
height:272px;<br />
border-top:#000 10px solid;<br />
padding-bottom:0;<br />
<br />
}<br />
<br />
.article_head p.intro{<br />
position:absolute;<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:right;<br />
margin-bottom:16px;<br />
width:224px; /* --> Change in Elastic-Layout */<br />
top:43px;<br />
}<br />
<br />
p.intro, p.intro+p, div>p:first-child{<br />
text-indent:0;<br />
}<br />
<br />
.article_head h2{<br />
position:absolute;<br />
text-transform:uppercase;<br />
letter-spacing:4px;<br />
font-size:5em;<br />
line-height:1em;<br />
font-weight:normal;<br />
width:75%;<br />
left:25%;<br />
top:97px;<br />
margin-left:16px;<br />
}<br />
<br />
.article_head h3{<br />
font-size:36px;<br />
font-style:italic;<br />
font-weight:normal;<br />
position:absolute;<br />
top:34px;<br />
width:75%;<br />
left:25%;<br />
margin-left:16px;<br />
}<br />
<br />
/*remove Letter-Spacing --> manual kerning*/<br />
h2 span{<br />
letter-spacing:0px;<br />
}<br />
<br />
.article_info{<br />
color:#999;<br />
font-size:10px;<br />
border-top:#666 1px solid;<br />
text-align:center;<br />
margin:0 auto; <br />
padding-bottom:4px; <br />
width:480px;<br />
<br />
}<br />
<br />
<br />
<br />
/* 2.2 Artikel-Body<br />
*/<br />
<br />
.article{<br />
<br />
margin-bottom:32px;<br />
background:url(../img/z30_1_gr.gif) left top no-repeat;<br />
}<br />
<br />
.article .page_margins{<br />
padding-bottom:32px;<br />
padding-top:0;<br />
<br />
<br />
}<br />
<br />
<br />
.col{<br />
width:25%;<br />
float:left;<br />
}<br />
<br />
.two_col{/* --> to prevent floating too short coloumns */<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
.two_col > .col{<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
<br />
.col12{<br />
width:12.5%;<br />
float:left;<br />
}<br />
<br />
.col > *, .w50 > *{<br />
margin-right:16px;<br />
}<br />
<br />
<br />
.w50{<br />
width:50%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.two_col > .w50{<br />
width:25%;<br />
}<br />
<br />
.w25{<br />
width:25%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.img{<br />
float:left;<br />
margin:0 16px 16px 0;<br />
}<br />
<br />
.img>img{<br />
width:100%;<br />
float:left;<br />
}<br />
<br />
<br />
<br />
.w50 > *, .w25 > *, .col12 > *,.no_img > * {/* --> 12,5% coloumns */<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:10px;<br />
line-height:12px;<br />
margin-right:16px;<br />
}<br />
<br />
.w50{<br />
margin-bottom:16px;<br />
<br />
}<br />
<br />
.right{<br />
float:right;<br />
}<br />
<br />
<br />
<br />
p.intro{<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:left;<br />
margin-bottom:16px;<br />
}<br />
<br />
p{<br />
font-size:14px;<br />
line-height:16px;<br />
}<br />
<br />
.page_margins:first-child:first-child:first-letter{<br />
font-size:22px;<br />
}<br />
<br />
p + p{<br />
text-indent:16px;<br />
}<br />
<br />
p + div{<br />
margin-top:16px;<br />
}<br />
<br />
<br />
<br />
<br />
blockquote{<br />
margin:13px 0;<br />
border-top:1px solid #000000;<br />
border-bottom:1px solid #000000;<br />
padding:8px 16px 12px 16px;<br />
}<br />
<br />
blockquote p{<br />
font-size:16px;<br />
line-height:16px;<br />
font-style:italic;<br />
text-align:center;<br />
}<br />
<br />
<br />
abbr, acronym{<br />
font-variant:small-caps;<br />
cursor:help;<br />
font-size:12px;<br />
text-decoration:none;<br />
}<br />
<br />
.article strong{<br />
font-variant:small-caps;<br />
font-weight:normal;<br />
font-size:12px;<br />
<br />
}<br />
<br />
.article a{<br />
<br />
}<br />
<br />
.extra{<br />
background:#e0ecf1;<br />
padding:10px 10px 16px 10px;<br />
clear:both;<br />
margin-bottom:16px;<br />
}<br />
<br />
.extra h3{<br />
text-align:center;<br />
font-variant:small-caps;<br />
<br />
font-weight:normal;<br />
line-height:20px;<br />
margin-bottom:8px;<br />
letter-spacing:1px;<br />
border-bottom:1px solid #000000;<br />
border-top:1px solid #000000;<br />
background-color:#FFFFFF;<br />
padding:10px 0 10px 0;<br />
}<br />
<br />
.extra p{<br />
line-height:16px;<br />
}<br />
<br />
div.extra h3 + p:first-letter {<br />
font-size:34px;<br />
height:34px;<br />
position:relative;<br />
display:block;<br />
float:left;<br />
margin-top:5px;<br />
margin-right:5px;<br />
}<br />
<br />
<br />
<br />
.article_head:after, #header:after, .article:after, .page_margins:after{/* --> clear floats */<br />
content: ".";<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
<br />
<br />
/* 3. C A T E G O R I E S<br />
*/<br />
<br />
#categories{<br />
position:fixed;<br />
width:120px;<br />
top:190px;<br />
right:-120px;<br />
z-index:120;<br />
background-color:#222;<br />
padding-bottom:16px;<br />
}<br />
<br />
#categories:hover{<br />
right:0px;<br />
}<br />
<br />
#categories h4{<br />
cursor:pointer;<br />
background-color:#000000;<br />
padding:10px;<br />
color:#FFFFFF;<br />
font-variant:small-caps;<br />
text-align:center;<br />
position:absolute;<br />
left:-30px;<br />
width:10px;<br />
}<br />
<br />
#categories ul, #categories h5{<br />
margin:0px 16px;<br />
}<br />
<br />
#categories h5{<br />
font-variant:small-caps;<br />
color:#FFFFFF;<br />
margin:16px 16px 0px 16px;<br />
}<br />
<br />
#categories ul li{<br />
list-style:none;<br />
<br />
}<br />
<br />
#categories ul li a{<br />
color:#999999;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
<br />
#categories ul li a span{<br />
color:#999999;<br />
width:18px;<br />
display:block;<br />
float:left;<br />
text-align:left;<br />
}<br />
<br />
<br />
<br />
#categories ul li a:hover, #categories ul li a:hover span{<br />
color:#fff;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/stylesheet.css
Team:IIT Delhi/stylesheet.css
2013-09-11T09:39:35Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
* {<br />
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;<br />
margin:0;<br />
padding:0;<br />
color:#666;<br />
}<br />
<br />
html {<br />
<br />
}<br />
<br />
body{<br />
background:#e0ecf1 ;<br />
}<br />
<br />
<br />
.page_margins{<br />
/*<br />
min-width:960px;<br />
max-width:64em;<br />
*/<br />
background:#fff ;<br />
width:960px;<br />
position:relative;<br />
margin:0px auto;<br />
padding:16px 16px;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* 1. H E A D E R<br />
*/<br />
<br />
<br />
#header{<br />
position:relative;<br />
z-index:2;<br />
}<br />
<br />
#header .page_margins{<br />
background:#e0ecf1<br />
} <br />
<br />
<br />
<br />
h1{<br />
position:relative;<br />
top:20px;<br />
text-indent:-9999px;<br />
width:25%;<br />
height:148px;<br />
background:url(../img/logo.png) no-repeat 0 0px;<br />
float:left;<br />
}<br />
<br />
#header h2{<br />
font-size:10px;<br />
position:absolute;<br />
width:20%;<br />
left:16px;<br />
top:128px;<br />
}<br />
<br />
#header p{<br />
width:104px;/*--> Change in Elastic-Layout */<br />
font-size:10px;<br />
line-height:normal;<br />
text-indent:0;<br />
position:absolute;<br />
top:32px;<br />
left:256px;<br />
line-height:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
#header p + p{<br />
top:20px;<br />
left:376px;<br />
}<br />
<br />
#header p + p + p{<br />
top:20px;<br />
left:496px;<br />
}<br />
<br />
#header p + p + p + p{<br />
top:20px;<br />
left:616px;<br />
}<br />
<br />
#header p + p + p + p + p{<br />
top:20px;<br />
left:736px;<br />
}<br />
<br />
#header p + p + p + p + p +p{<br />
top:20px;<br />
left:856px;<br />
}<br />
<br />
<br />
<br />
#header h3{<br />
font-size:16px;<br />
line-height:16px;<br />
width:224px;<br />
position:absolute;<br />
top:16px;;<br />
left:256px;<br />
}<br />
<br />
<br />
<br />
#service-nav{<br />
width:496px; <br />
height:22px; <br />
position:absolute; <br />
right:0; <br />
top:158px; <br />
background-color:#000; <br />
z-index:99;<br />
}<br />
<br />
#service-nav li{<br />
list-style:none;<br />
display:inline;<br />
}<br />
#service-nav li a{<br />
color:#FFFFFF;<br />
font-size:18px;<br />
font-style:italic;<br />
text-decoration:none;<br />
display:block;<br />
float:left;<br />
padding:4px 8px 4px 12px;<br />
width:100px;<br />
background-color:#000;<br />
}<br />
<br />
#service-nav li a:hover, #service-nav li a:focus{<br />
background-color:#9BB3B7;<br />
}<br />
<br />
<br />
<br />
/* 2. A R T I K E L<br />
*/<br />
<br />
<br />
/* 2.1 Artikel-Head<br />
*/<br />
<br />
.article_head{<br />
z-index:1;<br />
position:relative;<br />
}<br />
<br />
.article_head .page_margins{<br />
height:272px;<br />
border-top:#000 10px solid;<br />
padding-bottom:0;<br />
<br />
}<br />
<br />
.article_head p.intro{<br />
position:absolute;<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:right;<br />
margin-bottom:16px;<br />
width:224px; /* --> Change in Elastic-Layout */<br />
top:43px;<br />
}<br />
<br />
p.intro, p.intro+p, div>p:first-child{<br />
text-indent:0;<br />
}<br />
<br />
.article_head h2{<br />
position:absolute;<br />
text-transform:uppercase;<br />
letter-spacing:4px;<br />
font-size:5em;<br />
line-height:1em;<br />
font-weight:normal;<br />
width:75%;<br />
left:25%;<br />
top:97px;<br />
margin-left:16px;<br />
}<br />
<br />
.article_head h3{<br />
font-size:36px;<br />
font-style:italic;<br />
font-weight:normal;<br />
position:absolute;<br />
top:34px;<br />
width:75%;<br />
left:25%;<br />
margin-left:16px;<br />
}<br />
<br />
/*remove Letter-Spacing --> manual kerning*/<br />
h2 span{<br />
letter-spacing:0px;<br />
}<br />
<br />
.article_info{<br />
color:#999;<br />
font-size:10px;<br />
border-top:#666 1px solid;<br />
text-align:center;<br />
margin:0 auto; <br />
padding-bottom:4px; <br />
width:480px;<br />
<br />
}<br />
<br />
<br />
<br />
/* 2.2 Artikel-Body<br />
*/<br />
<br />
.article{<br />
<br />
margin-bottom:32px;<br />
background:url(../img/z30_1_gr.gif) left top no-repeat;<br />
}<br />
<br />
.article .page_margins{<br />
padding-bottom:32px;<br />
padding-top:0;<br />
<br />
<br />
}<br />
<br />
<br />
.col{<br />
width:25%;<br />
float:left;<br />
}<br />
<br />
.two_col{/* --> to prevent floating too short coloumns */<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
.two_col > .col{<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
<br />
.col12{<br />
width:12.5%;<br />
float:left;<br />
}<br />
<br />
.col > *, .w50 > *{<br />
margin-right:16px;<br />
}<br />
<br />
<br />
.w50{<br />
width:50%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.two_col > .w50{<br />
width:25%;<br />
}<br />
<br />
.w25{<br />
width:25%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.img{<br />
float:left;<br />
margin:0 16px 16px 0;<br />
}<br />
<br />
.img>img{<br />
width:100%;<br />
float:left;<br />
}<br />
<br />
<br />
<br />
.w50 > *, .w25 > *, .col12 > *,.no_img > * {/* --> 12,5% coloumns */<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:10px;<br />
line-height:12px;<br />
margin-right:16px;<br />
}<br />
<br />
.w50{<br />
margin-bottom:16px;<br />
<br />
}<br />
<br />
.right{<br />
float:right;<br />
}<br />
<br />
<br />
<br />
p.intro{<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:left;<br />
margin-bottom:16px;<br />
}<br />
<br />
p{<br />
font-size:14px;<br />
line-height:16px;<br />
}<br />
<br />
.page_margins:first-child:first-child:first-letter{<br />
font-size:22px;<br />
}<br />
<br />
p + p{<br />
text-indent:16px;<br />
}<br />
<br />
p + div{<br />
margin-top:16px;<br />
}<br />
<br />
<br />
<br />
<br />
blockquote{<br />
margin:13px 0;<br />
border-top:1px solid #000000;<br />
border-bottom:1px solid #000000;<br />
padding:8px 16px 12px 16px;<br />
}<br />
<br />
blockquote p{<br />
font-size:16px;<br />
line-height:16px;<br />
font-style:italic;<br />
text-align:center;<br />
}<br />
<br />
<br />
abbr, acronym{<br />
font-variant:small-caps;<br />
cursor:help;<br />
font-size:12px;<br />
text-decoration:none;<br />
}<br />
<br />
.article strong{<br />
font-variant:small-caps;<br />
font-weight:normal;<br />
font-size:12px;<br />
<br />
}<br />
<br />
.article a{<br />
<br />
}<br />
<br />
.extra{<br />
background:#e0ecf1;<br />
padding:10px 10px 16px 10px;<br />
clear:both;<br />
margin-bottom:16px;<br />
}<br />
<br />
.extra h3{<br />
text-align:center;<br />
font-variant:small-caps;<br />
<br />
font-weight:normal;<br />
line-height:20px;<br />
margin-bottom:8px;<br />
letter-spacing:1px;<br />
border-bottom:1px solid #000000;<br />
border-top:1px solid #000000;<br />
background-color:#FFFFFF;<br />
padding:10px 0 10px 0;<br />
}<br />
<br />
.extra p{<br />
line-height:16px;<br />
}<br />
<br />
div.extra h3 + p:first-letter {<br />
font-size:34px;<br />
height:34px;<br />
position:relative;<br />
display:block;<br />
float:left;<br />
margin-top:5px;<br />
margin-right:5px;<br />
}<br />
<br />
<br />
<br />
.article_head:after, #header:after, .article:after, .page_margins:after{/* --> clear floats */<br />
content: ".";<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
<br />
<br />
/* 3. C A T E G O R I E S<br />
*/<br />
<br />
#categories{<br />
position:fixed;<br />
width:120px;<br />
top:190px;<br />
right:-120px;<br />
z-index:120;<br />
background-color:#222;<br />
padding-bottom:16px;<br />
}<br />
<br />
#categories:hover{<br />
right:0px;<br />
}<br />
<br />
#categories h4{<br />
cursor:pointer;<br />
background-color:#000000;<br />
padding:10px;<br />
color:#FFFFFF;<br />
font-variant:small-caps;<br />
text-align:center;<br />
position:absolute;<br />
left:-30px;<br />
width:10px;<br />
}<br />
<br />
#categories ul, #categories h5{<br />
margin:0px 16px;<br />
}<br />
<br />
#categories h5{<br />
font-variant:small-caps;<br />
color:#FFFFFF;<br />
margin:16px 16px 0px 16px;<br />
}<br />
<br />
#categories ul li{<br />
list-style:none;<br />
<br />
}<br />
<br />
#categories ul li a{<br />
color:#999999;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
<br />
#categories ul li a span{<br />
color:#999999;<br />
width:18px;<br />
display:block;<br />
float:left;<br />
text-align:left;<br />
}<br />
<br />
<br />
<br />
#categories ul li a:hover, #categories ul li a:hover span{<br />
color:#fff;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/stylesheet.css
Team:IIT Delhi/stylesheet.css
2013-09-11T09:34:19Z
<p>Harshitsinha: </p>
<hr />
<div>#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
* {<br />
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;<br />
margin:0;<br />
padding:0;<br />
color:#666;<br />
}<br />
<br />
html {<br />
<br />
}<br />
<br />
body{<br />
background:#e0ecf1 ;<br />
}<br />
<br />
<br />
.page_margins{<br />
/*<br />
min-width:960px;<br />
max-width:64em;<br />
*/<br />
background:#fff ;<br />
width:960px;<br />
position:relative;<br />
margin:0px auto;<br />
padding:16px 16px;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* 1. H E A D E R<br />
*/<br />
<br />
<br />
#header{<br />
background:url(../img/z30_1_gr.gif) right 120px no-repeat;<br />
position:relative;<br />
z-index:2;<br />
}<br />
<br />
#header .page_margins{<br />
background:#e0ecf1<br />
} <br />
<br />
<br />
<br />
h1{<br />
position:relative;<br />
top:20px;<br />
text-indent:-9999px;<br />
width:25%;<br />
height:148px;<br />
background:url(../img/logo.png) no-repeat 0 0px;<br />
float:left;<br />
}<br />
<br />
#header h2{<br />
font-size:10px;<br />
position:absolute;<br />
width:20%;<br />
left:16px;<br />
top:128px;<br />
}<br />
<br />
#header p{<br />
width:104px;/*--> Change in Elastic-Layout */<br />
font-size:10px;<br />
line-height:normal;<br />
text-indent:0;<br />
position:absolute;<br />
top:32px;<br />
left:256px;<br />
line-height:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
#header p + p{<br />
top:20px;<br />
left:376px;<br />
}<br />
<br />
#header p + p + p{<br />
top:20px;<br />
left:496px;<br />
}<br />
<br />
#header p + p + p + p{<br />
top:20px;<br />
left:616px;<br />
}<br />
<br />
#header p + p + p + p + p{<br />
top:20px;<br />
left:736px;<br />
}<br />
<br />
#header p + p + p + p + p +p{<br />
top:20px;<br />
left:856px;<br />
}<br />
<br />
<br />
<br />
#header h3{<br />
font-size:16px;<br />
line-height:16px;<br />
width:224px;<br />
position:absolute;<br />
top:16px;;<br />
left:256px;<br />
}<br />
<br />
<br />
<br />
#service-nav{<br />
width:496px; <br />
height:22px; <br />
position:absolute; <br />
right:0; <br />
top:158px; <br />
background-color:#000; <br />
z-index:99;<br />
}<br />
<br />
#service-nav li{<br />
list-style:none;<br />
display:inline;<br />
}<br />
#service-nav li a{<br />
color:#FFFFFF;<br />
font-size:18px;<br />
font-style:italic;<br />
text-decoration:none;<br />
display:block;<br />
float:left;<br />
padding:4px 8px 4px 12px;<br />
width:100px;<br />
background-color:#000;<br />
}<br />
<br />
#service-nav li a:hover, #service-nav li a:focus{<br />
background-color:#9BB3B7;<br />
}<br />
<br />
<br />
<br />
/* 2. A R T I K E L<br />
*/<br />
<br />
<br />
/* 2.1 Artikel-Head<br />
*/<br />
<br />
.article_head{<br />
z-index:1;<br />
position:relative;<br />
}<br />
<br />
.article_head .page_margins{<br />
height:272px;<br />
border-top:#000 10px solid;<br />
padding-bottom:0;<br />
<br />
}<br />
<br />
.article_head p.intro{<br />
position:absolute;<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:right;<br />
margin-bottom:16px;<br />
width:224px; /* --> Change in Elastic-Layout */<br />
top:43px;<br />
}<br />
<br />
p.intro, p.intro+p, div>p:first-child{<br />
text-indent:0;<br />
}<br />
<br />
.article_head h2{<br />
position:absolute;<br />
text-transform:uppercase;<br />
letter-spacing:4px;<br />
font-size:5em;<br />
line-height:1em;<br />
font-weight:normal;<br />
width:75%;<br />
left:25%;<br />
top:97px;<br />
margin-left:16px;<br />
}<br />
<br />
.article_head h3{<br />
font-size:36px;<br />
font-style:italic;<br />
font-weight:normal;<br />
position:absolute;<br />
top:34px;<br />
width:75%;<br />
left:25%;<br />
margin-left:16px;<br />
}<br />
<br />
/*remove Letter-Spacing --> manual kerning*/<br />
h2 span{<br />
letter-spacing:0px;<br />
}<br />
<br />
.article_info{<br />
color:#999;<br />
font-size:10px;<br />
border-top:#666 1px solid;<br />
text-align:center;<br />
margin:0 auto; <br />
padding-bottom:4px; <br />
width:480px;<br />
<br />
}<br />
<br />
<br />
<br />
/* 2.2 Artikel-Body<br />
*/<br />
<br />
.article{<br />
<br />
margin-bottom:32px;<br />
background:url(../img/z30_1_gr.gif) left top no-repeat;<br />
}<br />
<br />
.article .page_margins{<br />
padding-bottom:32px;<br />
padding-top:0;<br />
<br />
<br />
}<br />
<br />
<br />
.col{<br />
width:25%;<br />
float:left;<br />
}<br />
<br />
.two_col{/* --> to prevent floating too short coloumns */<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
.two_col > .col{<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
<br />
.col12{<br />
width:12.5%;<br />
float:left;<br />
}<br />
<br />
.col > *, .w50 > *{<br />
margin-right:16px;<br />
}<br />
<br />
<br />
.w50{<br />
width:50%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.two_col > .w50{<br />
width:25%;<br />
}<br />
<br />
.w25{<br />
width:25%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.img{<br />
float:left;<br />
margin:0 16px 16px 0;<br />
}<br />
<br />
.img>img{<br />
width:100%;<br />
float:left;<br />
}<br />
<br />
<br />
<br />
.w50 > *, .w25 > *, .col12 > *,.no_img > * {/* --> 12,5% coloumns */<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:10px;<br />
line-height:12px;<br />
margin-right:16px;<br />
}<br />
<br />
.w50{<br />
margin-bottom:16px;<br />
<br />
}<br />
<br />
.right{<br />
float:right;<br />
}<br />
<br />
<br />
<br />
p.intro{<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:left;<br />
margin-bottom:16px;<br />
}<br />
<br />
p{<br />
font-size:14px;<br />
line-height:16px;<br />
}<br />
<br />
.page_margins:first-child:first-child:first-letter{<br />
font-size:22px;<br />
}<br />
<br />
p + p{<br />
text-indent:16px;<br />
}<br />
<br />
p + div{<br />
margin-top:16px;<br />
}<br />
<br />
<br />
<br />
<br />
blockquote{<br />
margin:13px 0;<br />
border-top:1px solid #000000;<br />
border-bottom:1px solid #000000;<br />
padding:8px 16px 12px 16px;<br />
}<br />
<br />
blockquote p{<br />
font-size:16px;<br />
line-height:16px;<br />
font-style:italic;<br />
text-align:center;<br />
}<br />
<br />
<br />
abbr, acronym{<br />
font-variant:small-caps;<br />
cursor:help;<br />
font-size:12px;<br />
text-decoration:none;<br />
}<br />
<br />
.article strong{<br />
font-variant:small-caps;<br />
font-weight:normal;<br />
font-size:12px;<br />
<br />
}<br />
<br />
.article a{<br />
<br />
}<br />
<br />
.extra{<br />
background:#e0ecf1;<br />
padding:10px 10px 16px 10px;<br />
clear:both;<br />
margin-bottom:16px;<br />
}<br />
<br />
.extra h3{<br />
text-align:center;<br />
font-variant:small-caps;<br />
<br />
font-weight:normal;<br />
line-height:20px;<br />
margin-bottom:8px;<br />
letter-spacing:1px;<br />
border-bottom:1px solid #000000;<br />
border-top:1px solid #000000;<br />
background-color:#FFFFFF;<br />
padding:10px 0 10px 0;<br />
}<br />
<br />
.extra p{<br />
line-height:16px;<br />
}<br />
<br />
div.extra h3 + p:first-letter {<br />
font-size:34px;<br />
height:34px;<br />
position:relative;<br />
display:block;<br />
float:left;<br />
margin-top:5px;<br />
margin-right:5px;<br />
}<br />
<br />
<br />
<br />
.article_head:after, #header:after, .article:after, .page_margins:after{/* --> clear floats */<br />
content: ".";<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
<br />
<br />
/* 3. C A T E G O R I E S<br />
*/<br />
<br />
#categories{<br />
position:fixed;<br />
width:120px;<br />
top:190px;<br />
right:-120px;<br />
z-index:120;<br />
background-color:#222;<br />
padding-bottom:16px;<br />
}<br />
<br />
#categories:hover{<br />
right:0px;<br />
}<br />
<br />
#categories h4{<br />
cursor:pointer;<br />
background-color:#000000;<br />
padding:10px;<br />
color:#FFFFFF;<br />
font-variant:small-caps;<br />
text-align:center;<br />
position:absolute;<br />
left:-30px;<br />
width:10px;<br />
}<br />
<br />
#categories ul, #categories h5{<br />
margin:0px 16px;<br />
}<br />
<br />
#categories h5{<br />
font-variant:small-caps;<br />
color:#FFFFFF;<br />
margin:16px 16px 0px 16px;<br />
}<br />
<br />
#categories ul li{<br />
list-style:none;<br />
<br />
}<br />
<br />
#categories ul li a{<br />
color:#999999;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
<br />
#categories ul li a span{<br />
color:#999999;<br />
width:18px;<br />
display:block;<br />
float:left;<br />
text-align:left;<br />
}<br />
<br />
<br />
<br />
#categories ul li a:hover, #categories ul li a:hover span{<br />
color:#fff;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/stylesheet.css
Team:IIT Delhi/stylesheet.css
2013-09-11T09:24:15Z
<p>Harshitsinha: Created page with "* { font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; margin:0; padding:0; color:#666; } html { } body{ background:#e0ecf1 ; } .page_margins{ /* min-width:960p..."</p>
<hr />
<div>* {<br />
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;<br />
margin:0;<br />
padding:0;<br />
color:#666;<br />
}<br />
<br />
html {<br />
<br />
}<br />
<br />
body{<br />
background:#e0ecf1 ;<br />
}<br />
<br />
<br />
.page_margins{<br />
/*<br />
min-width:960px;<br />
max-width:64em;<br />
*/<br />
background:#fff ;<br />
width:960px;<br />
position:relative;<br />
margin:0px auto;<br />
padding:16px 16px;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/* 1. H E A D E R<br />
*/<br />
<br />
<br />
#header{<br />
background:url(../img/z30_1_gr.gif) right 120px no-repeat;<br />
position:relative;<br />
z-index:2;<br />
}<br />
<br />
#header .page_margins{<br />
background:#e0ecf1<br />
} <br />
<br />
<br />
<br />
h1{<br />
position:relative;<br />
top:20px;<br />
text-indent:-9999px;<br />
width:25%;<br />
height:148px;<br />
background:url(../img/logo.png) no-repeat 0 0px;<br />
float:left;<br />
}<br />
<br />
#header h2{<br />
font-size:10px;<br />
position:absolute;<br />
width:20%;<br />
left:16px;<br />
top:128px;<br />
}<br />
<br />
#header p{<br />
width:104px;/*--> Change in Elastic-Layout */<br />
font-size:10px;<br />
line-height:normal;<br />
text-indent:0;<br />
position:absolute;<br />
top:32px;<br />
left:256px;<br />
line-height:12px;<br />
font-family:Arial, Helvetica, sans-serif;<br />
}<br />
<br />
<br />
#header p + p{<br />
top:20px;<br />
left:376px;<br />
}<br />
<br />
#header p + p + p{<br />
top:20px;<br />
left:496px;<br />
}<br />
<br />
#header p + p + p + p{<br />
top:20px;<br />
left:616px;<br />
}<br />
<br />
#header p + p + p + p + p{<br />
top:20px;<br />
left:736px;<br />
}<br />
<br />
#header p + p + p + p + p +p{<br />
top:20px;<br />
left:856px;<br />
}<br />
<br />
<br />
<br />
#header h3{<br />
font-size:16px;<br />
line-height:16px;<br />
width:224px;<br />
position:absolute;<br />
top:16px;;<br />
left:256px;<br />
}<br />
<br />
<br />
<br />
#service-nav{<br />
width:496px; <br />
height:22px; <br />
position:absolute; <br />
right:0; <br />
top:158px; <br />
background-color:#000; <br />
z-index:99;<br />
}<br />
<br />
#service-nav li{<br />
list-style:none;<br />
display:inline;<br />
}<br />
#service-nav li a{<br />
color:#FFFFFF;<br />
font-size:18px;<br />
font-style:italic;<br />
text-decoration:none;<br />
display:block;<br />
float:left;<br />
padding:4px 8px 4px 12px;<br />
width:100px;<br />
background-color:#000;<br />
}<br />
<br />
#service-nav li a:hover, #service-nav li a:focus{<br />
background-color:#9BB3B7;<br />
}<br />
<br />
<br />
<br />
/* 2. A R T I K E L<br />
*/<br />
<br />
<br />
/* 2.1 Artikel-Head<br />
*/<br />
<br />
.article_head{<br />
z-index:1;<br />
position:relative;<br />
}<br />
<br />
.article_head .page_margins{<br />
height:272px;<br />
border-top:#000 10px solid;<br />
padding-bottom:0;<br />
<br />
}<br />
<br />
.article_head p.intro{<br />
position:absolute;<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:right;<br />
margin-bottom:16px;<br />
width:224px; /* --> Change in Elastic-Layout */<br />
top:43px;<br />
}<br />
<br />
p.intro, p.intro+p, div>p:first-child{<br />
text-indent:0;<br />
}<br />
<br />
.article_head h2{<br />
position:absolute;<br />
text-transform:uppercase;<br />
letter-spacing:4px;<br />
font-size:5em;<br />
line-height:1em;<br />
font-weight:normal;<br />
width:75%;<br />
left:25%;<br />
top:97px;<br />
margin-left:16px;<br />
}<br />
<br />
.article_head h3{<br />
font-size:36px;<br />
font-style:italic;<br />
font-weight:normal;<br />
position:absolute;<br />
top:34px;<br />
width:75%;<br />
left:25%;<br />
margin-left:16px;<br />
}<br />
<br />
/*remove Letter-Spacing --> manual kerning*/<br />
h2 span{<br />
letter-spacing:0px;<br />
}<br />
<br />
.article_info{<br />
color:#999;<br />
font-size:10px;<br />
border-top:#666 1px solid;<br />
text-align:center;<br />
margin:0 auto; <br />
padding-bottom:4px; <br />
width:480px;<br />
<br />
}<br />
<br />
<br />
<br />
/* 2.2 Artikel-Body<br />
*/<br />
<br />
.article{<br />
<br />
margin-bottom:32px;<br />
background:url(../img/z30_1_gr.gif) left top no-repeat;<br />
}<br />
<br />
.article .page_margins{<br />
padding-bottom:32px;<br />
padding-top:0;<br />
<br />
<br />
}<br />
<br />
<br />
.col{<br />
width:25%;<br />
float:left;<br />
}<br />
<br />
.two_col{/* --> to prevent floating too short coloumns */<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
.two_col > .col{<br />
width:50%;<br />
float:left;<br />
}<br />
<br />
<br />
.col12{<br />
width:12.5%;<br />
float:left;<br />
}<br />
<br />
.col > *, .w50 > *{<br />
margin-right:16px;<br />
}<br />
<br />
<br />
.w50{<br />
width:50%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.two_col > .w50{<br />
width:25%;<br />
}<br />
<br />
.w25{<br />
width:25%;<br />
margin-right:0;<br />
float:left;<br />
}<br />
<br />
.img{<br />
float:left;<br />
margin:0 16px 16px 0;<br />
}<br />
<br />
.img>img{<br />
width:100%;<br />
float:left;<br />
}<br />
<br />
<br />
<br />
.w50 > *, .w25 > *, .col12 > *,.no_img > * {/* --> 12,5% coloumns */<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:10px;<br />
line-height:12px;<br />
margin-right:16px;<br />
}<br />
<br />
.w50{<br />
margin-bottom:16px;<br />
<br />
}<br />
<br />
.right{<br />
float:right;<br />
}<br />
<br />
<br />
<br />
p.intro{<br />
font-size:18px;<br />
line-height:24px;<br />
text-align:left;<br />
margin-bottom:16px;<br />
}<br />
<br />
p{<br />
font-size:14px;<br />
line-height:16px;<br />
}<br />
<br />
.page_margins:first-child:first-child:first-letter{<br />
font-size:22px;<br />
}<br />
<br />
p + p{<br />
text-indent:16px;<br />
}<br />
<br />
p + div{<br />
margin-top:16px;<br />
}<br />
<br />
<br />
<br />
<br />
blockquote{<br />
margin:13px 0;<br />
border-top:1px solid #000000;<br />
border-bottom:1px solid #000000;<br />
padding:8px 16px 12px 16px;<br />
}<br />
<br />
blockquote p{<br />
font-size:16px;<br />
line-height:16px;<br />
font-style:italic;<br />
text-align:center;<br />
}<br />
<br />
<br />
abbr, acronym{<br />
font-variant:small-caps;<br />
cursor:help;<br />
font-size:12px;<br />
text-decoration:none;<br />
}<br />
<br />
.article strong{<br />
font-variant:small-caps;<br />
font-weight:normal;<br />
font-size:12px;<br />
<br />
}<br />
<br />
.article a{<br />
<br />
}<br />
<br />
.extra{<br />
background:#e0ecf1;<br />
padding:10px 10px 16px 10px;<br />
clear:both;<br />
margin-bottom:16px;<br />
}<br />
<br />
.extra h3{<br />
text-align:center;<br />
font-variant:small-caps;<br />
<br />
font-weight:normal;<br />
line-height:20px;<br />
margin-bottom:8px;<br />
letter-spacing:1px;<br />
border-bottom:1px solid #000000;<br />
border-top:1px solid #000000;<br />
background-color:#FFFFFF;<br />
padding:10px 0 10px 0;<br />
}<br />
<br />
.extra p{<br />
line-height:16px;<br />
}<br />
<br />
div.extra h3 + p:first-letter {<br />
font-size:34px;<br />
height:34px;<br />
position:relative;<br />
display:block;<br />
float:left;<br />
margin-top:5px;<br />
margin-right:5px;<br />
}<br />
<br />
<br />
<br />
.article_head:after, #header:after, .article:after, .page_margins:after{/* --> clear floats */<br />
content: ".";<br />
display: block;<br />
height: 0;<br />
clear: both;<br />
visibility: hidden;<br />
}<br />
<br />
<br />
/* 3. C A T E G O R I E S<br />
*/<br />
<br />
#categories{<br />
position:fixed;<br />
width:120px;<br />
top:190px;<br />
right:-120px;<br />
z-index:120;<br />
background-color:#222;<br />
padding-bottom:16px;<br />
}<br />
<br />
#categories:hover{<br />
right:0px;<br />
}<br />
<br />
#categories h4{<br />
cursor:pointer;<br />
background-color:#000000;<br />
padding:10px;<br />
color:#FFFFFF;<br />
font-variant:small-caps;<br />
text-align:center;<br />
position:absolute;<br />
left:-30px;<br />
width:10px;<br />
}<br />
<br />
#categories ul, #categories h5{<br />
margin:0px 16px;<br />
}<br />
<br />
#categories h5{<br />
font-variant:small-caps;<br />
color:#FFFFFF;<br />
margin:16px 16px 0px 16px;<br />
}<br />
<br />
#categories ul li{<br />
list-style:none;<br />
<br />
}<br />
<br />
#categories ul li a{<br />
color:#999999;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
<br />
#categories ul li a span{<br />
color:#999999;<br />
width:18px;<br />
display:block;<br />
float:left;<br />
text-align:left;<br />
}<br />
<br />
<br />
<br />
#categories ul li a:hover, #categories ul li a:hover span{<br />
color:#fff;<br />
}</div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-09-09T14:39:14Z
<p>Harshitsinha: </p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Project Description </h1><br />
<br />
<p> pH based bacterial systems, wherein response is dependent on the pH of the medium have been explored rarely in iGEM (NYMU-Taipei(2008), Wisconsin-Madison(2010) others). pH based sensor systems have potential use in bio-remediation, gut-microbiota engineering, fermentation et cetera.</p><br />
<br />
<p>pH based systems present various other challenges with respect to biobrick usability, pH dependence of reporters and lack of characterization.Our aim is to create a simple pH "bacterial" meter, not unlike a pH strip used in chemistry. We hope for this to be a template for future projects and applications</p><br />
<br />
<h2> Abstract </h2><br />
<br />
<p> pH induced response elicited by certain promoters in bacteria may have major practical applications. The response can be targeted for specific pH ranges, for example in tracking the anomalies associated with the gut micro-biota or detecting pH inside a bioreactor. There are only limited studies reported in the area. In the present project, a genetic circuit has been created, using the promoters of the acid shock response gene from E.coli and the F0F1 ATPase operon from C. glutamicum that produces a pH dependent colour gradient, much like a universal pH indicator. A mathematical model has been developed to simulate the experimental findings. The present study will form the basis for further research in the field of synthetic biology. </p><br />
<br />
<h3> Contact </h3><br />
<br />
<p> You can send us queries at igemiitdelhi2013 at gmail dot com . Keep watching this space for more from the team. </p></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Parts
Team:IIT Delhi/Parts
2013-08-24T08:06:35Z
<p>Harshitsinha: </p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Our Parts </h1><br />
<br />
<br />
<br />
<groupparts>iGEM013 IIT_Delhi</groupparts><br />
<br />
<a href="https://2013.igem.org/Team:IIT_Delhi/asr">asr promoter</a></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Parts
Team:IIT Delhi/Parts
2013-08-24T08:05:12Z
<p>Harshitsinha: </p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Our Parts </h1><br />
<br />
<br />
<br />
<groupparts>iGEM013 IIT_Delhi</groupparts><br />
<br />
<a href="https://2013.igem.org/Team:IIT_Delhi/asr">Link text</a></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/asr
Team:IIT Delhi/asr
2013-08-24T08:03:06Z
<p>Harshitsinha: Created page with "{{:Team:IIT_Delhi/Naya_Patr}} <h1> ASR </h1> <p> The asr promoter is expressed under acidic conditions. </p>"</p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> ASR </h1><br />
<br />
<p> The asr promoter is expressed under acidic conditions. </p></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Naya_Patr
Team:IIT Delhi/Naya Patr
2013-08-24T07:31:55Z
<p>Harshitsinha: </p>
<hr />
<div><html><br />
<br />
<head><br />
<style type="text/css"> <br />
<!-- <br />
<br />
#navbar ul { <br />
margin: 0; <br />
padding: 5px; <br />
list-style-type: none; <br />
text-align: center; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li { <br />
display: inline; <br />
} <br />
<br />
#navbar ul li a { <br />
text-decoration: none; <br />
padding: .2em 1em; <br />
color: #fff; <br />
background-color: #000; <br />
} <br />
<br />
#navbar ul li a:hover { <br />
color: #000; <br />
background-color: #fff; <br />
} <br />
<br />
--> <br />
</style> <br />
</head><br />
<body><br />
<img src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg" alt="Header" width="960" height="300"><br />
<div id="navbar"> <br />
<ul> <br />
<li><a href="#">Home</a></li> <br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Team">Team</a></li> <br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Project</a></li> <br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Parts">Parts</a></li> <br />
<li><a href="#">Notebook</a></li> <br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li> <br />
<li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Sponsors</a></li> <br />
<li><a href="#">iGEM in South Asia</a></li> <br />
</ul> <br />
</div><br />
<br />
<br />
<br />
</body><br />
<br />
</html></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Parts
Team:IIT Delhi/Parts
2013-08-24T07:30:13Z
<p>Harshitsinha: Replaced content with "{{:Team:IIT_Delhi/Naya_Patr}}
<h1> Our Parts </h1>
<groupparts>iGEM013 IIT_Delhi</groupparts>"</p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Our Parts </h1><br />
<br />
<br />
<br />
<groupparts>iGEM013 IIT_Delhi</groupparts></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Home
Team:IIT Delhi/Home
2013-08-14T18:56:38Z
<p>Harshitsinha: Created page with "{{:Team:IIT_Delhi/Naya_Patr}} <h1> Project Description </h1> <p> pH based bacterial systems, wherein response is dependent on the pH of the medium have been explored rarely in ..."</p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Project Description </h1><br />
<br />
<p> pH based bacterial systems, wherein response is dependent on the pH of the medium have been explored rarely in iGEM (NYMU-Taipei(2008), Wisconsin-Madison(2010) others). pH based sensor systems have potential use in bio-remediation, gut-microbiota engineering, fermentation et cetera.</p><br />
<br />
<p>pH based systems present various other challenges with respect to biobrick usability, pH dependence of reporters and lack of characterization.Our aim is to create a simple pH "bacterial" meter, not unlike a pH strip used in chemistry. We hope for this to be a template for future projects and applications</p><br />
<br />
<br />
<br />
<p> You can send us queries at igemiitdelhi2013 at gmail dot com . Keep watching this space for more from the team. </p></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi/Team
Team:IIT Delhi/Team
2013-08-14T18:55:03Z
<p>Harshitsinha: </p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> The Team </h1><br />
<br />
<p> Our Team is composed of 9 members. We're guided by three faculty. </p><br />
<br />
<table border="1"><br />
<tr><br />
<td>Rohit</td><br />
<td>Nishant</td><br />
</tr><br />
<tr><br />
<td>Deepak</td><br />
<td>Rahul</td><br />
</tr><br />
<tr><br />
<td>Parth</td><br />
<td>Angad</td><br />
</tr><br />
<tr><br />
<td>Siddhant</td><br />
<td>Anshika</td><br />
</tr><br />
<tr><br />
<td>Harshit</td><br />
<td></td><br />
</tr><br />
</table><br />
<br />
<h2> IIT Delhi </h2><br />
<br />
<p> IIT Delhi is one of India's top institutes in Science and Technology. It is situated in Hauz Khas, New Delhi. </p><br />
<p> You can send us queries at igemiitdelhi2013 at gmail dot com . Keep watching this space for more from the team. </p></div>
Harshitsinha
http://2013.igem.org/Team:IIT_Delhi
Team:IIT Delhi
2013-08-12T15:22:12Z
<p>Harshitsinha: </p>
<hr />
<div>{{:Team:IIT_Delhi/Naya_Patr}}<br />
<br />
<h1> Project Description </h1><br />
<br />
<p> pH based bacterial systems, wherein response is dependent on the pH of the medium have been explored rarely in iGEM (NYMU-Taipei(2008), Wisconsin-Madison(2010) others). pH based sensor systems have potential use in bio-remediation, gut-microbiota engineering, fermentation et cetera.</p><br />
<br />
<p>pH based systems present various other challenges with respect to biobrick usability, pH dependence of reporters and lack of characterization.Our aim is to create a simple pH "bacterial" meter, not unlike a pH strip used in chemistry. We hope for this to be a template for future projects and applications</p><br />
<br />
<br />
<br />
<p> You can send us queries at igemiitdelhi2013 at gmail dot com . Keep watching this space for more from the team. </p></div>
Harshitsinha