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

 
(198 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
   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 32:
 
.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 40:
 
   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 51: Line 58:
 
   width:17%;
 
   width:17%;
 
}
 
}
−
#tour{
+
 
−
  position:absolute;
+
#tourimg{
−
  margin-top:2%;
+
width:300px;
−
  margin-left:80%;
+
height:80px;
 +
margin-top:2%;
 +
margin-left:82.5%;
 +
position:fixed;
 +
z-index:9999;
 
}
 
}
 +
 
#leftNav{
 
#leftNav{
−
  border:solid 2px green;
 
 
   width:17%;
 
   width:17%;
 
   height:1000px;
 
   height:1000px;
Line 63: Line 74:
 
   margin-top:12%;
 
   margin-top:12%;
 
}
 
}
 +
 
#wikicontent{
 
#wikicontent{
−
  border:solid 2px red;
+
   background-color:black;
−
   background-color:white;
+
 
   opacity:1;
 
   opacity:1;
−
   height:1000px;
+
   height:1200px;
 
   width:80%;
 
   width:80%;
 
   position:absolute;
 
   position:absolute;
Line 78: Line 89:
 
   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;
−
 
+
−
#footer{
+
−
        border:solid 2px red;
+
−
background:pink;
+
−
width:100%;
+
−
height:100px;
+
−
position:absolute;
+
−
bottom:0;
+
−
left:0;
+
−
}
+
−
 
+
−
#wiki{
+
−
padding-bottom:100px;
+
 
}
 
}
  
Line 102: Line 101:
 
   margin-left:2px;
 
   margin-left:2px;
 
   position:fixed;
 
   position:fixed;
 +
  z-index:5;
 
}
 
}
  
Line 109: Line 109:
 
   margin: 0;
 
   margin: 0;
 
}
 
}
 +
  
 
.mnmenu a {
 
.mnmenu a {
 
   display: block;
 
   display: block;
−
   background-color: #CCC;
+
   background-color:#0F93FC ;
 
   text-decoration: none;
 
   text-decoration: none;
 
   padding: 10px;
 
   padding: 10px;
−
   color: #000;
+
   color: white;
 +
  font-size:125%;
 
}
 
}
  
 
.mnmenu a:hover {
 
.mnmenu a:hover {
−
     background-color: pink;
+
     background-color: #002952;
 
}
 
}
  
Line 128: Line 130:
  
 
.sbmenu a {
 
.sbmenu a {
−
   background-color: #999;
+
   background-color: #4D7094;
 
}
 
}
  
 
.sbmenu a:hover {
 
.sbmenu a:hover {
−
   background-color: #666;
+
   background-color: #002E5C;
 
}
 
}
  
Line 141: Line 143:
 
}
 
}
  
−
td{
+
table{
 +
color:white;
 +
background-color:black;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
.con td{
 
padding:10px 35px;
 
padding:10px 35px;
 
text-aling:justify;
 
text-aling:justify;
Line 156: Line 164:
 
         img.team{
 
         img.team{
 
background-color: #B0B0B0;
 
background-color: #B0B0B0;
−
border: 5px solid transparent;
+
border: 5px solid #003366 ;
−
         height:200px;
+
         height:400px;
−
width:200px;
+
width:300px;
 
}
 
}
  
Line 166: Line 174:
 
border-bottom: 5px solid #CCC;
 
border-bottom: 5px solid #CCC;
 
border-top: 5px solid #384045;
 
border-top: 5px solid #384045;
−
margin-bottom: 35px;
 
−
margin-top: 15px;
 
 
min-height: 50px;
 
min-height: 50px;
 
padding: 0;
 
padding: 0;
−
padding: 20px;
 
 
position: relative;
 
position: relative;
 
text-align: left;
 
text-align: left;
Line 220: Line 225:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
margin-top: 30px;
 
margin-top: 30px;
 +
}
 +
 +
ul.ldd_menu{
 +
margin-top:0px;
 +
        margin-left:20px;
 +
padding:0;
 +
        position:absolute;
 +
height:70px;
 +
list-style:none;
 +
font-family:Verdana, Geneva, sans-serif;
 +
        font-size:100%;
 +
text-align: center;
 +
}
 +
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;
 +
        position:absolute;
 +
  margin-left:550px;
 +
  width:10%;
 +
  font-size:100%;
 +
color:green;
 +
background-color:white;
 +
height:50px;
 +
line-height:50px;
 +
cursor:default;
 +
padding:0px 20px;
 +
text-shadow:0px 0px 1px #CCC;
 +
        border-radius:0 0 0 10px;
 +
}
 +
 +
.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: #000;
 +
}
 +
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;
 +
}
 +
 +
