Difference between revisions of "Team:IIT Delhi/team"

Line 4: Line 4:
  
 
<style>
 
<style>
−
 
−
 
−
/*--------------General end-----------------*/
 
−
 
 
/*--------------Global/content start----------------*/
 
/*--------------Global/content start----------------*/
 
#content { /*-- changes default wiki settings --*/
 
#content { /*-- changes default wiki settings --*/
Line 17: Line 13:
  
 
}
 
}
−
 
  
 
/*--------------Global end------------------*/
 
/*--------------Global end------------------*/
Line 25: Line 20:
 
   margin:0;
 
   margin:0;
 
   padding:0;
 
   padding:0;
−
   background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg");
+
   background-color:black;
 
   background-size:100% 100%;
 
   background-size:100% 100%;
 
}
 
}
Line 32: Line 27:
 
.icons{
 
.icons{
 
   position:absolute;
 
   position:absolute;
−
   margin-top:2%;
+
   margin-top:1.5%;
−
   width:6%;
+
   width:7%;
 +
  padding-left:35px;
 
   -webkit-transition: all 1s ease;
 
   -webkit-transition: all 1s ease;
 
   -moz-transition: all 1s ease;
 
   -moz-transition: all 1s ease;
Line 39: Line 35:
 
   transition all 1s ease;
 
   transition all 1s ease;
 
}
 
}
 +
 +
.smenu a:link{
 +
    color: white;
 +
 +
}
 +
 
.iconActive{
 
.iconActive{
−
   width:12%;
+
   width:14%;
 
   z-index:1;
 
   z-index:1;
 
   opacity:4;
 
   opacity:4;
Line 49: Line 51:
 
   margin-top:1%;
 
   margin-top:1%;
 
   margin-left:2%;
 
   margin-left:2%;
−
   width:17%;
+
   width:14%;
−
 
+
 
}
 
}
−
#tour{
+
 
−
   position:absolute;
+
#tourimg{
 +
   display:none;
 +
  width:300px;
 +
  height:80px;
 
   margin-top:2%;
 
   margin-top:2%;
−
   margin-left:80%;
+
   margin-left:82.5%;
 +
  position:absolute;
 +
  z-index:9999;
 
}
 
}
 +
 
#leftNav{
 
#leftNav{
−
  border:solid 2px green;
 
 
   width:17%;
 
   width:17%;
−
   height:700px;
+
   height:1000px;
 
   float:left;
 
   float:left;
−
   margin-top:12%
+
   margin-top:13%;
 
}
 
}
 +
 
#wikicontent{
 
#wikicontent{
−
  border:solid 2px red;
+
   background-color:black;
−
   background:#fff;
+
   opacity:1;
−
   opacity:0.2;
+
   height:1200px;
−
   height:700px;
+
 
   width:80%;
 
   width:80%;
 
   position:absolute;
 
   position:absolute;
Line 74: Line 80:
 
   margin-top:12%;
 
   margin-top:12%;
 
}
 
}
 +
 
.smenu{
 
.smenu{
 
   color:white;
 
   color:white;
 
   display:none;
 
   display:none;
 
   position:absolute;
 
   position:absolute;
−
   margin-left:4% !important;
+
  font-size:125%;
−
   margin-top:3% !important;
+
   margin-left:6% !important;
 +
   margin-top:4% !important;
 
   z-index:2;
 
   z-index:2;
 
   list-style-type:none !important;
 
   list-style-type:none !important;
 +
  font-weight:bold;
 
}
 
}
  
 +
.snav {
 +
  width:17%;
 +
  margin-left:0px;
 +
  position:fixed;
 +
  z-index:5;
 +
}
 +
 +
