Difference between revisions of "Team:IIT Delhi/team"

Line 29: Line 29:
 
}
 
}
  
.icons{
+
.iconsDiv{
 +
  background-image:url("https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png");
 
   border:solid 2px green;
 
   border:solid 2px green;
 
   position:absolute;
 
   position:absolute;
Line 80: Line 81:
 
   <nav>
 
   <nav>
 
     <div class="iconsDiv" style="margin-left:22%;">
 
     <div class="iconsDiv" style="margin-left:22%;">
      <img class="icons" id="icon1" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
+
 
  
 
       <ul style="color:white;display:none;position:absolute;margin-left:5%;margin-top:5%;z-index:2;">
 
       <ul style="color:white;display:none;position:absolute;margin-left:5%;margin-top:5%;z-index:2;">
Line 125: Line 126:
 
           $(this).css("background-color","black");
 
           $(this).css("background-color","black");
 
           $(this).css("z-index","3");
 
           $(this).css("z-index","3");
           $(".iconsDiv .icons").addClass("iconActive");
+
           $(".iconsDiv").addClass("iconActive");
 
           $(".iconsDiv ul").css("display","block");
 
           $(".iconsDiv ul").css("display","block");
 
         },
 
         },
Line 131: Line 132:
 
           $(this).css("background-color","transparent");
 
           $(this).css("background-color","transparent");
 
           $(this).css("z-index","0");
 
           $(this).css("z-index","0");
           $(".iconsDiv .icons").removeClass("iconActive");
+
           $(".iconsDiv").removeClass("iconActive");
 
           $(".iconsDiv ul").css("display","none");           
 
           $(".iconsDiv ul").css("display","none");           
 
         }
 
         }

Revision as of 20:08, 11 September 2015

This is left Nav

This is content