Difference between revisions of "Team:IIT Delhi"

(Replaced content with "<html> <body> <h1> Hi</h1></body></html>")
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>
+

Revision as of 09:53, 28 October 2017

Hi