.mnmenu, .sbmenu {
 +
  list-style: none;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
 +
 +
.mnmenu a {
 +
  display: block;
 +
  background-color:#0F93FC ;
 +
  text-decoration: none;
 +
  padding: 10px;
 +
  color: white;
 +
  font-size:125%;
 +
}
 +
 +
.mnmenu a:hover {
 +
    background-color: #002952;
 +
}
 +
 +
.mnmenu li:hover .sbmenu {
 +
  display: block;
 +
  max-height: 200px;
 +
}
 +
 +
.sbmenu a {
 +
  background-color: #4D7094;
 +
}
 +
 +
.sbmenu a:hover {
 +
  background-color: #002E5C;
 +
}
 +
 +
.sbmenu {
 +
  overflow: hidden;
 +
  max-height: 0;
 +
  -webkit-transition: all 0.5s ease-out;
 +
}
 +
 +
table{
 +
color:white;
 +
background:rgba(0,0,0,0.5);
 +
background-repeat: no-repeat;
 +
 +
}
 +
 +
.con td{
 +
vertical-align:top;
 +
padding:10px 35px;
 +
text-align:justify;
 +
}
 +
 +
        td.det{
 +
width:80%;
 +
        }
 +
 +
        h3{
 +
font-weight:bold;
 +
}
 +
 +
        img.team{
 +
      background-color: #B0B0B0;
 +
border: 10px solid #003366 ;
 +
        height:400px;
 +
width:300px;
 +
        border-radius:10px 10px 10px 10px;
 +
}
 +
 +
/* content Top */
 +
section.page-top {
 +
background-color: #171717;
 +
border-bottom: 5px solid #CCC;
 +
border-top: 5px solid #384045;
 +
min-height: 50px;
 +
padding: 0;
 +
position: relative;
 +
text-align: left;
 +
        color:white;
 +
}
 +
 +
section.page-top ul.breadcrumb {
 +
background: none;
 +
margin: -3px 0 0;
 +
padding: 0;
 +
}
 +
 +
section.page-top ul.breadcrumb > li {
 +
text-shadow: none;
 +
}
 +
 +
section.page-top h2 {
 +
color: #FFF;
 +
display: inline-block;
 +
font-weight: 200;
 +
margin: 0 0 -25px;
 +
min-height: 37px;
 +
padding: 0 0 17px;
 +
position: relative;
 +
}
 +
 +
/* Page Top Custom - Create your Own */
 +
section.page-top.custom-product {
 +
background: #999;
 +
border-top: 5px solid #888;
 +
}
 +
 +
section.page-top.custom-product div.row {
 +
position: relative;
 +
}
 +
 +
section.page-top.custom-product p.lead {
 +
color: #CCC;
 +
}
 +
 +
section.page-top.custom-product img {
 +
bottom: -20px;
 +
position: absolute;
 +
right: 0;
 +
}
 +
 +
section.page-top.custom-product h1 {
 +
color: #FFF;
 +
margin-bottom: 10px;
 +
margin-top: 30px;
 +
}
 +
 +
ul.ldd_menu{
 +
margin-top:-10px;
 +
        margin-left:15px;
 +
padding:0;
 +
        position:absolute;
 +
height:70px;
 +
        width:190px;
 +
list-style:none;
 +
font-family:Verdana, Geneva, sans-serif;
 +
        font-size:100%;
 +
text-align: center;
 +
}
 +
 +
#spanimg{
 +
  position:absolute;
 +
  margin-top:0%;
 +
  margin-left:87%;
 +
  height:15%;
 +
  width:13%;
 +
  z-index:999;
 +
}
 +
ul.ldd_menu a{
 +
text-decoration:none;
 +
}
 +
ul.ldd_menu > li{
 +
float:left;
 +
position:fixed;
 +
width: 100%;
 +
z-index: 9999;
 +
}
 +
ul.ldd_menu > li > span{
 +
  float:right;
 +
  z-index:-1000;
 +
  position:absolute;
 +
  margin-left:550px;
 +
  width:190px;
 +
  font-size:1px;
 +
  color:green;
 +
  opacity:0;
 +
background-color:white;
 +
height:190px;
 +
       
 +
line-height:50px;
 +
cursor:default;
 +
padding:0px 20px;
 +
  border-radius:0 0 0 190px;
 +
text-shadow:0px 0px 1px #CCC;
 +
}
 +
 +
 +
