Difference between revisions of "Template:William and Mary/NAV BAR"

Line 123: Line 123:
  
 
}
 
}
−
<!-- this is the dropdown code -->
 
−
 
 
.dropdown {
 
.dropdown {
−
  z-index: 9999;
+
    <!--position: relative;-->
−
 
+
    <!--display: inline-block;-->
 +
    float: left;
 +
    overflow: hidden;
 
}
 
}
  
−
#wnm-top-nav ul {
+
.dropdown-content {
−
  margin: 0 0 0 0;
+
    display: none;
−
} 
+
    position: absolute;
−
#wnm-top-nav li {
+
    background-color: #ECECEC;
−
  margin: 0 0 0 0;
+
    min-width: 120px;
−
}  
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
  
−
#wnm-top-nav li {
 
−
  display: inline-block;
 
−
}
 
−
#wnm-top-nav li:hover {
 
−
  background: #ECECEC;
 
−
}
 
−
#wnm-top-nav li:hover ul {
 
−
  display: block;
 
−
}
 
−
#wnm-top-nav li ul {
 
−
  position: absolute;
 
−
  width: 150px;
 
−
  display: none;
 
−
font-size: 15px;
 
−
}
 
−
#wnm-top-nav li ul li {
 
−
  background: #ECECEC;
 
−
  display: block;
 
−
}
 
 
.dropdown-content a {
 
.dropdown-content a {
 
     color: black;
 
     color: black;
Line 163: Line 146:
 
     font-size: 13px;
 
     font-size: 13px;
 
}
 
}
−
#wnm-top-nav li ul li a {display:block !important;}
 
−
#wnm-top-nav li ul li:hover {background: #E8E8E8;}
 
  
 +
.dropdown-content a:hover {
 +
background-color: #ECECEC;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
.nav.navbar-nav.navbar-right li a {
 +
    color: #f6f6f7;
 +
font-family:Helvetica;
 +
}
 +
 +
.nav.navbar-nav.navbar-right li a:hover {
 +
    text-decoration: underline;
 +
    color: black;
 +
}
  
  
Line 230: Line 228:
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="#">  
+
 +
<a href="#">  
 
Database
 
Database
 
</a>
 
</a>

Revision as of 15:23, 12 July 2018