Line 38: | Line 38: | ||
border: none; | border: none; | ||
} | } | ||
+ | |||
+ | #globalWrapperdivi{ | ||
+ | transition: 0.5s; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapperdivi { | ||
+ | position: relative; | ||
+ | /* font-size: 127%; */ | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-bottom: 10px; | ||
+ | |||
+ | |||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | |||
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | #globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | ||
background-color: transparent; | background-color: transparent; | ||
Line 1,239: | Line 1,259: | ||
<style> | <style> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*end of overlay*/ | /*end of overlay*/ | ||
} | } | ||
Line 1,352: | Line 1,293: | ||
− | . | + | |
+ | |||
+ | |||
+ | div.borderYtoX a:before, div.borderYtoX a:after | ||
+ | { | ||
+ | position: absolute; | ||
+ | opacity: 0.5; | ||
+ | height: 100%; | ||
+ | width: 0px; | ||
+ | content: ''; | ||
+ | background: red; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | |||
+ | div.borderYtoX a:before | ||
+ | { | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | div.borderYtoX a:after | ||
+ | { | ||
+ | right: 0px; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | div.borderYtoX a:hover:before, div.borderYtoX a:hover:after | ||
+ | { | ||
+ | opacity: 1; | ||
+ | height: 1px; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .active { | ||
+ | background-color: #4CAF50; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .RespIcon .icon { | ||
+ | display: none; | ||
+ | background: black; | ||
+ | color: crimson; | ||
+ | padding-top: 0px; | ||
+ | padding-right: 50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .RespIcon{ | ||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .show { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .main { | ||
+ | padding: 16px; | ||
+ | margin-top: 30px; | ||
+ | height: 1500px; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .navaman { | ||
font-family: Raleway; | font-family: Raleway; | ||
Line 1,366: | Line 1,370: | ||
} | } | ||
− | . | + | .navaman a { |
padding: 14px 30px; | padding: 14px 30px; | ||
Line 1,379: | Line 1,383: | ||
} | } | ||
− | . | + | .dropdownsakks { |
float: right; | float: right; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
− | . | + | .dropdownsakks .dropbtn { |
cursor: pointer; | cursor: pointer; | ||
font-size: 16px; | font-size: 16px; | ||
Line 1,398: | Line 1,402: | ||
− | . | + | .dropdownsakks-content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
Line 1,407: | Line 1,411: | ||
} | } | ||
− | . | + | .dropdownsakks-content a { |
float: none; | float: none; | ||
color: black; | color: black; | ||
Line 1,416: | Line 1,420: | ||
} | } | ||
− | . | + | .dropdownsakks:hover .dropdownsakks-content{ |
display:block; | display:block; | ||
} | } | ||
− | . | + | .dropdownsakks-content a:hover { |
color: red; | color: red; | ||
z-index: 555; | z-index: 555; | ||
Line 1,427: | Line 1,431: | ||
− | + | .overlayved { | |
− | + | ||
− | { | + | |
− | + | ||
− | + | ||
height: 100%; | height: 100%; | ||
− | width: | + | width: 0; |
− | + | position: fixed; | |
− | background: | + | z-index: 0; |
− | transition: | + | top: 0; |
+ | left: 0; | ||
+ | |||
+ | /*background-image: url("G:\documents\IITD\others\igem\web_development\local_portrait.jpg"); | ||
+ | background-size: 300px 800px;*/ | ||
+ | /* margin-top: 100px;*/ | ||
+ | /*background-color: rgb(1,1,1); | ||
+ | background-color: rgba(0,0,0, 0.9);*/ | ||
+ | background-color: white; | ||
+ | /*background-color: rgba(255,255,255,0.9);*/ | ||
+ | overflow-x: hidden; | ||
+ | transition: 0.5s; | ||
} | } | ||
− | + | .overlayved-content { | |
− | + | position: relative; | |
− | + | top: 25%; | |
− | top: | + | |
+ | text-align: center; | ||
+ | margin-top: 30px; | ||
+ | |||
} | } | ||
− | + | .overlayved a, .overlayved-btn { | |
− | + | padding: 20px; | |
− | + | padding-left: 15px; | |
− | + | cursor: pointer; | |
+ | text-decoration: none; | ||
+ | font-size: 24px; | ||
+ | color: #818181; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | position: relative; | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | font-family: Arial; | ||
+ | border-width: 0; | ||
+ | border-color: white; | ||
+ | border-style: none; | ||
+ | border-image: none; | ||
+ | outline: none; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | margin-top: 0px; | ||
+ | float: left; | ||
+ | /*border:none;*/ | ||
+ | /*background: none;*/ | ||
} | } | ||
− | + | ||
− | + | .fa-caret-right { | |
− | + | float: right; | |
− | + | padding-right: 8px; | |
− | + | } | |
− | } | + | |
+ | .overlayved-btn2{ | ||
+ | outline: none; | ||
+ | } | ||
+ | .overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover { | ||
+ | color: darkred; | ||
+ | } | ||
− | . | + | |
− | + | /* .overlayved .closebtn { | |
− | + | position: absolute; | |
+ | float:right; | ||
+ | top:0; | ||
+ | font-size: 60px; | ||
+ | } */ | ||
+ | |||
+ | .dropdownsakks-container { | ||
+ | display: none; | ||
+ | background-color: #262626; | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | /*end of overlayved*/ | ||
} | } | ||
− | . | + | /* ADJUSTS DEFAULT iGEM CONTENT */ |
− | + | .logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */ | |
− | + | display: none; | |
− | + | } | |
− | + | #top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */ | |
− | + | background: none; | |
− | + | border: none; | |
+ | } | ||
+ | :focus, :active { | ||
+ | outline: 0; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | margin-top: -33px; | ||
+ | padding: 0; | ||
+ | height: 100% | ||
} | } | ||
− | .RespIcon{ | + | |
− | display: none; | + | @media screen and (max-width: 850px) { |
+ | .navaman a{display: none;} | ||
+ | .RespIcon {display: block;} | ||
+ | .NameClass{display: none;} | ||
+ | .RespIcon .icon { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | } | ||
+ | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { | ||
+ | |||
+ | margin-top: -17px; | ||
+ | } | ||
} | } | ||
− | + | ||
− | . | + | |
− | + | @media screen and (max-width: 1000px) and (min-width: 850px) { | |
− | } | + | .navaman a{display: none;} |
+ | .RespIcon {display: block;} | ||
+ | .NameClass{display: none;} | ||
+ | .RespIcon .icon { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { | ||
+ | |||
+ | margin-top: -15px; | ||
+ | } | ||
+ | } | ||
+ | |||
− | . | + | @media screen and (max-width: 1200px) and (min-width: 1000px) { |
− | + | .navaman a{display: none;} | |
− | + | .RespIcon {display: block;} | |
− | + | .NameClass{display: none;} | |
− | + | .RespIcon .icon { | |
− | } | + | float: right; |
+ | display: block; | ||
+ | } | ||
+ | |||
+ | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { | ||
+ | |||
+ | margin-top: -10px; | ||
+ | } | ||
+ | } | ||
− | + | ||
− | @media screen and (max-width: 1300px){ | + | |
− | . | + | @media screen and (max-width: 1300px) and (min-width: 1200px) { |
+ | .navaman a{display: none;} | ||
.RespIcon {display: block;} | .RespIcon {display: block;} | ||
.NameClass{display: none;} | .NameClass{display: none;} | ||
Line 1,498: | Line 1,592: | ||
} | } | ||
+ | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { | ||
+ | |||
+ | margin-top: -8px; | ||
+ | } | ||
} | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 1,623: | Line 1,723: | ||
<body> | <body> | ||
− | + | ||
+ | <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1"> | ||
− | <div class= "NameClass" style="background-color:white;">< | + | <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 1,646: | Line 1,748: | ||
</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 1,656: | Line 1,756: | ||
− | <div class=" | + | <div class="dropdownsakks"> |
<div class= "borderYtoX"> | <div class= "borderYtoX"> | ||
Line 1,662: | Line 1,762: | ||
</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"> | <div class= "borderYtoX"> | ||
− | <a href="https://2018.igem.org/Team:IIT_Delhi/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a> |
</div> | </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="dropdownsakks"> | ||
+ | |||
+ | |||
+ | |||
− | + | <div class= "borderYtoX"> | |
− | <div class= "borderYtoX"> | + | |
<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 1,701: | Line 1,804: | ||
</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 1,713: | Line 1,824: | ||
− | <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 1,730: | Line 1,841: | ||
</div> | </div> | ||
− | <div class= " | + | <div class= "overlayved" id="myNav"> |
Line 1,737: | Line 1,848: | ||
− | <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 1,747: | Line 1,858: | ||
<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 1,753: | Line 1,864: | ||
− | <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 1,813: | Line 1,929: | ||
</div> | </div> | ||
− | </div> | + | </div> |
− | + | ||
Line 2,068: | Line 2,183: | ||
<!--/**/--> | <!--/**/--> | ||
− | + | <div style="background-color: white"> | |
− | + | <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="background-color: | + | <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> |
− | <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> | + | |
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> | ||
+ | |||
+ | |||
<script> | <script> | ||
− | + | 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 2,101: | Line 2,218: | ||
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 2,120: | Line 2,237: | ||
function myFunction1() { | function myFunction1() { | ||
− | document.getElementById(" | + | document.getElementById("mydropdownsakks1").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 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 2,142: | Line 2,259: | ||
function myFunction2() { | function myFunction2() { | ||
− | document.getElementById(" | + | document.getElementById("mydropdownsakks2").classList.toggle("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 2,162: | Line 2,279: | ||
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 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 2,182: | Line 2,299: | ||
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 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 2,202: | Line 2,319: | ||
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 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"); | ||
} | } | ||
− | |||
</script> | </script> |
Revision as of 19:43, 17 October 2018
School Visits
The best learning takes place at school! iGEM IIT Delhi saw the standard textbooks studied by most of the students in India and we found that they were woefully lacking in knowledge regarding Synthetic Biology. To popularise Synthetic Biology as well as broaden the scientific know-how of students, the team visited 6 schools in Delhi -