.sub_wrap{
 +
width: 2500px;
 +
margin: 0 auto 0 auto;
 +
background-color: #000;
 +
}
 +
 +
ul.ldd_menu ul{
 +
list-style:none;
 +
display: inline-block;
 +
border-left:1px dotted #FFF;
 +
margin-top: 20px;
 +
margin-right: 0px;
 +
margin-bottom: 10px;
 +
margin-left: 20px;
 +
padding-top: 10px;
 +
padding-right: 5px;
 +
padding-bottom: 10px;
 +
padding-left: 10px;
 +
}
 +
 +
ul.ldd_menu .ldd_submenu{
 +
position:absolute;
 +
top:50px;
 +
width:100%;
 +
display:none;
 +
opacity:0.90;
 +
font-size:10px;
 +
background-color: #fff;
 +
}
 +
a.ldd_subfoot{
 +
background-color:#f0f0f0;
 +
color:#444;
 +
display:block;
 +
clear:both;
 +
padding:15px 20px;
 +
font-family: Arial, serif;
 +
font-size:10px;
 +
text-shadow:0px 0px 1px #fff;
 +
-moz-box-shadow:0px 0px 2px #777 inset;
 +
-webkit-box-shadow:0px 0px 2px #777 inset;
 +
-box-shadow:0px 0px 2px #777 inset;
 +
}
 +
 +
ul.ldd_menu ul li a{
 +
font-family: Arial, serif;
 +
font-size:12px;
 +
line-height:20px;
 +
color:#000;
 +
padding:1px 3px;
 +
}
 +
ul.ldd_menu ul li a:hover{
 +
background:#FF3300;
 +
}
 +
 +
li.ldd_heading a{
 +
  color:#fff !imporatant;
 +
}
 +
li.ldd_heading{
 +
  border:solid 1px black;
 +
  border-radius:5px 0 8px 0;
 +
  background-color:#0F93FC;
 +
  font-family: Georgia, serif;
 +
  color:white !important;
 +
  margin-bottom:5px;
 +
font-size: 13px;
 +
font-style: italic;
 +
color:#FF3300;
 +
text-shadow:0px 0px 1px #B03E23;
 +
padding:5px 0px 5px 0px;
 +
}
 +
 +
.left_message{
 +
position:relative;
 +
background: url(../images/pages/left_box.png) no-repeat;
 +
width:263px;
 +
height:115px;
 +
padding:5px;
 +
margin-bottom: 20px;
 +
margin-left: 20px;
 +
left: -70px;
 +
}
 +
 +
li.left_message_title{
 +
font-family: Georgia, serif;
 +
font-size: 15pt;
 +
font-style: italic;
 +
color:#FFCC00;
 +
padding:15px 30px 20px 20px;
 +
list-style-type: none;
 +
line-height: 18pt;
 +
letter-spacing: 1pt;
 +
text-align: center;
 +
}
 +
 +
.right_message{
 +
background: url(../images/pages/right_pict_frame.png) no-repeat;
 +
position:relative;
 +
left:800px;
 +
top:-140px;
 +
width:261px;
 +
height:186px;
 +
margin-bottom: 20px;
 +
padding-left:20px;
 +
padding-top:18px;
 +
 +
}
 +
 +
.right_pict{
 +
position:relative;
 +
left:800px;
 +
top:-340px;
 +
width:225px;
 +
height:149px;
 +
}
 +
 +
 +
.nav2{
 +
position:absolute;
 +
top:155px;
 +
padding-left:20px;
 +
}
 +
.nav2table{
 +
color:#807f7f;
 +
}
 +
.nav2 a,visited{
 +
color:#d6d5d5;
 +
font-size:15px;
 +
text-decoration:none;
 +
padding:40px;
 +
}
 +
 +
.nav2 a:hover{
 +
color:#ffffff;
 +
font-size:15px;
 +
font-weight:500;
 +
text-decoration:none;
 +
padding:40px;
 +
}
 +
