Difference between revisions of "Template:ICT-Mumbai/basic"

Line 153: Line 153:
 
}
 
}
 
header nav ul li a {
 
header nav ul li a {
−
     color: #444;
+
     color: #2F86A1;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 
     font-weight: bold;
 
     font-weight: bold;
Line 311: Line 311:
 
#cssmenu > ul > li:hover > a,
 
#cssmenu > ul > li:hover > a,
 
#cssmenu > ul > li.active > a {
 
#cssmenu > ul > li.active > a {
−
   color: #7aa11b;
+
   color: #2F86A1;
 
}
 
}
 
#cssmenu > ul > li.has-sub > a {
 
#cssmenu > ul > li.has-sub > a {
Line 567: Line 567:
 
           else {
 
           else {
 
             mainmenu.show().addClass('open');
 
             mainmenu.show().addClass('open');
−
             if (settings.format === "dropdown") {
+
             if (settings.format
−
              mainmenu.find('ul').show();
+
−
            }
+
−
          }
+
−
        });
+
−
 
+
−
        cssmenu.find('li ul').parent().addClass('has-sub');
+
−
 
+
−
        multiTg = function() {
+
−
          cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
+
−
          cssmenu.find('.submenu-button').on('click', function() {
+
−
            $(this).toggleClass('submenu-opened');
+
−
            if ($(this).siblings('ul').hasClass('open')) {
+
−
              $(this).siblings('ul').removeClass('open').hide();
+
−
            }
+
−
            else {
+
−
              $(this).siblings('ul').addClass('open').show();
+
−
            }
+
−
          });
+
−
        };
+
−
 
+
−
        if (settings.format === 'multitoggle') multiTg();
+
−
        else cssmenu.addClass('dropdown');
+
−
 
+
−
        if (settings.sticky === true) cssmenu.css('position', 'fixed');
+
−
 
+
−
        resizeFix = function() {
+
−
          if ($( window ).width() > 768) {
+
−
            cssmenu.find('ul').show();
+
−
          }
+
−
 
+
−
          if ($(window).width() <= 768) {
+
−
            cssmenu.find('ul').hide().removeClass('open');
+
−
          }
+
−
        };
+
−
        resizeFix();
+
−
        return $(window).on('resize', resizeFix);
+
−
 
+
−
      });
+
−
  };
+
−
})(jQuery);
+
−
 
+
−
(function($){
+
−
$(document).ready(function(){
+
−
 
+
−
$(document).ready(function() {
+
−
  $("#cssmenu").menumaker({
+
−
    title: "Menu",
+
−
    format: "multitoggle"
+
−
  });
+
−
 
+
−
  $("#cssmenu").prepend("<div id='menu-line'></div>");
+
−
 
+
−
var foundActive = false, activeElement, linePosition = 0, menuLine = $("#cssmenu #menu-line"), lineWidth, defaultPosition, defaultWidth;
+
−
 
+
−
$("#cssmenu > ul > li").each(function() {
+
−
  if ($(this).hasClass('active')) {
+
−
    activeElement = $(this);
+
−
    foundActive = true;
+
−
  }
+
−
});
+
−
 
+
−
if (foundActive === false) {
+
−
  activeElement = $("#cssmenu > ul > li").first();
+
−
}
+
−
 
+
−
defaultWidth = lineWidth = activeElement.width();
+
−
 
+
−
defaultPosition = linePosition = activeElement.position().left;
+
−
 
+
−
menuLine.css("width", lineWidth);
+
−
menuLine.css("left", linePosition);
+
−
 
+
−
$("#cssmenu > ul > li").hover(function() {
+
−
  activeElement = $(this);
+
−
  lineWidth = activeElement.width();
+
−
  linePosition = activeElement.position().left;
+
−
  menuLine.css("width", lineWidth);
+
−
  menuLine.css("left", linePosition);
+
−
},
+
−
function() {
+
−
  menuLine.css("left", defaultPosition);
+
−
  menuLine.css("width", defaultWidth);
+
−
});
+
−
 
+
−
});
+
−
 
+
−
 
+
−
});
+
−
})(jQuery);
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
</head>
+
−
+
−
<body>
+
−
    <header>
+
−
       
+
−
       
+
−
        <div id='cssmenu'>
+
−
 
+
−
<ul> 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai'><img id='img-header' src='https://static.igem.org/mediawiki/2018/d/d4/T--ICT-Mumbai--SMART_SOIL_LOGO.jpg'></a></li> 
+
−
<li class='has-sub'><a href='#'>Project</a>   
+
−
 
+
−
<ul>       
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Background'>Background</a>
+
−
           
+
−
<ul>             
+
−
<li><a href='#'>Sub Product</a></li>             
+
−
<li><a href='#'>Sub Product</a></li>           
+
−
</ul>
+
−
       
+
−
</li>
+
−
       
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Description'>Description</a>
+
−
           
+
−
<ul>             
+
−
<li><a href='#'>Sub Product</a></li>         
+
−
<li><a href='#'>Sub Product</a></li>           
+
−
</ul>
+
−
       
+
−
</li>
+
−
 
+
−
 
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Model'>Model</a>
+
−
<ul>             
+
−
<li><a href='#'>Sub Product</a></li>         
+
−
<li><a href='#'>Sub Product</a></li>         
+
−
</ul>       
+
−
</li>
+
−
 
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Demonstrate'>Demonstrate</a>         
+
−
 
+
−
<ul>             
+
−
<li><a href='#'>Sub Product</a></li>             
+
−
<li><a href='#'>Sub Product</a></li>           
+
−
</ul>
+
−
       
+
−
</li>
+
−
         
+
−
</ul>
+
−
 
+
−
</li>
+
−
 
+
−
<li class='has-sub'><a href='#'>Characterization</a>
+
−
     
+
−
<ul>
+
−
       
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/InterLab'>InterLab</a>
+
−
</li>
+
−
             
+
−
</ul>
+
−
 
+
−
</li>
+
−
 
+
−
 
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Human_Practices'>IHP</a>
+
−
<ul>
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/ihp_Satara'>Satara Farm visit</a></li>
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/ihp_Nashik'>Nashik Farm visit</a></li>
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/ihp_Alephata'>Ale Phata Farm visit</a></li>
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/migro_agro'>Migrow Agro Products</a></li>             
+
−
 
+
−
</ul>
+
−
+
−
</li> 
+
−
 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Engagement'>Outreach</a>
+
−
<ul>
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/outreach-dnyanaprakash_vidyalaya'>Outreach-Dnyanaprakash Vidyalaya</a></li> 
+
−
</ul>
+
−
</li>
+
−
 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Collaboration'>Collaborations</a></li>
+
−
 
+
−
 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Team'>Team</a></li>
+
−
 
+
−
 
+
−
<li class='has-sub'><a href='https://2018.igem.org/Team:ICT-Mumbai/Experiments'>Laboratory</a>
+
−
 
+
−
<ul>             
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Notebook'>Laboratory Notebook</a></li>             
+
−
     
+
−
</ul>
+
−
 
+
−
</li>
+
−
 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Parts'>Part</a></li>
+
−
 
+
−
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Attributions'>Attributions</a></li>
+
−
 
+
−
 
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
    </header>
+
−
   
+
−
   
+
−
 
+
−
<footer>
+
−
    <div class="wrapper">
+
−
        <div id="footer-info">
+
−
            <p>Institute of Chemical Technology, Mumbai</p>
+
−
            <p>Follow us &nbsp; <a href="https://www.facebook.com/igemictmumbai/"><img src="https://static.igem.org/mediawiki/2018/6/68/T--ICT-Mumbai--facebook.png" height='20'></img></a> &nbsp; <a href="https://www.instagram.com/igem_ictmumbai/"><img src="https://static.igem.org/mediawiki/2018/8/85/T--ICT-Mumbai--Instagram.png" height='20'></img></a> &nbsp; I &nbsp; Contact us: <I>igemteamictmumbai@gmail.com </I> </p>
+
−
        </div>
+
−
   
+
−
        <div class="clear"></div>
+
−
    </div>
+
−
</footer>
+
−
   
+
−
</body>
+
−
</html>
+

Revision as of 11:57, 19 September 2018

Simply