56 lines
2.9 KiB
SCSS
56 lines
2.9 KiB
SCSS
/* condo menu - desktop */
|
|
|
|
@mixin menu-condo-background-linear-gradient {
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
|
|
background: #ffffff; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%)!important; /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%)!important; /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 )!important; /* IE6-9 */
|
|
}
|
|
|
|
.condo ul.dynamic, /* ? */
|
|
.condo #condoHomeLink,
|
|
.condo div.subBox {
|
|
@include menu-condo-background-linear-gradient;
|
|
}
|
|
|
|
.condo nav > .container > div,
|
|
.condo nav > .container > ul,
|
|
.condo nav > .container .dropdown-menu {
|
|
@include menu-condo-background-linear-gradient;
|
|
}
|
|
|
|
/* menu items */
|
|
|
|
.condo .navbar-nav > li > a { color: $NaviTextCondo !important; } /* inactive top level item */
|
|
.condo .navbar-nav > .selected > a { background-color: $NaviSelectedBgCondo !important; color: $NaviSelectedTextCondo !important; } /* active top level item */
|
|
.condo .navbar-nav > li:hover > a { color: $NaviSelectedTextCondo !important; background-color: $NaviSelectedBgCondo !important; } /* top level hover */
|
|
|
|
.condo .dropdown-menu > li > a,
|
|
.condo .dropdown-menu > li > span { color: $MenuTextCondo !important; } /* one level menu item */
|
|
.condo #main-menu-top .dropdown-menu > li:hover,
|
|
.condo .dropdown-menu > li.active { background-color: $MenuBgHoverCondo !important; }
|
|
.condo #main-menu-top .dropdown-menu > li:hover > *,
|
|
.condo .dropdown-menu > li.active > * { color: $MenuTextHoverCondo !important; }
|
|
|
|
/* we don't need this right now - will work after main theme update
|
|
.condo #main-menu-top li.selected { background-color: $additional-color!important; }*/
|
|
|
|
.condo .navbar-nav > li > .dropdown-menu { border-top: 2px solid $NaviSelectedBgCondo !important; }
|
|
|
|
//@media (min-width:768px) {
|
|
.condo .subBox { border-top: 2px solid $NaviSelectedBgCondo !important; }
|
|
|
|
.condo .subLeft > ul> li.active,
|
|
.condo .subLeft > ul> li:hover { background-color: $MenuBgHoverCondo !important; }
|
|
|
|
.condo .subLeft .dynamic-children { background-image: url("./images/submenu_3dots-menu_condo.png") !important; }
|
|
.condo .subLeft li.active > .dynamic-children,
|
|
.condo .subLeft li:hover > .dynamic-children { background-image: url("./images/submenu_3dots-menu_condo-hover.png") !important; }
|
|
|
|
.condo .subRight { border-left: 1px solid $NaviSelectedBgCondo !important; }
|
|
.condo .subRight li > a:hover { color: $MenuTextHoverCondo !important; background-color: $MenuBgHoverCondo !important; }
|
|
//}
|
|
|