Taylohtio/_CustomResponsiveLayouts/_css_sources/menu-pmc.scss

35 lines
2.2 KiB
SCSS

/* pmc menu - desktop */
nav > .container > div { background: $NaviBgPmc !important; } /* main navi */
nav > .container .dropdown-menu { background-color: $MenuBgPmc !important; } /* dropdown background */
/* menu items */
.navbar-nav > li > a { color: $NaviTextPmc !important; } /* inactive top level item */
.navbar-nav > .selected > a { background-color: $NaviSelectedBgPmc !important; color: $NaviSelectedTextPmc !important;} /* active top level item */
#main-menu-top .navbar-nav > li:hover > a { background-color: $NaviSelectedBgPmc !important; } /* top level hover */
.navbar-nav > li:hover > a { /*color: $white !important;*/ background-color: $NaviSelectedBgPmc !important; color: $NaviSelectedTextPmc !important;}
.dropdown-menu > li > a { color: $MenuTextPmc !important; } /* one level submenu item */
#main-menu-top .dropdown-menu > li:hover,
.dropdown-menu > li.active { background-color: $MenuBgHoverPmc !important; }
#main-menu-top .dropdown-menu > li:hover > *,
.dropdown-menu > li.active > * { color: $MenuTextHoverPmc !important; }
/* we don't need this right now - will work after main theme update
#main-menu-top li.selected { background-color: $additional-color!important; }*/
.navbar-nav > li > .dropdown-menu { border-top: 2px solid $NaviSelectedBgPmc !important; }
//@media (min-width:768px) {
.subBox { background-color: $MenuBgPmc !important; border-top: 2px solid $NaviSelectedBgPmc !important; }
.subLeft > .dropdown-menu { background-color: inherit; } /* move this to main theme */
.subLeft li > .dynamic-children { background-image: url("./images/submenu_3dots-menu.png") !important; } /* change picture name */
.subLeft li.active > .dynamic-children,
.subLeft li:hover > .dynamic-children { background-image: url("./images/submenu_3dots-menu-hover.png") !important; }
.subRight { border-left: 1px solid $NaviSelectedBgPmc !important; }
.subRight li > a:hover { color: $MenuTextHoverPmc !important; background-color: $MenuBgHoverPmc !important; } /* remove after main theme update */
//}