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-submenu {
+
.dropdown-submenu{
    position: relative;
+
  float: right;
}
+
 
+
.dropdown-submenu>.dropdown-menu {
+
    top: 0;
+
    left: 100%;
+
    margin-top: -6px;
+
    margin-left: -1px;
+
}
+
 
+
.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: #ccc;
+
    margin-top: 5px;
+
    margin-right: 10px;
+
}
+
 
+
.dropdown-submenu:hover>a:after {
+
    border-left-color: #fff;
+
}
+
 
+
.dropdown-submenu.pull-left {
+
    float: none !important;
+
}
+
 
+
.dropdown-submenu.pull-left>.dropdown-menu {
+
    left: -100%;
+
    margin-left: 10px;
+
 
}
 
}
 
</style>
 
</style>

Revision as of 09:31, 16 October 2016

Navbar CSS