li.ldd_heading{
 +
font-family: Georgia, serif;
 +
font-size: 13px;
 +
font-style: italic;
 +
color:#FF3300;
 +
text-shadow:0px 0px 1px #B03E23;
 +
padding:0px 0px 10px 0px;
 +
}
 +
ul.ldd_menu ul li a{
 +
font-family: Arial, serif;
 +
font-size:12px;
 +
line-height:20px;
 +
color:#fff;
 +
padding:1px 3px;
 +
}
 +
ul.ldd_menu ul li a:hover{
 +
background:#FF3300;
 +
}
 +
 +
.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;
 
}
 
}
  
Line 228: Line 428:
 
   <div id="wrapper">
 
   <div id="wrapper">
 
   <div id="header">
 
   <div id="header">
−
   <img id="IITDigem_logo"  src="https://static.igem.org/mediawiki/2015/f/ff/IITDigem_logo.png">
+
 
−
   <nav>
+
   <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>
 +
    
 +
    <nav>
 
     <div class="iconsDiv" style="margin-left:22%;">
 
     <div class="iconsDiv" style="margin-left:22%;">
−
       <img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
       <a href="https://2015.igem.org/Team:IIT_Delhi/project_background"><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: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/modelling_introduction"><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: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/team_ourstory"><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: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/notebook_summary"><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: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/abstract"><img class="icons" id="icon5" src="https://static.igem.org/mediawiki/2015/8/86/Abstract1_iitd.png"></a>
−
 
+
−
      <ul class="smenu">
+
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      <li>Menu1</li>
+
−
      </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/collaboration_iiser"><img class="icons" id="icon6" src="https://static.igem.org/mediawiki/2015/3/3c/Collabaration1_iitd.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: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/ethics_orientation"><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>
  
 
     <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/results_parts"><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>
Line 328: Line 514:
 
    
 
    
 
   <div id="tour">
 
   <div id="tour">
−
     <img src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png">
+
     <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>
 +
 +
  <div class="box">
 +
<ul id="ldd_menu" class="ldd_menu">
 +
<li>
 +
<span>SITE-MAP</span>
 +
                   
 +
                   
 +
                  <div class="ldd_submenu">
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/project_background">PROJECT</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/project_background">BACKGROUND</a></li>
 +
        <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_solution">SOLUTION</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">RESEARCH</a></li>
 +
        <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_prototype">PROTOTYPE</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_conclusion">CONCLUSION</a></li>
 +
</ul>
 +
<ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/modelling_introduction">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 href="https://2015.igem.org/Team:IIT_Delhi/team_ourstory">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_sponsors">SPONSORS</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/team_carpediem">CARPE DIEM</a></li>
 +
</ul>
 +
                        <ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/notebook_summary">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 href="https://2015.igem.org/Team:IIT_Delhi/abstract">ABSTRACT</a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
      </ul>
 +
                        <ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_iiser">COLLABORATION</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_iiser">IISER</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_enactus">ENACTUS</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_outreach">OUTREACH</a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
</ul>
 +
                        <ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation">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>
 +
                                                <ul>
 +
<li class="ldd_heading"><a href="https://2015.igem.org/Team:IIT_Delhi/results_parts">RESULTS</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/results_parts">PARTS SUBMITTED</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/results_judging">JUDGING CRITERION</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/results_attributions">ATTRIBUTIONS</a></li>
 +
                                                        <li><a href="#"></a></li>
 +
                                                        <li><a href="#"></a></li>
 +
</ul>
 +
<a class="ldd_subfoot" href="">Click here for Site-Map image</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
    </div>
 +
 
   </div>       
 
   </div>       
  
  
−
  <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:200%;text-align:center;">CONTENTS</h1>
 
   <nav class="snav">
 
   <nav class="snav">
 
   <ul class="mnmenu">
 
   <ul class="mnmenu">
−
     <li><a href="">AAA</a></li>
+
     <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_background">Background</a></li>
−
     <li><a href="">AAA</a></li>
+
     <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_solution">Solution</a></li>
−
     <li><a href="">AAA</a>
