|
|
Line 1: |
Line 1: |
− | {{Template_All_Teams}}
| |
− |
| |
| <html> | | <html> |
− |
| |
− |
| |
− | <style>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | #tourimg{
| |
− | display:none;
| |
− | width:300px;
| |
− | height:80px;
| |
− | margin-top:2%;
| |
− | margin-left:82.5%;
| |
− | position:absolute;
| |
− | z-index:9999;
| |
− | }
| |
− |
| |
− | #spanimg{
| |
− | position:fixed;
| |
− | margin-top:0%;
| |
− | margin-left:-1%;
| |
− | height:150px;
| |
− | width:150px;
| |
− | opacity:1;
| |
− | z-index:999;
| |
− | }
| |
− | ul.ldd_menu a{
| |
− | text-decoration:none;
| |
− | }
| |
− | ul.ldd_menu > li{
| |
− |
| |
− | position:fixed;
| |
− | margin-left:-2%;
| |
− | width:150px;
| |
− | z-index: 9999;
| |
− | height:150px;
| |
− | border-radius:0 0 190px 0;
| |
− | transition-delay: 300ms;
| |
− |
| |
− | }
| |
− |
| |
− | ul.ldd_menu > li:hover{
| |
− | width:100%;
| |
− | transition-delay: 0ms;
| |
− |
| |
− | }
| |
− | .ldd_submenu ul{
| |
− | margin-left:4%;
| |
− | }
| |
− | .ldd_submenu ul li{
| |
− | padding-bottom:3%;
| |
− | }
| |
− | ul.ldd_menu > li > span{
| |
− | float:right;
| |
− | z-index:-1000;
| |
− | position:absolute;
| |
− | margin-left:0%;
| |
− | width:0%;
| |
− | height:100%;
| |
− | font-size:100%;
| |
− | color:green;
| |
− | opacity:0;
| |
− | background-color:white;
| |
− | height:100%;
| |
− | line-height:100%;
| |
− | cursor:default;
| |
− | padding:0px 20px;
| |
− | border-radius:0 0 190px 0;
| |
− | text-shadow:0px 0px 1px #CCC;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | .sub_wrap{
| |
− | width: 2500px;
| |
− | margin: 0 auto 0 auto;
| |
− | background-color: #000;
| |
− | }
| |
− |
| |
− | ul.ldd_menu ul{
| |
− | list-style:none;
| |
− | display: inline-block;
| |
− | border-left:1px dotted #FFF;
| |
− | padding-top: 10px;
| |
− | padding-right: 5px;
| |
− | padding-bottom: 10px;
| |
− | padding-left: 10px;
| |
− | }
| |
− |
| |
− | ul.ldd_menu .ldd_submenu{
| |
− | position:absolute;
| |
− | top:50px;
| |
− | width:100%;
| |
− | display:none;
| |
− | opacity:0.90;
| |
− | font-size:10px;
| |
− | background-color: #fff;
| |
− | }
| |
− | a.ldd_subfoot{
| |
− | background-color:#f0f0f0;
| |
− | color:#444;
| |
− | display:block;
| |
− | clear:both;
| |
− | padding:15px 20px;
| |
− | font-family: Arial, serif;
| |
− | font-size:10px;
| |
− | text-shadow:0px 0px 1px #fff;
| |
− | -moz-box-shadow:0px 0px 2px #777 inset;
| |
− | -webkit-box-shadow:0px 0px 2px #777 inset;
| |
− | -box-shadow:0px 0px 2px #777 inset;
| |
− | }
| |
− |
| |
− | ul.ldd_menu ul li a{
| |
− | font-family: Arial, serif;
| |
− | font-size:12px;
| |
− | line-height:20px;
| |
− | color:#000;
| |
− | padding:1px 3px;
| |
− | }
| |
− | ul.ldd_menu ul li a:hover{
| |
− | background:#FF3300;
| |
− | }
| |
− |
| |
− | li.ldd_heading a{
| |
− | color:#fff !imporatant;
| |
− | }
| |
− | li.ldd_heading{
| |
− | border:solid 1px black;
| |
− | border-radius:5px 0 8px 0;
| |
− | background-color:#0F93FC;
| |
− | font-family: Georgia, serif;
| |
− | color:white !important;
| |
− | margin-bottom:5px;
| |
− | font-size: 13px;
| |
− | font-style: italic;
| |
− | color:#FF3300;
| |
− | text-shadow:0px 0px 1px #B03E23;
| |
− | padding:5px 0px 5px 0px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /*--------------General end-----------------*/
| |
− |
| |
− | /*--------------Global/content start----------------*/
| |
− | #content { /*-- changes default wiki settings --*/
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0px;
| |
− | margin: 0px;
| |
− | padding: 0px;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | /*--------------Global end------------------*/
| |
− |
| |
− |
| |
− | body{
| |
− | margin:0;
| |
− | padding:0;
| |
− | background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg");
| |
− | background-size:100% 100%;
| |
− |
| |
− | }
| |
− |
| |
− | .iconshome{
| |
− | position:absolute;
| |
− | width:7%;
| |
− | -webkit-transition: all 1s ease;
| |
− | -moz-transition: all 1s ease;
| |
− | -o-transition: all 1s ease;
| |
− | transition all 1s ease:
| |
− | }
| |
− | .iconActive{
| |
− | width:10%;
| |
− | }
| |
− |
| |
− |
| |
− | </style> <!-- End of CSS -->
| |
| <body> | | <body> |
− | <div id="homeWrapper">
| + | <h1> |
− | <div id="homeContent">
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!--------------------------------code for site map-------------------------------->
| + | |
− | <!---------------TOUR CANCELLED------------------------->
| + | |
− | | + | |
− | <div id="tour">
| + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <!---------------TOUR CANCELLED------------------------->
| + | |
− | | + | |
− | <div id="tour">
| + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a>
| + | |
− | </div>
| + | |
− | | + | |
− | <!---------------TOUR CANCELLED------------------------->
| + | |
− | <!-------------Span sitemap image--------->
| + | |
− | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/d/de/IITDSitemap1.png">
| + | |
− | <!------------Span sitemap image---------->
| + | |
− | <div class="box">
| + | |
− | <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
| + | |
− | <li>
| + | |
− | <span id="site">SiteMap</span>
| + | |
− | <!---
| + | |
− | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">
| + | |
− | -->
| + | |
− | <div class="ldd_submenu">
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/abstract">ABSTRACT</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#ourproject">OUR PROJECT</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#categories">CATEGORIES</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#sponsors">SPONSORS</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/project">PROJECT</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#research">RESEARCH</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">PROTOTYPE</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">CONCLUSION</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/notebook">NOTEBOOK</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#summary/">SUMMARY</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#timeline">TIMELINE</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#album">ALBUM</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/results">RESULTS</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#parts">PARTS SUBMITTED</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#judging">JUDGING CRITERION</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#attributions">ATTRIBUTIONS</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/modelling">MODELLING</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#introduction">INTRODUCTION</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#mathematical">MATHEMATICAL MODEL</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#simulation">SIMULATION</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#interpretation">INTERPRETATION</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/team">TEAM<a/></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#ourstory">OUR STORY</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#mentors">MENTORS</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#members">MEMBERS</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">ETHICS</a></li>
| + | |
− |
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#outreach">OUTREACH</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#documentation">POLLUTION</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#casestudy">CASE STUDY</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">HUMAN PRACTICES</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENTATION</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#openhouse">OPEN HOUSE</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#tryst">TRYST</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#surveys">SURVEYS</a></li>
| + | |
− | <li><a href="#"></a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− |
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <img style="position:absolute;width:100%;z-index:-5;" src="https://static.igem.org/mediawiki/2015/6/68/IITDwikihome_background1.jpg">
| + | |
− | <nav style="border:solid 1px black;">
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="iconshome iconsl" id="icon1" style="margin-top:4%; margin-left:10%;" src="https://static.igem.org/mediawiki/2015/6/6a/IITDabstract.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/modelling"><img class="iconshome" id="icon2" style="margin-top:4%; margin-left:83%;" src="https://static.igem.org/mediawiki/2015/b/b9/IITDmodelling1.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/project"><img class="iconshome iconsl" id="icon3" style="margin-top:14%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/2/2f/IITDproject1.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/team"><img class="iconshome" id="icon4" style="margin-top:14%; margin-left:87%;" src="https://static.igem.org/mediawiki/2015/0/01/Team1iitd.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/notebook"><img class="iconshome iconsl" id="icon5" style="margin-top:25%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/e/ee/Notebook_iitd.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/human_practices"><img class="iconshome" id="icon6" style="margin-top:25%; margin-left:86.5%;" src="https://static.igem.org/mediawiki/2015/2/27/IITDhp.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/results"><img class="iconshome iconsl" id="icon7" style="margin-top:36%; margin-left:9%;" src="https://static.igem.org/mediawiki/2015/0/0b/Results1_iitd.png"></a>
| + | |
− | | + | |
− | <a href="https://2015.igem.org/Team:IIT_Delhi/ethics"><img class="iconshome" id="icon8" style="margin-top:36%; margin-left:84%;" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
| + | |
− | </nav>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <script>
| + | |
− | $(document).ready(function(){
| + | |
− | $("#icon1").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","2.5%");
| + | |
− | $(this).css("margin-left","8.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | | + | |
− | $(this).css("margin-top","4%");
| + | |
− | $(this).css("margin-left","10%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− |
| + | |
− | $("#icon2").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","2.5%");
| + | |
− | $(this).css("margin-left","81.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","4%");
| + | |
− | $(this).css("margin-left","83%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | $("#icon3").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","12.5%");
| + | |
− | $(this).css("margin-left","4.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","14%");
| + | |
− | $(this).css("margin-left","6%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | $("#icon4").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","12.5%");
| + | |
− | $(this).css("margin-left","85.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","14%");
| + | |
− | $(this).css("margin-left","87%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | | + | |
− | $("#icon5").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","23.5%");
| + | |
− | $(this).css("margin-left","4.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","25%");
| + | |
− | $(this).css("margin-left","6%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | $("#icon6").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","23.5%");
| + | |
− | $(this).css("margin-left","85%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","25%");
| + | |
− | $(this).css("margin-left","86.5%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | | + | |
− | $("#icon7").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","34.5%");
| + | |
− | $(this).css("margin-left","7.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","36%");
| + | |
− | $(this).css("margin-left","9%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | $("#icon8").hover(
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","34.5%");
| + | |
− | $(this).css("margin-left","82.5%");
| + | |
− | $(this).addClass("iconActive");
| + | |
− | },
| + | |
− | function(){
| + | |
− | $(this).css("margin-top","36%");
| + | |
− | $(this).css("margin-left","84%");
| + | |
− | $(this).removeClass("iconActive");
| + | |
− | }
| + | |
− | );
| + | |
− | });
| + | |
− | </script>
| + | |
− |
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <script>
| + | |
− | $(document).ready(function(){
| + | |
− | alert("Any page in one click:Use Sitemap");
| + | |
− | /**
| + | |
− | * the menu
| + | |
− | */
| + | |
− | var $menu = $('#ldd_menu');
| + | |
− |
| + | |
− | /**
| + | |
− | * for each list element,
| + | |
− | * we show the submenu when hovering and
| + | |
− | * expand the span element (title) to 510px
| + | |
− | */
| + | |
− | $menu.children('li').each(function(){
| + | |
− | var $this = $(this);
| + | |
− | var $span = $this.children('span');
| + | |
− | $span.data('width',$span.width());
| + | |
− |
| + | |
− | $this.bind('mouseenter',function(){
| + | |
− | $menu.find('.ldd_submenu').stop(true,true).hide();
| + | |
− | $span.stop().animate({'width':'10%'},200,function(){
| + | |
− | $this.find('.ldd_submenu').slideDown(400);
| + | |
− | });
| + | |
− | }).bind('mouseleave',function(){
| + | |
− | /**$this.find('.ldd_submenu').stop(true,true).hide(); */
| + | |
− | $span.stop().animate({'width':$span.data('width')+'px'},300);
| + | |
− | $this.find('.ldd_submenu').slideUp(400);
| + | |
− | });
| + | |
− | });
| + | |
− | });
| + | |
− |
| + | |
− | //ipad and iphone fix
| + | |
− | if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
| + | |
− | $(" #ldd_menu li a").click(function(){
| + | |
− | //we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
| + | |
− | //strange
| + | |
− | });
| + | |
− | }
| + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
| | | |
− | </body> | + | Hi</h1></body></html> |
− | </html> | + | |