Difference between revisions of "Template:British Columbia Navbar"

m
m
Line 167: Line 167:
  
 
/*submenu styling for the navbars*/
 
/*submenu styling for the navbars*/
.dropdown-menu{
+
.dropdown-submenu {
  float: right;
+
    position:relative;
 
}
 
}
 +
.dropdown-submenu>.dropdown-menu {
 +
    top:0;
 +
    left:100%;
 +
    margin-top:-6px;
 +
    margin-left:-1px;
 +
    width: 100%;
 +
}
 +
.dropdown-submenu:hover>.dropdown-menu {
 +
    display:block;
 +
}
 +
.dropdown-submenu>a:after {
 +
    display:block;
 +
    content:" ";
 +
    float:right;
 +
    width:0;
 +
    height:0;
 +
    border-color:transparent;
 +
    border-style:solid;
 +
    border-width:5px 0 5px 5px;
 +
    border-left-color:#cccccc;
 +
    margin-top:5px;
 +
    margin-right:-10px;
 +
}
 +
.dropdown-submenu:hover>a:after {
 +
    border-left-color:#ffffff;
 +
}
 +
.dropdown-submenu.pull-left {
 +
    float:none !important;
 +
}
 +
.dropdown-submenu.pull-left>.dropdown-menu {
 +
    left:-100%;
 +
    margin-left:10px;
 +
 +
}
 +
 
</style>
 
</style>
  

Revision as of 09:35, 16 October 2016

Navbar CSS