.copyright{
 +
position:absolute;
 +
bottom:5px;
 +
padding-left:35%;
 +
text-align:center;
 +
}
 +
.copyright a,visited{
 +
color:#a2a1a1;
 +
}
 +
 +
.copyright a:hover{
 +
color:#c7c6c6;
 +
}
 +
 +
.copyright p{
 +
font-size:12px;
 +
color:#807f7f;
 +
font-family:Open sans, Helvetica, Arial;
 +
font-weight:400;
 +
}
 +
 +
.smallpic{
 +
opacity:0.4;
 +
}
 +
 +
.smallpic:hover{
 +
opacity:1;
 +
}
 +
 +
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:IIT_Delhi/CSS_bootstrap?action=raw&ctype=text/css" type="text/css"/>
 +
#wrapper{
 +
  min-height:100%;
 +
  position:relative;
 +
}
 
</style> <!-- End of CSS -->
 
</style> <!-- End of CSS -->
−
<body>
+
<body>
−
   <img id="IITDigem_logo"  src="https://static.igem.org/mediawiki/2015/f/ff/IITDigem_logo.png">
+
<div id="wrapper">
 +
   <div id="header">
 +
 
 +
  <a href="https://2015.igem.org/Team:IIT_Delhi"><img id="IITDigem_logo"  src="https://static.igem.org/mediawiki/2015/f/ff/IITDigem_logo.png"></a>
 +
 
 +
 
 +
  <!--------------------------TOP NAV HTML STARTS------------------------------------------>  
 
   <nav>
 
   <nav>
−
    <div class="iconsDiv" style="margin-left:22%;">
 
−
      <img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
 
  
−
       <ul class="smenu">
+
       <!--------------------------ABSTRACT------------------------------------------>
−
      <li>Menu1</li>
+
    <div class="iconsDiv" style="margin-left:22%;">
−
      <li>Menu1</li>
+
      <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="icons" id="icon5" src="https://static.igem.org/mediawiki/2015/8/86/Abstract1_iitd.png"></a>
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      </ul>
+
 
     </div>
 
     </div>
  
 +
  <!--------------------------PROJECT------------------------------------------>
 
     <div class="iconsDiv" style="margin-left:29%;">
 
     <div class="iconsDiv" style="margin-left:29%;">
−
       <img class="icons" id="icon2" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/project"><img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/2/2f/IITDproject1.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_background">BACKGROUND</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_solution">SOLUTION</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">RESEARCH</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_prototype">PROTOTYPE</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_conclusion">CONCLUSION</a></li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:36%;">
 
     <div class="iconsDiv" style="margin-left:36%;">
−
       <img class="icons" id="icon3" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/notebook"><img class="icons" id="icon4" src="https://static.igem.org/mediawiki/2015/e/ee/Notebook_iitd.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook_summary">SUMMARY</a></li>
−
      <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook_timeline">TIMELINE</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook_album">ALBUM</a></li>
−
      <li>Menu1</li>
+
−
       <li>Menu1</li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:43%;">
 
     <div class="iconsDiv" style="margin-left:43%;">
−
       <img class="icons" id="icon4" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/results"><img class="icons" id="icon8" src="https://static.igem.org/mediawiki/2015/0/0b/Results1_iitd.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/results_parts">PARTS SUBMITTED</a></li>
−
      <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/results_judging">JUDGING CRITERION</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/results_attributes">ATTRIBUTES</a></li>
−
      <li>Menu1</li>
+
−
       <li>Menu1</li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:50%;">
 
     <div class="iconsDiv" style="margin-left:50%;">
−
       <img class="icons" id="icon5" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/modelling"><img class="icons" id="icon2" src="https://static.igem.org/mediawiki/2015/b/b9/IITDmodelling1.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling_introduction">INTRODUCION</a></li>
−
      <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling_mathematical">MATHEMATICAL MODEL</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling_simulation">SIMULATION</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling_interpretation">INTERPRETATION</a></li>
