Difference between revisions of "Team:IIT Delhi"

Line 96: Line 96:
  
 
}
 
}
#globalWrapper {
+
#globalWrapperdivi {
 
     position: relative;
 
     position: relative;
 
   /* font-size: 127%; */
 
   /* font-size: 127%; */
Line 151: Line 151:
 
}
 
}
 
      
 
      
     #globalWrapper{
+
     #globalWrapperdivi{
 
         transition: 0.5s;
 
         transition: 0.5s;
 
        
 
        
Line 173: Line 173:
 
<style>
 
<style>
 
    
 
    
 
+
       .overlayved {
 
+
       .overlay {
+
 
     height: 100%;
 
     height: 100%;
 
     width: 0;
 
     width: 0;
Line 194: Line 192:
 
}
 
}
  
.overlay-content {
+
.overlayved-content {
 
     position: relative;
 
     position: relative;
 
     top: 25%;
 
     top: 25%;
Line 203: Line 201:
 
}
 
}
  
.overlay a, .overlay-btn {
+
.overlayved a, .overlayved-btn {
 
     padding: 20px;
 
     padding: 20px;
 
     padding-left: 15px;
 
     padding-left: 15px;
Line 235: Line 233:
 
}
 
}
 
      
 
      
     .overlay-btn2{
+
     .overlayved-btn2{
 
         outline: none;
 
         outline: none;
 
     }
 
     }
.overlay a:hover, .overlay a:focus, .overlay-btn:hover, .overlay-btn2:hover {
+
.overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover {
 
     color: darkred;
 
     color: darkred;
 
}
 
}
  
  
   /*  .overlay .closebtn {
+
   /*  .overlayved .closebtn {
 
     position: absolute;
 
     position: absolute;
 
     float:right;
 
     float:right;
Line 250: Line 248:
 
} */
 
} */
 
      
 
      
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
+
     .dropdownsakks-container {
display: none;
+
}
+
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
+
background: none;
+
border: none;
+
}
+
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
+
background-color: transparent;
+
}
+
:focus, :active {
+
  outline: 0;
+
}
+
body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
+
width: 100%;
+
margin: 0;
+
padding: 0;
+
height: 100%
+
}
+
#content {
+
width: 100%;
+
margin: 0;
+
margin-top: -33px;
+
padding: 0;
+
height: 100%
+
}
+
html {
+
-webkit-font-smoothing: antialiased;
+
}
+
.toppad
+
{
+
  padding-top:100px;
+
  padding-bottom: 0px;
+
}     
+
 
+
 
+
 
+
 
