(40 intermediate revisions by 5 users not shown) | |||
Line 6: | Line 6: | ||
function openNav(e) { | function openNav(e) { | ||
− | + | ||
− | + | var offset1 = document.getElementById("team").offsetLeft; | |
− | + | var offset2 = document.getElementById("team").offsetTop; | |
− | + | ||
+ | var x=0; //e.pageX; | ||
+ | var y=0; //e.pageY; | ||
− | if((e.pageX | + | if (!e) var e = window.event; |
− | + | if (e.pageX || e.pageY) | |
− | + | { | |
− | if(x>= | + | x = e.pageX - offset1; |
− | document.getElementById(" | + | y = e.pageY - offset2; |
+ | } | ||
+ | else if (e.clientX || e.clientY) | ||
+ | { | ||
+ | x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft - offset1; | ||
+ | y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop - offset2; | ||
+ | } | ||
+ | |||
+ | if(x>=25) | ||
+ | if(x<=86) | ||
+ | if(y>=161) | ||
+ | if(y<=262) | ||
+ | document.getElementById("myNav1").style.width = "100%"; | ||
+ | |||
+ | if(x>=248) | ||
+ | if(x<=322) | ||
+ | if(y>=41) | ||
+ | if(y<=137) | ||
+ | document.getElementById("myNav2").style.width = "100%"; | ||
+ | |||
+ | if(x>=322) | ||
+ | if(x<=391) | ||
+ | if(y>=147) | ||
+ | if(y<=227) | ||
+ | document.getElementById("myNav3").style.width = "100%"; | ||
+ | |||
+ | if(x>=602) | ||
+ | if(x<=685) | ||
+ | if(y>=99) | ||
+ | if(y<=200) | ||
+ | document.getElementById("myNav4").style.width = "100%"; | ||
+ | |||
+ | if(x>=699) | ||
+ | if(x<=774) | ||
+ | if(y>=8) | ||
+ | if(y<=100) | ||
+ | document.getElementById("myNav5").style.width = "100%"; | ||
+ | |||
+ | if(x>=935) | ||
+ | if(x<=1024) | ||
+ | if(y>=82) | ||
+ | if(y<=170) | ||
+ | document.getElementById("myNav6").style.width = "100%"; | ||
+ | |||
+ | if(x>=1052) | ||
+ | if(x<=1138) | ||
+ | if(y>=15) | ||
+ | if(y<=128) | ||
+ | document.getElementById("myNav7").style.width = "100%"; | ||
+ | |||
+ | if(x>=1145) | ||
+ | if(x<=1220) | ||
+ | if(y>=102) | ||
+ | if(y<=190) | ||
+ | document.getElementById("myNav8").style.width = "100%"; | ||
+ | |||
+ | if(x>=1212) | ||
+ | if(x<=1277) | ||
+ | if(y>=181) | ||
+ | if(y<=272) | ||
+ | document.getElementById("myNav9").style.width = "100%"; | ||
+ | |||
+ | if(x>=1183) | ||
+ | if(x<=1270) | ||
+ | if(y>=417) | ||
+ | if(y<=517) | ||
+ | document.getElementById("myNav10").style.width = "100%"; | ||
+ | |||
+ | if(x>=1098) | ||
+ | if(x<=1183) | ||
+ | if(y>=582) | ||
+ | if(y<=695) | ||
+ | document.getElementById("myNav11").style.width = "100%"; | ||
+ | |||
+ | if(x>=1022) | ||
+ | if(x<=1095) | ||
+ | if(y>=677) | ||
+ | if(y<=776) | ||
+ | document.getElementById("myNav12").style.width = "100%"; | ||
+ | |||
+ | if(x>=935) | ||
+ | if(x<=1010) | ||
+ | if(y>=698) | ||
+ | if(y<=777) | ||
+ | document.getElementById("myNav13").style.width = "100%"; | ||
+ | |||
+ | if(x>=686) | ||
+ | if(x<=758) | ||
+ | if(y>=662) | ||
+ | if(y<=752) | ||
+ | document.getElementById("myNav14").style.width = "100%"; | ||
+ | |||
+ | if(x>=540) | ||
+ | if(x<=616) | ||
+ | if(y>=581) | ||
+ | if(y<=681) | ||
+ | document.getElementById("myNav15").style.width = "100%"; | ||
+ | |||
+ | if(x>=381) | ||
+ | if(x<=453) | ||
+ | if(y>=668) | ||
+ | if(y<=744) | ||
+ | document.getElementById("myNav16").style.width = "100%"; | ||
+ | |||
+ | if(x>=230) | ||
+ | if(x<=318) | ||
+ | if(y>=603) | ||
+ | if(y<=698) | ||
+ | document.getElementById("myNav17").style.width = "100%"; | ||
+ | |||
+ | |||
} | } | ||
Line 72: | Line 183: | ||
.bannerpad | .bannerpad | ||
{ | { | ||
− | padding-top: | + | padding-top:60px; |
padding-bottom: 0px; | padding-bottom: 0px; | ||
+ | background-color: rgb(68,170,255); | ||
} | } | ||
.overlay { | .overlay { | ||
Line 899: | Line 1,011: | ||
background-color: rgba(82,82,82,0.99); | background-color: rgba(82,82,82,0.99); | ||
} | } | ||
+ | .tr3{ | ||
+ | background-color: #000; | ||
+ | |||
+ | } | ||
+ | .tr4{ | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
table td { | table td { | ||
padding: 0em 0em; | padding: 0em 0em; | ||
− | color: # | + | color: #000; |
− | background-color: # | + | background-color: #000; |
} | } | ||
table th { | table th { | ||
− | color: # | + | color: #000; |
font-size: 0.9em; | font-size: 0.9em; | ||
font-weight: 400; | font-weight: 400; | ||
Line 1,424: | Line 1,544: | ||
padding: 15px 16px; | padding: 15px 16px; | ||
background-color: inherit; | background-color: inherit; | ||
+ | z-index: 101; | ||
+ | } | ||
+ | |||
+ | .dropbtn2{ | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 15px 16px; | ||
+ | background-color: #000; | ||
z-index: 101; | z-index: 101; | ||
} | } | ||
Line 1,643: | Line 1,773: | ||
<div class = "navbar "> | <div class = "navbar "> | ||
− | <button class=" | + | <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button> |
− | + | <div class = "right_menu"> | |
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Project | <button class="dropbtn">Project | ||
Line 1,651: | Line 1,781: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="/Team:IIT_Delhi/Description">Overview</a> | <a href="/Team:IIT_Delhi/Description">Overview</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/InterLab">Interlab</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,661: | Line 1,791: | ||
</button> | </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a> | ||
+ | <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a> | ||
+ | <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a> | ||
+ | <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Modeling | <button class="dropbtn">Modeling | ||
Line 1,675: | Line 1,819: | ||
<div class="dropdown-content-big"> | <div class="dropdown-content-big"> | ||
<a href="/Team:IIT_Delhi/Model">Overview</a> | <a href="/Team:IIT_Delhi/Model">Overview</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Resources">Resource sharing</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,691: | Line 1,835: | ||
<a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | ||
<a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Safety">Safety</a> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Collaborations | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="/Team:IIT_Delhi/Collaborations">Overview</a> | ||
+ | <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a> | ||
+ | <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a> | ||
+ | <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a> | ||
+ | <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Notebook | <button class="dropbtn">Notebook | ||
Line 1,732: | Line 1,890: | ||
<div class = "center bannerpad"> | <div class = "center bannerpad"> | ||
− | CLICK ON | + | CLICK ON OUR FACES TO KNOW MORE ABOUT US |
<center><img id="team" src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" alt="" ></center> | <center><img id="team" src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" alt="" ></center> | ||
Line 1,743: | Line 1,901: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/b/b5/T--IIT_Delhi--Nipun.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,750: | Line 1,908: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/7/70/T--IIT_Delhi--Maini.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,757: | Line 1,915: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/d/d7/T--IIT_Delhi--Team.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,764: | Line 1,922: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/6/60/T--IIT_Delhi--Zode.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,771: | Line 1,929: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/7/7d/T--IIT_Delhi--Sashi.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,778: | Line 1,936: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/e/ee/T--IIT_Delhi--Abhilash.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,785: | Line 1,943: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/f/f9/T--IIT_Delhi--Kshitij.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,792: | Line 1,950: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--Phawa.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,799: | Line 1,957: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/e/ea/T--IIT_Delhi--Tanuj.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,806: | Line 1,964: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/1/19/T--IIT_Delhi--Tarun.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,813: | Line 1,971: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/3/3e/T--IIT_Delhi--DIvya.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,820: | Line 1,978: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/e/e9/T--IIT_Delhi--Pulkit.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,834: | Line 1,992: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/e/e8/T--IIT_Delhi--Varuni.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,841: | Line 1,999: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/6/6f/T--IIT_Delhi--Preeti.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,848: | Line 2,006: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/7/78/T--IIT_Delhi--Abhishek.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,855: | Line 2,013: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
− | <img src= "https://static.igem.org/mediawiki/2017/ | + | <img src= "https://static.igem.org/mediawiki/2017/c/c5/T--IIT_Delhi--Siddhesh.pptx.jpg" height ="500"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,883: | Line 2,041: | ||
</span> | </span> | ||
</map> | </map> | ||
− | + | <br> | |
</div> | </div> | ||
Line 1,914: | Line 2,072: | ||
<table style="font-family:'Lato'; border: 0px solid black; "> | <table style="font-family:'Lato'; border: 0px solid black; "> | ||
<tr align="center" > | <tr align="center" > | ||
− | <td align="center" width="50%" colspan="2" class="tr2">< | + | <td align="center" width="50%" colspan="2" class="tr2"><div class="tr4">Sponsored By</div></td></tr> |
<tr align="center" > | <tr align="center" > | ||
<td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr> | <td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr> | ||
<tr align="right" > | <tr align="right" > | ||
− | <td align="center" width="50%">< | + | <td align="center" width="50%" class="tr3 tr4"><div class="tr4">Contact Us</div></td> |
− | <td align="center" >< | + | <td align="center" class="tr3"><div class="tr4">Address</div></td> |
</tr> | </tr> | ||
Line 1,934: | Line 2,092: | ||
<td align = "center" style="padding-top: 0px;" class="tr2"> | <td align = "center" style="padding-top: 0px;" class="tr2"> | ||
− | <center> <p style="text-align: center; color:white; font-size: 80%;" | + | <center> <p style="text-align: center; color:white; font-size: 80%;">E-mail: iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center> |
</tr> | </tr> |
Latest revision as of 22:24, 1 November 2017