Team:IIT Madras

From 2012.igem.org

(Difference between revisions)
m
 
(48 intermediate revisions not shown)
Line 6: Line 6:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
<script type="text/javascript">
<script type="text/javascript">
 +
jQuery(document).ready(function($){
 +
$('#content1').hover(function(){
 +
$('#inside_content1').show();
 +
},
 +
function(){
 +
$('#inside_content1').hide();
 +
});
 +
$('#content2').hover(function(){
 +
$('#inside_content2').show();
 +
},
 +
function(){
 +
$('#inside_content2').hide();
 +
});
 +
 +
$('#content3').hover(function(){
 +
$('#inside_content3').show();
 +
},
 +
function(){
 +
$('#inside_content3').hide();
 +
});
 +
});
</script>
</script>
<style>
<style>
-
 
+
.contents{
-
 
+
width:285px;
-
/* Navigation Bar */
+
height : 285px;
-
 
+
margin-left:1.5%;
-
#iitm_menu {
+
margin-right:1.5%;
-
  list-style:none;
+
margin-top:10px;
-
  width:940px;
+
margin-bottom:20px;
-
  margin:30px auto 0px auto;
+
float:left;
-
  height:43px;
+
display:block;
-
  padding:0px 20px 0px 20px;
+
background:#d4d4d4;
-
 
+
opacity:0.8;
-
  /* Rounded Corners */
+
border:1px #AAA solid;
-
 
+
border-radius:3px;
-
  -moz-border-radius: 10px;
+
-moz-border-radius:3px;
-
  -webkit-border-radius: 10px;
+
-webkit-border-radius:3px;
-
  border-radius: 10px;
+
-
 
+
-
  /* Background color and gradients */
+
-
 
+
-
  background: #014464;
+
-
  background: -moz-linear-gradient(top, #0272a7, #013953);
+
-
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
+
-
 
+
-
  /* Borders */
+
-
 
+
-
  border: 1px solid #002232;
+
-
 
+
-
  -moz-box-shadow:inset 0px 0px 1px #edf9ff;
+
-
  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
+
-
  box-shadow:inset 0px 0px 1px #edf9ff;
+
}
}
-
#iitm_menu li {
+
.inside_contents{
-
  float:left;
+
background:#5489ab;
-
  text-align:center;
+
color:#578dd7;
-
  position:relative;
+
width:100%;
-
  padding: 4px 10px 4px 10px;
+
height : 35px;
-
  margin-right:30px;
+
/* padding-top:10px;*/
-
  margin-top:7px;
+
padding-bottom:10px;
-
  border:none;
+
position:relative;
 +
top:240px;
 +
display:none;
 +
opacity:0.8;
}
}
-
#iitm_menu li:hover {
+
.inside_contents h1{color:white; margin-left:10px;}
-
  border: 1px solid #777777;
+
-
  padding: 4px 9px 4px 9px;
+
-
 
+
-
  /* Background color and gradients */
+
-
 
+
-
  background: #F4F4F4;
+
-
  background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
+
-
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
+
-
 
+
-
  /* Rounded corners */
+
-
 
+
-
  -moz-border-radius: 5px 5px 0px 0px;
+
-
  -webkit-border-radius: 5px 5px 0px 0px;
+
-
  border-radius: 5px 5px 0px 0px;
+
-
}
+
-
#iitm_menu li a {
+
#content1{background:url("https://static.igem.org/mediawiki/igem.org/6/6e/Iitm_project.png");}
-
  font-family:Arial, Helvetica, sans-serif;
+
#content2{}
-
  font-size:14px;
+
#content3{background:url("https://static.igem.org/mediawiki/igem.org/d/d0/Iitm_safety.png");}
-
  color: #EEEEEE;
+
-
  display:block;
+
-
  outline:0;
+
-
  text-decoration:none;
+
-
  text-shadow: 1px 1px 1px #000;
+
-
}
+
-
 
+
-
#iitm_menu li:hover a {
+
-
  color:#161616;
+
-
  text-shadow: 1px 1px 1px #FFFFFF;
+
-
}
+
-
#iitm_menu li .drop {
+
-
  padding-right:21px;
+
-
  background:url("img/drop.png") no-repeat right 8px;
+
-
}
+
-
#iitm_menu li:hover .drop {
+
-
  background:url("img/drop.png") no-repeat right 7px;
+
-
}
+
-
 
+
-
/* Drop Down */
+
-
 
+
-
.dropdown_1column,
+
-
.dropdown_2columns,
+
-
.dropdown_3columns,
+
-
.dropdown_4columns,
+
-
.dropdown_5columns {
+
-
  margin:4px auto;
+
-
  float:left;
+
-
  position:absolute;
+
-
  left:-999em; /* Hides the drop down */
+
-
  text-align:left;
+
-
  padding:10px 5px 10px 5px;
+
-
  border:1px solid #777777;
+
-
  border-top:none;
+
-
 
+
-
  /* Gradient background */
+
-
  background:#F4F4F4;
+
-
  background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
+
-
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
+
-
 
+
-
  /* Rounded Corners */
+
-
  -moz-border-radius: 0px 5px 5px 5px;
+
-
  -webkit-border-radius: 0px 5px 5px 5px;
+
-
  border-radius: 0px 5px 5px 5px;
+
-
}
+
-
 