−
       <li>Menu1</li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:57%;">
 
     <div class="iconsDiv" style="margin-left:57%;">
−
       <img class="icons" id="icon6" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/team"><img class="icons" id="icon3" src="https://static.igem.org/mediawiki/2015/0/01/Team1iitd.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_ourstory">OUR STORY</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_mentors">MENTORS</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_members">MEMBERS</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_sponsors">SPONSORS</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_carpediem">CARPE DIEM</a></li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:64%;">
 
     <div class="iconsDiv" style="margin-left:64%;">
−
       <img class="icons" id="icon7" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/human_practices"><img class="icons" id="icon6" style="margin-top:1.8%;" src="https://static.igem.org/mediawiki/2015/2/27/IITDhp.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_iiser">IISER</a></li>
−
      <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_enactus">ENACTUS</a></li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_outreach">OUTREACH</a></li>
−
      <li>Menu1</li>
+
−
       <li>Menu1</li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
  
 
     <div class="iconsDiv" style="margin-left:71%;">
 
     <div class="iconsDiv" style="margin-left:71%;">
−
       <img class="icons" id="icon8" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/ethics"><img class="icons" id="icon7" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
  
 
       <ul class="smenu">
 
       <ul class="smenu">
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation">ORIENTATION</li>
−
      <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_openhouse">OPEN HOUSE</li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_tryst">TRYST</li>
−
       <li>Menu1</li>
+
       <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_surveys">SURVEYS</li>
−
       <li>Menu1</li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
 +
 
   </nav>
 
   </nav>
 +
  <!--------------------------TOP NAV HTML BULGING ICONS ENDS------------------------------------------>
 
    
 
    
−
  <div id="tour">
+
 
−
     <img src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png">
+
 
 +
<!---------------TOUR CANCELLED------------------------->
 +
 
 +
<div id="tour">
 +
     <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a>
 
   </div>
 
   </div>
−
       
 
  
 +
<!---------------TOUR CANCELLED------------------------->
 +
<!-------------Span sitemap image--------->
 +
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/1/1a/IITDsitemapfinal.png">           
 +
<!------------Span sitemap image---------->
 +
  <div class="box">
 +
    <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 +
      <li>
 +
        <span>SiteMap</span>
 +
        <!---
 +
        <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">         
 +
          -->
 +
          <div class="ldd_submenu">
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/abstract">ABSTRACT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#ourproject">OUR PROJECT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#categories">CATEGORIES</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#sponsors">SPONSORS</a></li>
 +
              <li><a href="#"></a></li>
 +
              <li><a href="#"></a></li>
 +
          </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/project">PROJECT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#research">BACKGROUND</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">SOLUTION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">RESEARCH</a></li>
 +
            <li><a href="#"></a></li>
 +
                <li><a href="#"></a></li>
 +
            </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/notebook">NOTEBOOK</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#summary/">SUMMARY</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#timeline">TIMELINE</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#album">ALBUM</a></li>
 +
              <li><a href="#"></a></li>
 +
              <li><a href="#"></a></li>
 +
            </ul>
 +
            <ul>
 +
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/resultss">RESULTS</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/result#parts">PARTS SUBMITTED</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/result#judging">JUDGING CRITERION</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/result#attributions">ATTRIBUTIONS</a></li>
 +
                <li><a href="#"></a></li>
 +
                <li><a href="#"></a></li>
 +
    </ul>
 +
    <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/modelling">MODELLING</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#introduction">INTRODUCTION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#mathematical">MATHEMATICAL MODEL</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#simulation">SIMULATION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#interpretation">INTERPRETATION</a></li>
 +
              <li><a href="#"></a></li>
 +
    </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/team">TEAM<a/></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#ourstory">OUR STORY</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#mentors">MENTORS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#members">MEMBERS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li>
 +
            <li><a href="#"></a></li>
 +
    </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">HUMAN PRACTICES</a></li>
 +
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#outreach">OUTREACH</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#documentation">POLLUTION</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#casestudy">CASE STUDY</a></li>
 +
              <li><a href="#"></a></li>
 +
    </ul>
 +
            <ul>
 +
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">ETHICS</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENATION</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#openhouse">OPEN HOUSE</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#tryst">TRYST</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#surveys">SURVEYS</a></li>
 +
                <li><a href="#"></a></li>
 +
    </ul>
 +
    </div>
 +
  </li>
 +
