Difference between revisions of "Template:IIT Delhi"

 
(31 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
 
 
<html>
 
<html>
−
 
+
<head>
−
 
+
 
<style>
 
<style>
−
 
+
/* ADJUSTS DEFAULT iGEM CONTENT */
−
 
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
 
+
display: none;
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
#tourimg{
+
−
  display:none;
+
−
  width:300px;
+
−
  height:80px;
+
−
  margin-top:2%;
+
−
  margin-left:82.5%;
+
−
  position:absolute;
+
−
  z-index:9999;
+
 
}
 
}
−
 
+
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
−
#spanimg{
+
background: none;
−
  position:fixed;
+
border: none;
−
  margin-top:0%;
+
−
  margin-left:-1%;
+
−
  height:150px;
+
−
  width:150px;
+
−
  opacity:1;
+
−
  z-index:999;
+
 
}
 
}
−
ul.ldd_menu a{
+
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
−
  text-decoration:none;
+
background-color: transparent;
 
}
 
}
−
ul.ldd_menu > li{
+
:focus, :active {
−
+
   outline: 0;
−
  position:fixed;
+
−
  margin-left:-2%;
+
−
   width:150px;
+
−
  z-index: 9999;
+
−
  height:150px;
+
−
  border-radius:0 0 190px 0;
+
−
  transition-delay: 300ms;
+
−
 
+
 
}
 
}
−
 
+
body, html, #globalWrapper, #bodyContent, #HQ_page {
−
ul.ldd_menu > li:hover{
+
width: 100%;
−
  width:100%;
+
margin: 0;
−
    transition-delay: 0ms;
+
padding: 0;
−
 
+
height: 100%
 
}
 
}
−
.ldd_submenu ul{
+
#content {
−
  margin-left:4%;
+
width: 100%;
 +
margin: 0;
 +
margin-top: -33px;
 +
padding: 0;
 +
height: 100%
 
}
 
}
−
.ldd_submenu ul li{
+
html {
−
  padding-bottom:3%;
+
-webkit-font-smoothing: antialiased;
 
}
 
}
−
ul.ldd_menu > li > span{
+
</style>
−
  float:right;
+
</head>
−
  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">
 
−
    <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>
 
<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>
 
</script>
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
 
</body>
 
</body>
−
</html>
 

Latest revision as of 16:18, 28 October 2017