+
     <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">Research</a>
 
       <ul class="sbmenu">
 
       <ul class="sbmenu">
−
         <li><a href="">BBB</a></li>
+
         <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">NrfA</a></li>
−
         <li><a href="">BBB</a></li>
+
         <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">Cysl</a></li>
−
         <li><a href="">BBB</a></li>
+
         <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">NosZ</a></li>
 +
        <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_research">Sqr</a></li>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
−
     <li><a href="">AAA</a></li>
+
     <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_prototype">Prototype</a></li>
 +
    <li><a href="https://2015.igem.org/Team:IIT_Delhi/project_conclusion">Conclusion</a></li>
 
   </ul>
 
   </ul>
 
</nav>
 
</nav>
Line 353: Line 620:
 
    
 
    
 
     <div id="wikicontent">
 
     <div id="wikicontent">
−
      <h1>This is content</h1>
+
    <h1 style="color:white;font-family:Verdana, Geneva, sans-serif;font-size:200%;">Here you are..</h1>
 
       <div role="main" class="main">
 
       <div role="main" class="main">
  
Line 359: Line 626:
 
                             <font size="6">
 
                             <font size="6">
 
<ul class="breadcrumb" style:"text-decoration:none;">
 
<ul class="breadcrumb" style:"text-decoration:none;">
−
        <a href="index.html">Home</a> <span class="divider">/</span>
+
        <a href="https://2015.igem.org/Team:IIT_Delhi">Home</a> <span class="divider">/</span>
−
        Team
+
        <a href="https://2015.igem.org/Team:IIT_Delhi/project_background">Project </a><span class="divider">/<span> Background
 
</ul>
 
</ul>
−
                          </font>
 
−
                          <font size="5">
 
−
Current Team
 
 
                           </font>
 
                           </font>
 
</section>
 
</section>
  
−
<div class="container">
 
−
 
−
    <h2>Meet the <strong>Team</strong></h2>
 
−
<ul class="nav nav-pills sort-source" data-sort-id="team" data-option-key="filter"></ul>
 
−
    <hr />
 
−
</div>
 
 
   </div>
 
   </div>
 
 
 
 
−
   <div class="container">
+
   <div class="container con">
 
    <table>
 
    <table>
 
<tr>
 
<tr>
 
<td class="det" align="right">
 
<td class="det" align="right">
−
<h3>ABC<br><small>BBBBBBBBBBBB</small></h3>
+
<h1 style="font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:white;font-size:250%;">Origin</h1>
−
content content
+
<h2 style="font-family:Verdana, Geneva, sans-serif;color:white;font-size:150%;vertical-align:top;">
 +
In today’s modern world, greenhouse gases such as NOx and SOx pose a major global issue that needs to be addressed. These oxides also increase the oxidizing capacity of the atmosphere which are responsible for the photochemical production of ozone in the lower layers of the atmosphere which has detrimental effects. Sulfur Oxides (SOx) are the main precursors of air pollution which is a deteriorating problem as well. Producing acid rain and acidified soils, Sulfur Oxides not only result in respiratory problems such as asthma and pneumonia, but also destroy farm crops, buildings and environment, causing loss of millions of dollars every year.
 +
</h2>
 
        </td>
 
        </td>
−
<td><img class="team" src="img/p.jpg" height="200px" width="200px"></td>
+
<td><img class="team" src="https://static.igem.org/mediawiki/2015/b/b4/Ecoli1.jpg" height="400px" width="200px"></td>
 
</tr>
 
</tr>
 
      </table>
 
      </table>
Line 402: Line 662:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
    
+
 
−
  <div id="footer">
+
 
−
  </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/Modeling">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/Collaboration">COLLABORATION</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>
Line 412: Line 709:
 
           $(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>
 
      
 
      
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 21:23, 16 September 2015

Here you are..

Origin

In today’s modern world, greenhouse gases such as NOx and SOx pose a major global issue that needs to be addressed. These oxides also increase the oxidizing capacity of the atmosphere which are responsible for the photochemical production of ozone in the lower layers of the atmosphere which has detrimental effects. Sulfur Oxides (SOx) are the main precursors of air pollution which is a deteriorating problem as well. Producing acid rain and acidified soils, Sulfur Oxides not only result in respiratory problems such as asthma and pneumonia, but also destroy farm crops, buildings and environment, causing loss of millions of dollars every year.

DEF
BBBBBBBB

content content