Line 96: | Line 96: | ||
} | } | ||
− | # | + | #globalWrapperdivi { |
position: relative; | position: relative; | ||
/* font-size: 127%; */ | /* font-size: 127%; */ | ||
Line 151: | Line 151: | ||
} | } | ||
− | # | + | #globalWrapperdivi{ |
transition: 0.5s; | transition: 0.5s; | ||
Line 173: | Line 173: | ||
<style> | <style> | ||
− | + | .overlayved { | |
− | + | ||
− | . | + | |
height: 100%; | height: 100%; | ||
width: 0; | width: 0; | ||
Line 194: | Line 192: | ||
} | } | ||
− | . | + | .overlayved-content { |
position: relative; | position: relative; | ||
top: 25%; | top: 25%; | ||
Line 203: | Line 201: | ||
} | } | ||
− | . | + | .overlayved a, .overlayved-btn { |
padding: 20px; | padding: 20px; | ||
padding-left: 15px; | padding-left: 15px; | ||
Line 235: | Line 233: | ||
} | } | ||
− | . | + | .overlayved-btn2{ |
outline: none; | outline: none; | ||
} | } | ||
− | . | + | .overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover { |
color: darkred; | color: darkred; | ||
} | } | ||
− | /* . | + | /* .overlayved .closebtn { |
position: absolute; | position: absolute; | ||
float:right; | float:right; | ||
Line 250: | Line 248: | ||
} */ | } */ | ||
− | + | .dropdownsakks-container { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
display: none; | display: none; | ||
background-color: #262626; | background-color: #262626; | ||
Line 297: | Line 257: | ||
− | body, html, # | + | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { |
width: 100%; | width: 100%; | ||
margin: 0; | margin: 0; | ||
Line 328: | Line 288: | ||
− | . | + | .navaman { |
font-family: Raleway; | font-family: Raleway; | ||
Line 342: | Line 302: | ||
} | } | ||
− | . | + | .navaman a { |
padding: 14px 30px; | padding: 14px 30px; | ||
Line 355: | Line 315: | ||
} | } | ||
− | . | + | .dropdownsakks { |
float: right; | float: right; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
− | . | + | .dropdownsakks .dropbtn { |
cursor: pointer; | cursor: pointer; | ||
font-size: 16px; | font-size: 16px; | ||
Line 374: | Line 334: | ||
− | . | + | .dropdownsakks-content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
Line 383: | Line 343: | ||
} | } | ||
− | . | + | .dropdownsakks-content a { |
float: none; | float: none; | ||
color: black; | color: black; | ||
Line 392: | Line 352: | ||
} | } | ||
− | . | + | .dropdownsakks:hover .dropdownsakks-content{ |
display:block; | display:block; | ||
} | } | ||
− | . | + | .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){ | ||
− | . | + | .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' | ||
}, | }, | ||
− | + | 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=" | + | 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 | ||
}, | }, | ||
− | + | navamanButton: { | |
breakpoints: 'medium', | breakpoints: 'medium', | ||
height: '4em', | height: '4em', | ||
− | html: '<span class="toggle" data-action="toggleLayer" data-args=" | + | 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=" | + | <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1"> |
− | <div class= "NameClass" style="background-color: | + | <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: | + | <div class="RespIcon" style="background-color: white;"> |
− | + | <a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;"> | |
− | + | <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 = " | + | <div class = "navaman"> |
− | <div class=" | + | <div class="dropdownsakks"> |
<div class= "borderYtoX"> | <div class= "borderYtoX"> | ||
Line 622: | Line 591: | ||
</div> | </div> | ||
− | <div class=" | + | <div class="dropdownsakks-content" style="margin-top: 66px;"> |
− | <a href="https://2018.igem.org/Team:IIT_Delhi/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a> |
− | + | <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a> | |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 632: | Line 599: | ||
− | <div class=" | + | <div class="dropdownsakks"> |
<div class= "borderYtoX"> | <div class= "borderYtoX"> | ||
Line 638: | Line 605: | ||
</div> | </div> | ||
− | <div class=" | + | <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/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class= "borderYtoX"> | |
+ | <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a> | ||
+ | </div> | ||
− | <div class=" | + | <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=" | + | <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/ | + | <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/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Modelling</a> |
</div> | </div> | ||
− | <div class=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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= " | + | <div class= "overlayved" id="myNav"> |
Line 714: | Line 691: | ||
− | <div class=" | + | <div class="overlayved-content"> |
<hr> | <hr> | ||
− | <button class=" | + | <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=" | + | <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=" | + | <div class="dropdownsakks-container" id="mydropdownsakks1" style= "font-style: italic; "> |
− | <a href=" | + | <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=" | + | <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> | ||
− | + | <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=" | + | <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=" | + | <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;"> |
− | <a href=" | + | <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=" | + | <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=" | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Model" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a> |
− | <button class=" | + | <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=" | + | <div class="dropdownsakks-container" id="mydropdownsakks3" style= "font-style: italic;" > |
− | <a href=" | + | <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=" | + | <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="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement" style="font-size: 15px;padding: 10px; padding-top: 5px; | |
− | <a href=" | + | |
padding-bottom: 0px;" >Public Engagement</a> | padding-bottom: 0px;" >Public Engagement</a> | ||
</div> | </div> | ||
− | <a href=" | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a> |
− | <button class=" | + | <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=" | + | <div class="dropdownsakks-container" id="mydropdownsakks4" style= "font-style: italic;"> |
− | <a href=" | + | <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=" | + | <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> | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <button class=" | + | <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=" | + | <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;"> |
− | <a href=" | + | <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="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=" | + | |
− | + | ||
</div> | </div> | ||
Line 800: | Line 782: | ||
</section> | </section> | ||
− | <div style="background-color: | + | |
+ | <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> | ||
− | |||
</div> | </div> | ||
+ | <!-- </div> | ||
<!--/**/--> | <!--/**/--> | ||
<div> | <div> | ||
− | <div style="background-color: | + | <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- | + | <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(" | + | document.getElementById("globalWrapperdivi").style.width = "50%"; |
− | document.getElementById(" | + | 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(" | + | document.getElementById("globalWrapperdivi").style.overflowX = "inherit"; |
− | document.getElementById(" | + | 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(" | + | document.getElementById("globalWrapperdivi").style.width = "100%"; |
− | document.getElementById(" | + | 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(" | + | document.getElementById("globalWrapperdivi").style.overflowX = "inherit"; |
− | document.getElementById(" | + | document.getElementById("globalWrapperdivi").style.overflowY = "inherit"; |
Line 854: | Line 878: | ||
} | } | ||
− | |||
− | |||
function myFunction1() { | function myFunction1() { | ||
− | document.getElementById(" | + | document.getElementById("mydropdownsakks1").classList.toggle("show"); |
+ | |||
+ | var prev21 = document.getElementById("mydropdownsakks6"); | ||
+ | if (prev21.classList.contains("show")) | ||
+ | prev21.classList.remove("show"); | ||
− | var prev2 = document.getElementById(" | + | 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(" | + | 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(" | + | 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(" | + | 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(" | + | document.getElementById("mydropdownsakks2").classList.toggle("show"); |
+ | |||
+ | var prev21 = document.getElementById("mydropdownsakks6"); | ||
+ | if (prev21.classList.contains("show")) | ||
+ | prev21.classList.remove("show"); | ||
+ | |||
− | var prev1 = document.getElementById(" | + | 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(" | + | 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(" | + | 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(" | + | 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(" | + | document.getElementById("mydropdownsakks3").classList.toggle("show"); |
− | var prev2 = document.getElementById(" | + | 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(" | + | 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(" | + | 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(" | + | 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(" | + | document.getElementById("mydropdownsakks4").classList.toggle("show"); |
− | var prev2 = document.getElementById(" | + | 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(" | + | 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(" | + | 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(" | + | 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(" | + | document.getElementById("mydropdownsakks5").classList.toggle("show"); |
− | var prev2 = document.getElementById(" | + | 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(" | + | 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(" | + | 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(" | + | 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