+
-
.dropdown_1column {width: 140px;}
+
-
.dropdown_2columns {width: 280px;}
+
-
.dropdown_3columns {width: 420px;}
+
-
.dropdown_4columns {width: 560px;}
+
-
.dropdown_5columns {width: 700px;}
+
-
 
+
-
#iitm_menu li:hover .dropdown_1column,
+
-
#iitm_menu li:hover .dropdown_2columns,
+
-
#iitm_menu li:hover .dropdown_3columns,
+
-
#iitm_menu li:hover .dropdown_4columns,
+
-
#iitm_menu li:hover .dropdown_5columns {
+
-
  left:-1px;
+
-
    top:auto;
+
-
}
+
-
 
+
-
/* Columns */
+
-
 
+
-
.col_1,
+
-
.col_2,
+
-
.col_3,
+
-
.col_4,
+
-
.col_5 {
+
-
  display:inline;
+
-
  float: left;
+
-
  position: relative;
+
-
  margin-left: 5px;
+
-
  margin-right: 5px;
+
-
}
+
-
.col_1 {width:130px;}
+
-
.col_2 {width:270px;}
+
-
.col_3 {width:410px;}
+
-
.col_4 {width:550px;}
+
-
.col_5 {width:690px;}
+
-
 
+
-
/* Right alignment */
+
-
 
+
-
#iitm_menu .menu_right {
+
-
  float:right;
+
-
  margin-right:0px;
+
-
}
+
-
#iitm_menu li .align_right {
+
-
  /* Rounded Corners */
+
-
  -moz-border-radius: 5px 0px 5px 5px;
+
-
    -webkit-border-radius: 5px 0px 5px 5px;
+
-
    border-radius: 5px 0px 5px 5px;
+
-
}
+
-
#iitm_menu li:hover .align_right {
+
-
  left:auto;
+
-
  right:-1px;
+
-
  top:auto;
+
-
}
+
-
 
+
-
/* Drop Down Content Stylings */
+
-
 
+
-
#iitm_menu p, #iitm_menu h2, #iitm_menu h3, #iitm_menu ul li {
+
-
  font-family:Arial, Helvetica, sans-serif;
+
-
  line-height:21px;
+
-
  font-size:12px;
+
-
  text-align:left;
+
-
  text-shadow: 1px 1px 1px #FFFFFF;
+
-
}
+
-
#iitm_menu h2 {
+
-
  font-size:21px;
+
-
  font-weight:400;
+
-
  letter-spacing:-1px;
+
-
  margin:7px 0 14px 0;
+
-
  padding-bottom:14px;
+
-
  border-bottom:1px solid #666666;
+
-
}
+
-
#iitm_menu h3 {
+
-
  font-size:14px;
+
-
  margin:7px 0 14px 0;
+
-
  padding-bottom:7px;
+
-
  border-bottom:1px solid #888888;
+
-
}
+
-
#iitm_menu p {
+
-
  line-height:18px;
+
-
  margin:0 0 10px 0;
+
-
}
+
-
 
+
-
#iitm_menu li:hover div a {
+
-
  font-size:12px;
+
-
  color:#015b86;
+
-
}
+
-
#iitm_menu li:hover div a:hover {
+
-
  color:#029feb;
+
-
}
+
-
.strong {
+
-
  font-weight:bold;
+
-
}
+
-
.italic {
+
-
  font-style:italic;
+
-
}
+
-
.imgshadow {
+
-
  background:#FFFFFF;
+
-
  padding:4px;
+
-
  border:1px solid #777777;
+
-
  margin-top:5px;
+
-
  -moz-box-shadow:0px 0px 5px #666666;
+
-
  -webkit-box-shadow:0px 0px 5px #666666;
+
-
  box-shadow:0px 0px 5px #666666;
+
-
}
+
-
.img_left { /* Image sticks to the left */
+
-
  width:auto;
+
-
  float:left;
+
-
  margin:5px 15px 5px 5px;
+
-
}
+
-
#iitm_menu li .black_box {
+
-
  background-color:#333333;
+
-
  color: #eeeeee;
+
-
  text-shadow: 1px 1px 1px #000;
+
-
  padding:4px 6px 4px 6px;
+
-
 
+
-
  /* Rounded Corners */
+
-
  -moz-border-radius: 5px;
+
-
  -webkit-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
 
+
-
  /* Shadow */
+
-
  -webkit-box-shadow:inset 0 0 3px #000000;
+
-
  -moz-box-shadow:inset 0 0 3px #000000;
+
-
  box-shadow:inset 0 0 3px #000000;
+
-
}
+
-
#iitm_menu li ul {
+
-
  list-style:none;
+
-
  padding:0;
+
-
  margin:0 0 12px 0;
+
-
}
+
-
#iitm_menu li ul li {
+
-
  font-size:12px;
+
-
  line-height:24px;
+
-
  position:relative;
+
-
  text-shadow: 1px 1px 1px #ffffff;
+
-
  padding:0;
+
-
  margin:0;
+
-
  float:none;
+
-
  text-align:left;
+
-
  width:130px;
+
-
}
+
-
#iitm_menu li ul li:hover {
+
-
  background:none;
+
-
  border:none;
+
-
  padding:0;
+
-
  margin:0;
+
-
}
+
-
#iitm_menu li .greybox li {
+
-
  background:#F4F4F4;
+
-
  border:1px solid #bbbbbb;
+
-
  margin:0px 0px 4px 0px;
+
-
  padding:4px 6px 4px 6px;
+
-
  width:116px;
+
-
 
+
-
  /* Rounded Corners */
+
-
  -moz-border-radius: 5px;
+
-
  -webkit-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
}
+
-
#iitm_menu li .greybox li:hover {
+
-
  background:#ffffff;
+
-
  border:1px solid #aaaaaa;
+
-
  padding:4px 6px 4px 6px;
+
-
  margin:0px 0px 4px 0px;
+
-
}
+
</style>
</style>
Line 286: Line 71:
</head>
</head>
<body>
<body>
-
<div id="iitm_content" style = "position:relative; top : -90px;">
+
<div id="iitm_content">
-
<div id = "iitm_nav">
+
<a href = "https://2012.igem.org/Team:IIT_Madras/Project"><div class = "contents" id = "content1">
-
<ul id="iitm_menu">
+
<div id = "inside_content1" class="inside_contents">
-
<li><a href="#">Home</a></li>
+
<h1>Project</h1>
-
<li><a href="#" class="drop">5 Columns</a>
+
-
<div class="dropdown_5columns">
+
-
<p>5 Columns content</p>
+
-
</div>
+
-
</li>
+
-
<li><a href="#" class="drop">4 Columns</a>
+
-
<div class="dropdown_4columns">
+
-
<p>4 Columns content</p>
+
-
</div>
+
-
</li>
+
-
<li><a href="#" class="drop">3 Columns</a>
+
-
<div class="dropdown_3columns">
+
-
<p>3 Columns content</p>
+
</div>
</div>
-
</li>
+
</div></a>
-
<li><a href="#" class="drop">2 Columns</a>
+
<a href = "https://2012.igem.org/Team:IIT_Madras/Team"><div class = "contents" id = "content2">
-
<div class="dropdown_2columns">
+
<div id = "inside_content2" class="inside_contents">
-
<p>2 Columns content</p>
+
<h1>Team</h1>
</div>
</div>
-
</li>
+
</div></a>
-
<li><a href="#" class="drop">1 Column</a>
+
<a href = "https://2012.igem.org/Team:IIT_Madras/Safety"><div class = "contents" id = "content3">
-
<div class="dropdown_1column">
+
<div id = "inside_content3" class="inside_contents">
-
<p>1 Column content</p>
+
<h1>Safety</h1>
</div>
</div>
-
</li>
+
</div></a>
-
</ul>
+
<div id="abstract">
-
</div>
+
<h1>Abstract</h1>
-
<div id="iitm_main">
+
<p>We aim to express codon-optimized ligand binding domain of Estrogen Receptor α in conjugation with the ToxR DNA binding domain from Vibrio cholerae in E. coli to separate stereoisomers that have profoundly different impacts on biological systems. Isolation and concentration of specific isomers is of immense biological importance to pharmaceutical industries. We plan to try and simplify this process by separating commercially important compounds using a biological system instead of traditional chemical methods which can be very resource intensive and time consuming. We also plan to develop a high-throughput system for screening of drugs which act on the Estrogen receptor using E. coli. Finally, we wish to provide an efficient means for the bioremediation of endocrine disruptors prevalent in the Indian subcontinent which have an adverse impact on the country’s population. </p>
-
<h1>IIT Madras</h1>
+
</div>
-
<h3>iGEM 2012</h3>
+
-
<hr/>
+
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 00:25, 11 September 2012

bar


Project

Team

Safety

Abstract

We aim to express codon-optimized ligand binding domain of Estrogen Receptor α in conjugation with the ToxR DNA binding domain from Vibrio cholerae in E. coli to separate stereoisomers that have profoundly different impacts on biological systems. Isolation and concentration of specific isomers is of immense biological importance to pharmaceutical industries. We plan to try and simplify this process by separating commercially important compounds using a biological system instead of traditional chemical methods which can be very resource intensive and time consuming. We also plan to develop a high-throughput system for screening of drugs which act on the Estrogen receptor using E. coli. Finally, we wish to provide an efficient means for the bioremediation of endocrine disruptors prevalent in the Indian subcontinent which have an adverse impact on the country’s population.