+
     .dropdown-container {
+
 
     display: none;
 
     display: none;
 
     background-color: #262626;
 
     background-color: #262626;
Line 297: Line 257:
  
  
body, html, #globalWrapper, #bodyContent, #HQ_page {
+
body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 
width: 100%;
 
width: 100%;
 
margin: 0;
 
margin: 0;
Line 328: Line 288:
  
  
   .navbar {
+
   .navaman {
 
      
 
      
 
         font-family: Raleway;
 
         font-family: Raleway;
Line 342: Line 302:
 
}
 
}
  
.navbar a {
+
.navaman a {
 
    
 
    
 
     padding: 14px 30px;
 
     padding: 14px 30px;
Line 355: Line 315:
 
}
 
}
  
.dropdown {
+
.dropdownsakks {
 
     float: right;
 
     float: right;
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
  
.dropdown .dropbtn {
+
.dropdownsakks .dropbtn {
 
     cursor: pointer;
 
     cursor: pointer;
 
     font-size: 16px;     
 
     font-size: 16px;     
Line 374: Line 334:
  
  
.dropdown-content {
+
.dropdownsakks-content {
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
Line 383: Line 343:
 
}
 
}
  
.dropdown-content a {
+
.dropdownsakks-content a {
 
     float: none;
 
     float: none;
 
     color: black;
 
     color: black;
Line 392: Line 352:
 
}
 
}
  
     .dropdown:hover .dropdown-content{
+
     .dropdownsakks:hover .dropdownsakks-content{
 
         display:block;
 
         display:block;
 
     }
 
     }
 
      
 
      
.dropdown-content a:hover {
+
.dropdownsakks-content a:hover {
 
     color: red;
 
     color: red;
 
     z-index: 555;
 
     z-index: 555;
Line 463: Line 423:
 
   z-index: 0;
 
   z-index: 0;
 
}
 
}
 
+
    .mobilewall{
 +
        display: none;
 +
    }
 +
    .laptopwall{
 +
        display: block;
 +
    }
 
      
 
      
 
     @media screen and (max-width: 1300px){
 
     @media screen and (max-width: 1300px){
         .navbar a{display: none;}
+
         .navaman a{display: none;}
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
Line 473: Line 438:
 
             display: block;
 
             display: block;
 
         }
 
         }
 +
        .laptopwall{display: none;}
 +
        .mobilewall{display: block;}
 
          
 
          
 
     }     
 
     }     
Line 478: Line 445:
 
      
 
      
 
</style>
 
</style>
 +
 
 
      
 
      
 
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
Line 536: Line 504:
 
mode: 'transform'
 
mode: 'transform'
 
},
 
},
navPanel: {
+
navamanPanel: {
 
animation: 'pushX',
 
animation: 'pushX',
 
breakpoints: 'medium',
 
breakpoints: 'medium',
Line 542: Line 510:
 
height: '100%',
 
height: '100%',
 
hidden: true,
 
hidden: true,
html: '<div data-action="moveElement" data-args="nav"></div>',
+
html: '<div data-action="moveElement" data-args="navaman"></div>',
 
orientation: 'vertical',
 
orientation: 'vertical',
 
position: 'top-left',
 
position: 'top-left',
Line 548: Line 516:
 
width: 250
 
width: 250
 
},
 
},
navButton: {
+
navamanButton: {
 
breakpoints: 'medium',
 
breakpoints: 'medium',
 
height: '4em',
 
height: '4em',
html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
+
html: '<span class="toggle" data-action="toggleLayer" data-args="navamanPanel"></span>',
 
position: 'top-left',
 
position: 'top-left',
 
side: 'top',
 
side: 'top',
Line 599: Line 567:
  
 
     <body>
 
     <body>
   <div id="globalWrapper">           
+
   <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1">           
 
          
 
          
 
    
 
    
  
         <div class= "NameClass" style="background-color: black;"><img src="Logo%20Circle%20Background.jpg" style="height: 150px; width: 160px; display:block; padding-left: 45%;margin-top: 0px; padding-top: 10px;">
+
         <div class= "NameClass" style="background-color:white;">
 +
<a style="height: 150px; width: 150px;margin-left: 34%;margin-top: 0px; padding-top: 35px;" href="https://2018.igem.org/Team:IIT_Delhi">
 +
<img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:inline; margin-top: 40px;"> </a>
 
              
 
              
       
 
 
         </div>
 
         </div>
 
        
 
        
       <div class="RespIcon"  style="background-color: black;">
+
       <div class="RespIcon"  style="background-color: white;">
      <img src="Logo%20Circle%20Background.jpg" style="height: 150px; width: 160px; display:block; padding-left: 5%;margin-top: 0px; padding-top: 10px;">
+
<a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;">
          <a href="javascript:void(0);" class="icon" onclick="openNav()"> <i class="fa fa-bars"></i> </a>
+
      <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px; display:inline; padding-top: 15px;">  </a>      <a href="javascript:void(0);" style="Background-color: white;" class="icon" onclick="openNav()"> <i class="fa fa-bars" style="padding-top: 100px"></i> </a>
 
       </div>
 
       </div>
 
          
 
          
 
        
 
        
<div class = "navbar">
+
<div class = "navaman">
 
 
           <div class="dropdown">
+
           <div class="dropdownsakks">
 
   <div class= "borderYtoX">   
 
   <div class= "borderYtoX">   
 
          
 
          
Line 622: Line 591:
 
          
 
          
 
     </div>
 
     </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Lab Records</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Protocol</a>
+
                      <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a>
              <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Recipes</a>
+
                      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Medal Criteria</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 632: Line 599:
 
          
 
          
 
                                                          
 
                                                          
       <div class="dropdown">
+
       <div class="dropdownsakks">
 
   <div class= "borderYtoX">   
 
   <div class= "borderYtoX">   
 
          
 
          
Line 638: Line 605:
 
          
 
          
 
     </div>
 
     </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
       <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Attributions</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
              <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Sponsors</a>
+
           
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
      
 
      
      
+
      <div class= "borderYtoX">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a>
 +
     </div>
 
          
 
          
       <div class="dropdown">
+
       <div class="dropdownsakks">
  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           </div>
 
           </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Integrated Practices</a>
+
   
           <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Safety</a>
+
           <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Safety</a>
 
               <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Public Engagement</a>
 
               <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Public Engagement</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
       <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Modelling</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Modelling</a>
 
     </div>
 
     </div>
     <div class="dropdown">
+
     <div class="dropdownsakks">
  
 
          
 
          
Line 670: Line 639:
 
     <a href="javascript:void(0)"> Parts </a>
 
     <a href="javascript:void(0)"> Parts </a>
 
         </div>
 
         </div>
     <div class="dropdown-content" style="margin-top: 62px;">
+
     <div class="dropdownsakks-content" style="margin-top: 66px;">
  
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
Line 678: Line 647:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
+
<div class="dropdownsakks">
 
         <div class= "borderYtoX">
 
         <div class= "borderYtoX">
   <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" >Results</a>
+
   <a href="javascript:void(0)" >Results</a>
 
     </div>
 
     </div>
  
          
+
  <div class="dropdownsakks-content"  style="margin-top: 66px;">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate">Demonstrate</a>
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab">Interlab</a>
 +
     
 +
    </div>
 +
 
 +
 
 +
 
 +
         </div>
 
          
 
          
 
          
 
          
Line 690: Line 667:
 
          
 
          
 
          
 
          
       <div class="dropdown">
+
       <div class="dropdownsakks">
 
           <div class= "borderYtoX">
 
           <div class= "borderYtoX">
 
             <a href="javascript:void(0)"> Project </a>
 
             <a href="javascript:void(0)"> Project </a>
 
           </div>
 
           </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
Line 707: Line 684:
 
</div>
 
</div>
  
       <div class= "overlay" id="myNav">
+
       <div class= "overlayved" id="myNav">
 
   
 
   
 
      
 
      
Line 714: Line 691:
 
            
 
            
 
            
 
            
     <div class="overlay-content">
+
     <div class="overlayved-content">
 
      
 
      
 
         <hr>
 
         <hr>
 
          
 
          
             <button class="overlay-btn2" style="padding-bottom: 15px;padding-top: 15px;align-self: center;font-size: 30px;font-family: raleway;border-color: white;border-style: none; border-image: none;background-color: white;border-width: 0px;cursor: pointer; color: #818181;" onClick="closeNav()" >Close Navigation</button>
+
             <button class="overlayved-btn2" style="padding-bottom: 15px;padding-top: 15px;align-self: center;font-size: 30px;font-family: raleway;border-color: white;border-style: none; border-image: none;background-color: white;border-width: 0px;cursor: pointer; color: #818181;" onClick="closeNav()" >Close Navigation</button>
 
      
 
      
 
         <hr>
 
         <hr>
Line 724: Line 701:
 
         <div style="height: 28px;">  </div>
 
         <div style="height: 28px;">  </div>
 
          
 
          
  <button class="overlay-btn" style="padding-bottom: 15px;"  onclick="myFunction1()">Project
+
  <button class="overlayved-btn" style="padding-bottom: 15px;"  onclick="myFunction1()">Project
 
           <i class="fa fa-caret-right"></i>     
 
           <i class="fa fa-caret-right"></i>     
 
     </button>
 
     </button>
Line 730: Line 707:
 
          
 
          
 
          
 
          
     <div class="dropdown-container" id="myDropdown1" style= "font-style: italic; ">
+
     <div class="dropdownsakks-container" id="mydropdownsakks1" style= "font-style: italic; ">
     <a href="#" style="font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;">Overview</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Description" style="font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;">Overview</a>
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Design" style="font-size: 15px;padding: 10px; padding-top: 5px;
 
                       padding-bottom: 0px;" >Design</a>
 
                       padding-bottom: 0px;" >Design</a>
 
     </div>
 
     </div>
 
      
 
      
        <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Results</a>
+
    <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 +
   
 +
    <div class="dropdownsakks-container" id="mydropdownsakks2" style= "font-style: italic;">
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
 +
         
 +
    </div>
 +
 
 
          
 
          
     <button class="overlay-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
+
     <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown2" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;">
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Demonstrate</a>
     <a href="#" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Interlab</a>
 
            
 
            
 
     </div>
 
     </div>
 
      
 
      
         <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
+
         <a href="https://2018.igem.org/Team:IIT_Delhi/Model" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
 
          
 
          
     <button class="overlay-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
+
     <button class="overlayved-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown3" style= "font-style: italic;"  >
+
     <div class="dropdownsakks-container" id="mydropdownsakks3" style= "font-style: italic;"  >
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Human Practices</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Human Practices</a>
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Integrated Practices</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Safety" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Safety</a>
    <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Safety</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement" style="font-size: 15px;padding: 10px; padding-top: 5px;
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
 
                       padding-bottom: 0px;" >Public Engagement</a>
 
                       padding-bottom: 0px;" >Public Engagement</a>
 
     </div>
 
     </div>
 
      
 
      
     <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;"  >Team
+
     <button class="overlayved-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;"  >Team
 
     <i class="fa fa-caret-right"></i>   
 
     <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown4" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks4" style= "font-style: italic;">
     <a href="#" style="font-size: 15px; font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;padding-bottom: 5px;" >Members</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Team" style="font-size: 15px; font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;padding-bottom: 5px;" >Members</a>
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions" style="font-size: 15px;padding: 10px; padding-top: 5px;
 
                       padding-bottom: 5px;" >Attributions</a>
 
                       padding-bottom: 5px;" >Attributions</a>
         <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
          
                      padding-bottom: 0px;" >Sponsors</a>
+
 
     </div>
 
     </div>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction5()" style="padding-bottom: 15px;" >Notebook
+
     <button class="overlayved-btn" onclick="myFunction5()" style="padding-bottom: 15px;" >Notebook
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown5" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;">
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
    <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Protocol</a>
+
             <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
             <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Recipes</a>
+
            <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
+
 
            
 
            
 
     </div>
 
     </div>
Line 800: Line 782:
 
 
 
</section>
 
</section>
<div style="background-color: rgb(77, 77, 77)">
+
     
 +
        <div class="laptopwall">
 +
<div style="background-color: #252525">
 +
    <div><img src="jkl.png" usemap="#mainwalls" style="max-width: 1200px;display: block;margin-left: auto;margin-right: auto;">
 +
    <map name="mainwalls">
 +
        <!-- basic circuit-->
 +
    <area shape="rect" coords="540,180,220,75" href="#"  style="cursor: pointer">
 +
        <!-- recombinase-->
 +
        <area shape="rect" coords="950,180,700,50" href="#"  style="cursor: pointer">
 +
        <!-- abstract-->
 +
        <area shape="rect" coords="900,480,700,325" href="https://2018.igem.org/Team:IIT_Delhi/Design"  style="cursor: pointer">
 +
        <!-- modelling-->
 +
        <area shape="rect" coords="400,600,300,500" href="https://2018.igem.org/Team:IIT_Delhi/Model"  style="cursor: pointer;">
 +
        <!--lab work-->
 +
        <area shape="rect" coords="850,850,750,700" href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate"  style="cursor: pointer;border: double">
 +
        <!--lab result-->
 +
        <area shape="rect" coords="450,950,250,800" href="https://2018.igem.org/Team:IIT_Delhi/InterLab"  style="cursor: pointer">
 +
    </map>
 +
    </div>
 +
   
 +
      </div>
 +
          </div>
 +
     
 +
     
 +
    <div class="mobilewall">
 +
<div style="background-color: #252525">
 +
    <div><img src="jkl.png" usemap="#mainwall" style="max-width: 800px;display: block;margin-left: auto;margin-right: auto;">
 +
    <map name="mainwall">
 +
        <!-- basic circuit-->
 +
    <area shape="rect" coords="360,95,130,30" href="#"  style="cursor: pointer">
 +
        <!-- recombinase-->
 +
        <area shape="rect" coords="650,115,450,30" href="#"  style="cursor: pointer">
 +
        <!-- abstract-->
 +
        <area shape="rect" coords="590,310,500,205" href="https://2018.igem.org/Team:IIT_Delhi/Design"  style="cursor: pointer">
 +
        <!-- modelling-->
 +
        <area shape="rect" coords="300,400,190,310" href="https://2018.igem.org/Team:IIT_Delhi/Model"  style="cursor: pointer">
 +
        <!--lab work-->
 +
        <area shape="rect" coords="590,570,500,430" href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate"  style="cursor: pointer">
 +
        <!--lab result-->
 +
        <area shape="rect" coords="300,650,170,530" href="https://2018.igem.org/Team:IIT_Delhi/InterLab"  style="cursor: pointer">
 +
    </map>
 +
    </div>
 
      
 
      
    <img src="DNA%20+%20Box.png" style="height: 1550px;width: 650px;display: block;margin-left: auto;margin-right: auto;">
 
 
       </div>
 
       </div>
 +
      <!--  </div>
 
     <!--/**/-->
 
     <!--/**/-->
  
 
          
 
          
 
<div>
 
<div>
         <div  style="background-color: dimgray;font-size: 35px;text-align: center;font-family: sans-serif;"><h5 style="color: white">Contact us</h5></div>
+
        <div style="background-color: white">
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="font-size: 50px;"><u class="fx" style="cursor: pointer;">Address</u></h4><p style="">Undergraduate Laboratory<br>
+
         <div  style="background-color: #555;color:black;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
 +
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="color:black;font-size: 50px;"><u class="fx" style="cursor: pointer;text-align: center">Address</u></h4><p style="text-align: center;margin-bottom: 16px">Undergraduate Laboratory<br>
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
             </div>
 
             </div>
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><a href="https://www.facebook.com/igemiitdelhi/" style="color:black;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><i class="fa fa-linkedin fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><a href="https://twitter.com/igem_iit_delhi?lang=en" style="color:black;"><i class="fa fa-twitter fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
              
 
              
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="https://www.instagram.com/igemiitd/" style="color:black;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="iitd.igem@gmail.com" style="color:black;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
     </div>
 
     </div>
 
         </div>
 
         </div>
Line 823: Line 847:
 
     function openNav() {
 
     function openNav() {
 
     document.getElementById("myNav").style.width = "50%";
 
     document.getElementById("myNav").style.width = "50%";
         document.getElementById("globalWrapper").style.width = "50%";
+
         document.getElementById("globalWrapperdivi").style.width = "50%";
 
        
 
        
         document.getElementById("globalWrapper").style.paddingLeft = "50%";
+
         document.getElementById("globalWrapperdivi").style.paddingLeft = "50%";
 
         document.body.style.overflowX = "hidden";
 
         document.body.style.overflowX = "hidden";
 
         document.body.style.overflowY = "hidden";
 
         document.body.style.overflowY = "hidden";
         document.getElementById("globalWrapper").style.overflowX = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
         document.getElementById("globalWrapper").style.overflowY = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 
          
 
          
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 839: Line 863:
 
function closeNav() {
 
function closeNav() {
 
     document.getElementById("myNav").style.width = "0%";
 
     document.getElementById("myNav").style.width = "0%";
       document.getElementById("globalWrapper").style.width = "100%";
+
       document.getElementById("globalWrapperdivi").style.width = "100%";
         document.getElementById("globalWrapper").style.paddingLeft = "0%";
+
         document.getElementById("globalWrapperdivi").style.paddingLeft = "0%";
 
       document.body.style.overflowX = "initial";
 
       document.body.style.overflowX = "initial";
 
         document.body.style.overflowY = "initial";
 
         document.body.style.overflowY = "initial";
         document.getElementById("globalWrapper").style.overflowX = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
         document.getElementById("globalWrapper").style.overflowY = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
  
 
      
 
      
Line 854: Line 878:
 
}
 
}
  
           
 
           
 
 
              
 
              
 
function myFunction1() {
 
function myFunction1() {
     document.getElementById("myDropdown1").classList.toggle("show");
+
     document.getElementById("mydropdownsakks1").classList.toggle("show");
 
      
 
      
 
    
 
    
 +
   
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 
        
 
        
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 880: Line 906:
  
 
function myFunction2() {
 
function myFunction2() {
     document.getElementById("myDropdown2").classList.toggle("show");
+
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 +
 
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
 
      
 
      
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 900: Line 931:
  
 
function myFunction3() {
 
function myFunction3() {
     document.getElementById("myDropdown3").classList.toggle("show");
+
     document.getElementById("mydropdownsakks3").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 920: Line 956:
  
 
function myFunction4() {
 
function myFunction4() {
     document.getElementById("myDropdown4").classList.toggle("show");
+
     document.getElementById("mydropdownsakks4").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 940: Line 981:
  
 
function myFunction5() {
 
function myFunction5() {
     document.getElementById("myDropdown5").classList.toggle("show");
+
     document.getElementById("mydropdownsakks5").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
6
 +
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev1 = document.getElementById("myDropdown1");
+
         var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
}
 
}
 +
 +
function myFunction6() {
 +
    document.getElementById("mydropdownsakks6").classList.toggle("show");
 +
   
 +
    var prev2 = document.getElementById("mydropdownsakks2");
 +
    if (prev2.classList.contains("show"))
 +
      prev2.classList.remove("show");
 +
     
 +
    var prev3 = document.getElementById("mydropdownsakks3");
 +
    if (prev3.classList.contains("show"))
 +
      prev3.classList.remove("show");
 +
     
 +
var prev21 = document.getElementById("mydropdownsakks1");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 +
 +
    var prev4 = document.getElementById("mydropdownsakks4");
 +
    if (prev4.classList.contains("show"))
 +
      prev4.classList.remove("show");
 +
     
 +
        var prev1 = document.getElementById("mydropdownsakks1");
 +
    if (prev1.classList.contains("show"))
 +
      prev1.classList.remove("show");
 +
}
 +
 +
 +
  
  

Revision as of 22:49, 17 October 2018

iGEM IIT Delhi

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi