Line 1: | Line 1: | ||
+ | <html> | ||
+ | |||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | ||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> | <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> | ||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
− | |||
− | |||
<link rel="stylesheet" type="text/css" href="wickedcss.min.css"> | <link rel="stylesheet" type="text/css" href="wickedcss.min.css"> | ||
<head> | <head> | ||
Line 147: | Line 147: | ||
@import url(font-awesome.min.css); | @import url(font-awesome.min.css); | ||
@import url("http://fonts.googleapis.com/css?family=Lato:300,400"); | @import url("http://fonts.googleapis.com/css?family=Lato:300,400"); | ||
− | |||
@import 'https://fonts.googleapis.com/css?family=Raleway'; | @import 'https://fonts.googleapis.com/css?family=Raleway'; | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.fx:hover{ | .fx:hover{ | ||
color:darkblue; | color:darkblue; | ||
Line 197: | Line 175: | ||
body, input, select, textarea { | body, input, select, textarea { | ||
color: #444; | color: #444; | ||
− | font-family: | + | font-family: 'Raleway', Helvetica, sans-serif; |
font-size: 15pt; | font-size: 15pt; | ||
font-weight: 300; | font-weight: 300; | ||
Line 204: | Line 182: | ||
width: auto; | width: auto; | ||
min-width: 800px; | min-width: 800px; | ||
− | |||
} | } | ||
Line 215: | Line 192: | ||
#banner { | #banner { | ||
− | background: url("T-- | + | background: url("https://static.igem.org/mediawiki/2018/0/07/T--IIT_Delhi--Team.png") ; |
background-position: center; | background-position: center; | ||
Line 229: | Line 206: | ||
} | } | ||
− | # | + | #globalWrapper { |
position: relative; | position: relative; | ||
/* font-size: 127%; */ | /* font-size: 127%; */ | ||
Line 283: | Line 260: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#footer .copyright li { | #footer .copyright li { | ||
Line 305: | Line 277: | ||
<style> | <style> | ||
− | + | } | |
− | + | /*end of overlay*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .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; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | #globalWrapperdivi { | ||
+ | position: relative; | ||
+ | /* font-size: 127%; */ | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-bottom: 10px; | ||
− | |||
− | |||
− | |||
− | |||
− | + | top: 0; | |
− | + | left: 0; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | |||
+ | #globalWrapperdivi{ | ||
+ | transition: 0.5s; | ||
+ | |||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | #globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | ||
background-color: transparent; | background-color: transparent; | ||
Line 416: | Line 331: | ||
height: 100% | height: 100% | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | body, html, #globalWrapper, #bodyContent, #HQ_page { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 100% | ||
+ | } | ||
Line 452: | Line 363: | ||
− | + | .navbar { | |
font-family: Raleway; | font-family: Raleway; | ||
Line 466: | Line 377: | ||
} | } | ||
− | . | + | .navbar a { |
padding: 14px 30px; | padding: 14px 30px; | ||
Line 479: | Line 390: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div.borderYtoX a:before, div.borderYtoX a:after | div.borderYtoX a:before, div.borderYtoX a:after | ||
Line 575: | Line 441: | ||
} | } | ||
− | |||
− | |||
− | |||
.main { | .main { | ||
Line 586: | Line 449: | ||
} | } | ||
+ | .navaman { | ||
− | @media screen and (max-width: | + | font-family: Raleway; |
− | . | + | margin: 0 auto; |
+ | |||
+ | padding-top: 1em ; | ||
+ | padding-right: 16%; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | background-color: white; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | .navaman a { | ||
+ | |||
+ | padding: 14px 30px; | ||
+ | float: right; | ||
+ | font-size: 16px; | ||
+ | position:relative; | ||
+ | color: black; | ||
+ | text-align: center; | ||
+ | |||
+ | text-decoration: none; | ||
+ | opacity: 2; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks { | ||
+ | float: right; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks .dropbtn { | ||
+ | cursor: pointer; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: lightslategray; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | font-family: inherit; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .overlayved { | ||
+ | height: 100%; | ||
+ | width: 0; | ||
+ | position: fixed; | ||
+ | z-index: 0; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | |||
+ | /*background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--IIT_Delhi--Team.png"); | ||
+ | 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%; | ||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 4px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks:hover .dropdownsakks-content{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .dropdownsakks-content a:hover { | ||
+ | color: red; | ||
+ | z-index: 555; | ||
+ | |||
+ | } | ||
+ | |||
+ | .show { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media screen and (max-width: 850px) { | ||
+ | .navaman a{display: none;} | ||
.RespIcon {display: block;} | .RespIcon {display: block;} | ||
.NameClass{display: none;} | .NameClass{display: none;} | ||
Line 596: | Line 616: | ||
} | } | ||
+ | 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) and (min-width: 1200px) { | ||
+ | .navaman a{display: none;} | ||
+ | .RespIcon {display: block;} | ||
+ | .NameClass{display: none;} | ||
+ | .RespIcon .icon { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | body, html, #globalWrapperdivi, #bodyContent, #HQ_page { | ||
+ | |||
+ | margin-top: -8px; | ||
+ | } | ||
+ | |||
+ | |||
} | } | ||
Line 621: | Line 696: | ||
@media only screen and (max-width:990px){.box15{margin-bottom:30px} | @media only screen and (max-width:990px){.box15{margin-bottom:30px} | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | @media screen and (max-width: 1300px){ | ||
+ | .navaman a{display: none;} | ||
+ | .RespIcon {display: block;} | ||
+ | .NameClass{display: none;} | ||
+ | .RespIcon .icon { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | } | ||
+ | .laptopwall{display: none;} | ||
+ | .mobilewall{display: block;} | ||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
Line 745: | Line 837: | ||
<body> | <body> | ||
− | <div id="globalWrapperdivi"> | + | <div id="globalWrapperdivi" style="margin-top: -5.5%;z-index: 1"> |
− | + | <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"> | <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> | <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> | ||
Line 755: | Line 847: | ||
</div> | </div> | ||
− | + | <div class="RespIcon" style="background-color: white;"> | |
− | + | <a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 160px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;"> | |
− | <a href="https://2018.igem.org/Team:IIT_Delhi" style="height: | + | <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 160px; 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> | |
− | + | ||
Line 874: | Line 965: | ||
<hr> | <hr> | ||
− | <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> | + | <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;outline: 0px;" onClick="closeNav()" >Close Navigation</button> |
<hr> | <hr> | ||
Line 880: | Line 971: | ||
<div style="height: 28px;"> </div> | <div style="height: 28px;"> </div> | ||
− | <button class="overlayved-btn" style="padding-bottom: 15px;" onclick="myFunction1()">Project | + | <button class="overlayved-btn" style="padding-bottom: 15px;outline: 0px;" onclick="myFunction1()">Project |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 892: | Line 983: | ||
</div> | </div> | ||
− | <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts | + | <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction2()" style="padding-bottom: 15px;">Parts |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 903: | Line 994: | ||
− | <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results | + | <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction6()" style="padding-bottom: 15px;">Results |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 915: | Line 1,006: | ||
<a href="https://2018.igem.org/Team:IIT_Delhi/Model" 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="overlayved-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices | + | <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 928: | Line 1,019: | ||
<a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations" 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="overlayved-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;" >Team | + | <button class="overlayved-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;outline: 0px;" >Team |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 939: | Line 1,030: | ||
</div> | </div> | ||
− | <button class="overlayved-btn" onclick="myFunction5()" style="padding-bottom: 15px;" >Notebook | + | <button class="overlayved-btn" onclick="myFunction5()" style="padding-bottom: 15px;outline: 0px;" >Notebook |
<i class="fa fa-caret-right"></i> | <i class="fa fa-caret-right"></i> | ||
</button> | </button> | ||
Line 952: | Line 1,043: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
<!-- Banner --> | <!-- Banner --> | ||
<section id="banner"> | <section id="banner"> | ||
Line 957: | Line 1,051: | ||
</section> | </section> | ||
− | + | <div> | |
− | + | ||
<div style="font-size: 16px;text-align: center;background-color: grey"><h2 style="color: whitesmoke">Our iGEM Family</h2></div> | <div style="font-size: 16px;text-align: center;background-color: grey"><h2 style="color: whitesmoke">Our iGEM Family</h2></div> | ||
<div> | <div> | ||
Line 1,171: | Line 1,264: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
Line 1,179: | Line 1,269: | ||
− | |||
<div> | <div> | ||
<div style="background-color: white"> | <div style="background-color: white"> | ||
Line 1,194: | Line 1,283: | ||
</div> | </div> | ||
− | + | <script> | |
− | + | ||
− | + | ||
− | + | function openNav() { | |
document.getElementById("myNav").style.width = "50%"; | document.getElementById("myNav").style.width = "50%"; | ||
document.getElementById("globalWrapperdivi").style.width = "50%"; | document.getElementById("globalWrapperdivi").style.width = "50%"; | ||
Line 1,232: | Line 1,319: | ||
− | + | zfunction myFunction1() { | |
document.getElementById("mydropdownsakks1").classList.toggle("show"); | document.getElementById("mydropdownsakks1").classList.toggle("show"); | ||
Line 1,385: | Line 1,472: | ||
− | + | ||
</script> | </script> | ||
Revision as of 01:00, 18 October 2018
Our iGEM Family
Primary Instructor
Dr. Zia Shaikh
Department: Biochemical Engineering and Biotechnology
Team Mentor
Kshitij Rai
Department - (Graduate) Biochemical Engineering and Biotechnology
Team Members
Divya Choudhary
Department - Chemical Engineering
Quote discribe him - nothing.
Abhilash Patel
Department - (Post Doc)Electrical Engineering
Quote discribe him - nothing.
Saksham Sharma
Department - Biochemical Engineering & Biotechnology
Quote discribe him - Everything I touch turns to poop.
Aman Kumar Sahu
Department - Mathematics & computing
Quote discribe him - People say you can do anything but whole day I do nothing.
Priyanka Singh
Department - Biochemical Engineering & Biotechnology
Quote discribe him - The level is raising, the game is changing but I've got nothing to loose.
Vasu Jain
Department - Computer Science & Engineering
Quote discribe him - I didn't know I was a slave until I found out I couldn't do things I wanted
Soumya Gupta
Department - Chemical Engineering
Quote discribe him - nothing
Neha Arora
Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing
Ankush Barman
Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing
Prateek Kumar Agnihotri
Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing
Vedant Raval
Department - Computer Science & Engineering
Quote discribe him - nothing
Shubham Jain
Department - Engineering Physics
Quote discribe him - Na zindagi jhand hai, na hi ghamand hai!!