</ul>
 +
      </div>
 +
    </div>  <!------DIV "HEADER" closed----->
 +
  </div>      <!------DIV "WRAPPER" closed----->   
 +
 +
  
−
  <div id="wiki">
 
 
     <div id="leftNav">
 
     <div id="leftNav">
−
       <h1 style="color:white;">This is left Nav</h1>
+
       <h1 style="color:white;font-family:Verdana, Geneva, sans-serif;font-size:230%;text-align:center;">TEAM</h1>
 +
  <nav class="snav">
 +
  <ul class="mnmenu">
 +
    <li><a href="#ourstory">Our Story</a></li>
 +
    <li><a href="#mentors">Mentors</a></li>
 +
    <li><a href="#members">Members</a></li>
 +
    <li><a href="#reminiscence">Reminiscence</a></li>
 +
  </ul>
 +
</nav>
 
     </div>
 
     </div>
 
    
 
    
 
     <div id="wikicontent">
 
     <div id="wikicontent">
−
      <h1>This is content</h1>
+
 +
 +
  <div class="container con">
 +
    <table>
 +
<tr id="ourstory">
 +
<td class="det" align="left" style="vertical-align:top;">
 +
<h1 style="font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:white;font-size:250%;padding-top:18px;">Our Story</h1>
 +
<h2 style="font-family: 'Roboto', sans-serif;color:white;font-size:150%;vertical-align:text-top;">
 +
"iGEM IIT Delhi" is a dedicated lot of students, who have this unquenching thirst for Synthetic Biology. The team, comprising of students from various disciplines, is mentored by the highly experienced research associates and faculty of our college. It is this "Never Give Up!" attitude which proves to be the strongest similarity among each of us. We have worked in a committed manner, with the best of our efforts. But hey, it was not just about the work! We guys did enjoy the time spent together. This summer of 2015 will certainly be the best part in our album of life.
 +
</h2>
 +
        </td>
 +
<td><img class="team" src="https://static.igem.org/mediawiki/2015/f/ff/Air_.pollution_1.jpg" height="400px" width="200px"></td>
 +
</tr>
 +
      </table>
 +
 
 +
        </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 +
 +
 +
  <!-------------------------------footer stuff start--------------------------------------->
 +
<footer style="height:20%;background-color:#1E4C7A;position:absolute;margin-top:80%;width:100%;">
 +
 +
<div style="background-color:#1E4C7A;">
 +
<div class="container content-section text-center">
 +
<center><h2>OUR SPONSORS</h2>
 +
<div>
 +
<img class="smallpic" src="https://static.igem.org/mediawiki/2014/6/63/Mahindra_logo.png" width="100" height="100" alt="Abhishek">
 +
<img class="smallpic" src="https://static.igem.org/mediawiki/2014/4/4f/Fitt_logo.png" width="100" height="100" alt="Abhishek">
 +
<img class="smallpic" src="https://static.igem.org/mediawiki/2014/7/71/Dbt_logo.png" width="100" height="100" alt="Abhishek">
 +
</center>
 +
</div><!--sponsor ends-->
 +
</div>
 +
<div class="container">
 +
  <div class="nav2">
 +
<table class="nav2table">
 +
  <tr>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi">HOME</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Abstract">ABSTRACT</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Modelling">MODELING</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Project">PROJECT</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Team">TEAM</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Notebook">NOTEBOOK</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Practice">HUMAN PRACTICES</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Results">RESULTS</a></td><td>|</td>
 +
    <td><a href="https://2015.igem.org/Team:IIT_Delhi/Ethics">ETHICS</a></td><td>|</td>
 +
  </tr>
 +
