Difference between revisions of "Template:Manchester/CSS"

m
m
Line 1: Line 1:
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 4:
 
body {margin:0;}
 
body {margin:0;}
 
/********************************* menu bar formatting ********************************/
 
/********************************* menu bar formatting ********************************/
 
+
menu_ul{
#nav{
+
    margin:100px auto;
+
    width:500px;
+
}
+
 
+
#nav ul {
+
    list-style-type:none;
+
 
     color:green;
 
     color:green;
 
     margin: -15px;
 
     margin: -15px;
Line 23: Line 15:
 
}
 
}
  
#nav ul li {
+
menu_li {
 
     float: left;
 
     float: left;
 
     https://2016.igem.org/Team:Manchester
 
     https://2016.igem.org/Team:Manchester
Line 29: Line 21:
  
  
#nav ul li a {
+
menu_li a {
     display: block;
+
     display: inline;
 
     color: green;
 
     color: green;
 
     text-align: center;
 
     text-align: center;
Line 38: Line 30:
 
}
 
}
  
#nav ul li a:hover{
+
menu_li a:hover{
 
     color:white;
 
     color:white;
 
     background-color:purple;
 
     background-color:purple;
 
}
 
}
  
#nav ul li .active {
+
menu_li .active {
 
     background-color: #4CAF50;
 
     background-color: #4CAF50;
 
}
 
}
Line 186: Line 178:
 
$(function() {
 
$(function() {
 
     var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
 
     var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
     $("#nav ul li a").each(function(){
+
     $("#menu_li a").each(function(){
 
           if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
 
           if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
 
           $(this).addClass("active");
 
           $(this).addClass("active");
Line 202: Line 194:
 
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
<menu id="nav">
 
<ul>
 
  
  <li><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li>
+
<menu_ul>
  <li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a></li>
+
  <li><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></li>
+
  
</ul>
+
  <menu_li><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></menu_li>
</menu>
+
  <menu_li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a></menu_li>
 +
  <menu_li><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></menu_li>
  
</body>
+
</menu_ul>
  
 +
 +
</body>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
  
 
</html>
 
</html>

Revision as of 16:14, 12 July 2016

Home Team Project