Difference between revisions of "Template:Newcastle/navbar2"

(Created page with "<html> <!--[if lt IE 9 ]><html class="no-js oldie" lang="en"> <![endif]--> <!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--...")
 
Line 69: Line 69:
  
 
ul {
 
ul {
list-style-type: none;
+
    list-style-type: none;
margin: 0;
+
    margin: 0;
padding: 0;
+
    padding: 0;
overflow: hidden;
+
    overflow: hidden;
background-color: transparent;
+
    background-color: #333;
 
}
 
}
  
 
li {
 
li {
float: left;
+
    float: left;
margin: .6rem 0 .6rem 1.7rem;
+
display: list-item;
+
padding-right: 100px;  
+
 
}
 
}
  
li.dropdown.HP {
 
float: left;
 
margin: .6rem 0 .6rem 1.7rem;
 
display: list-item;
 
padding-right: 0px;
 
display: inline-block;
 
}
 
  
li a, .dropbtn {
+
li a {
color: white;
+
    display: block;
text-align: center;
+
    color: white;
text-decoration: none;
+
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 
}
 
}
  
li a:hover, .dropdown:hover .dropbtn {
+
li a:hover:not(.active) {
background-color: Transparent
+
    background-color: #111;
 
}
 
}
  
li.dropdown {
+
.active {
display: inline-block;
+
    background-color: #4CAF50;
 
}
 
}
  
.dropdown-content {
 
display: none;
 
position: relative;
 
background-color: transparent;
 
min-width: 160px;
 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
z-index: 1;
 
}
 
  
.dropdown-content a {
 
font-size: 18px;
 
color: green;
 
padding-right: 5px;
 
padding-left: 5px;
 
text-decoration: none;
 
display: block;
 
text-align: left;
 
}
 
 
.dropdown-content a:hover {
 
background-color: white;
 
color: black;
 
}
 
 
.dropdown-content a:visited {
 
color: green;
 
}
 
 
.dropdown:hover .dropdown-content {
 
display: block;
 
}
 
 
</style>
 
</style>
  

Revision as of 17:39, 13 October 2018

Menu