</table>
 +
</div>
 +
<div class="copyright"><p>Copyright &copy; iGEM-IIT Delhi 2015 | Developer: Aparana Gupta & Prakhar Agrawal </p>
 +
<center>"We won a Bronze Medal at the iGEM Giant Jamboree 2014"</center></div>
 +
</div>
 +
 +
</footer>
 +
 +
  <!-------------------------------footer stuff end--------------------------------------->
 +
 +
 
    
 
    
−
  <script>
+
<script>
−
    $(document).ready(function(){
+
  // **********THIS IS THE INTIAL SCRIPT THAT WAS USED TO BULDGE ICONS WHEN HOVERED AND VIEW THE SUBMENU
 +
/*
 +
  $(document).ready(function(){
 
       $(".iconsDiv").hover(
 
       $(".iconsDiv").hover(
 
         function(){
 
         function(){
 
           $(this).css("background-color","black");
 
           $(this).css("background-color","black");
 
           $(this).css("z-index","3");
 
           $(this).css("z-index","3");
−
           $(this).children(".icons").addClass("iconActive");
+
           $(this).find(".icons").addClass("iconActive");
−
           $(this).children("ul").css("display","block");
+
           $(this).find("ul").css("display","block");
 
         },
 
         },
 
         function(){
 
         function(){
 
           $(this).css("background-color","transparent");
 
           $(this).css("background-color","transparent");
 
           $(this).css("z-index","0");
 
           $(this).css("z-index","0");
−
           $(this).children(".icons").removeClass("iconActive");
+
           $(this).find(".icons").removeClass("iconActive");
−
           $(this).children("ul").css("display","none");           
+
           $(this).find("ul").css("display","none");           
 
         }
 
         }
 
       );
 
       );
 
     });
 
     });
−
   </script>        
+
   */
 +
</script>
 +
 
 +
  <script>
 +
$(document).ready(function(){
 +
console.log("hi2");
 +
/**
 +
* the menu
 +
*/
 +
var $menu = $('#ldd_menu');
 +
 +
/**
 +
* for each list element,
 +
* we show the submenu when hovering and
 +
* expand the span element (title) to 510px
 +
*/
 +
$menu.children('li').each(function(){
 +
var $this = $(this);
 +
var $span = $this.children('span');
 +
$span.data('width',$span.width());
 +
 +
$this.bind('mouseenter',function(){
 +
$menu.find('.ldd_submenu').stop(true,true).hide();
 +
$span.stop().animate({'width':'10%'},200,function(){
 +
$this.find('.ldd_submenu').slideDown(400);
 +
});
 +
}).bind('mouseleave',function(){
 +
/**$this.find('.ldd_submenu').stop(true,true).hide(); */
 +
$span.stop().animate({'width':$span.data('width')+'px'},300);
 +
$this.find('.ldd_submenu').slideUp(400);
 +
});
 +
});
 +
            });
 +
 +
//ipad and iphone fix
 +
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
 +
    $(" #ldd_menu li a").click(function(){
 +
        //we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
 +
        //strange
 +
    });
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$('a[href^="#"]').on('click',function (e) {
 +
          e.preventDefault();
 +
 
 +
    var target = this.hash;
 +
    var $target = $(target);
 +
 
 +
    $('html, body').stop().animate({
 +
        'scrollTop': $target.offset().top
 +
    }, 900, 'swing', function () {
 +
        window.location.hash = target;
 +
    });
 +
});
 +
});
 +
</script>
 +
 
 
      
 
      
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 00:49, 17 September 2015

Our Story

"iGEM IIT Delhi" is a dedicated lot of students, who have this unquenching thirst for Synthetic Biology. The team, comprising of students from various disciplines, is mentored by the highly experienced research associates and faculty of our college. It is this "Never Give Up!" attitude which proves to be the strongest similarity among each of us. We have worked in a committed manner, with the best of our efforts. But hey, it was not just about the work! We guys did enjoy the time spent together. This summer of 2015 will certainly be the best part in our album of life.