UnisTest

Version 12.1 by Administrator on 26.07.2023 11:03

@hmenu-height:  ceil(@navbar-height / 2);
@hmenu-padding-vertical: round((@hmenu-height - @line-height-computed) / 2);
@hmenu-default-link-hover-color: darken(@navbar-default-link-color, 10%);
@hmenu-default-link-hover-bg: darken(@btn-success-bg, 10%);

.menu.menu-horizontal {
  background-color: @btn-success-bg !important;  
  min-height: @hmenu-height !important;
}

.menu.menu-horizontal > ul > li {
  padding-top: @hmenu-padding-vertical !important;
  padding-bottom: @hmenu-padding-vertical !important;
}

.menu.menu-horizontal > ul > li:hover, .menu.menu-horizontal > ul > li:hover > span > a {
  color: @hmenu-default-link-hover-color !important;
  background-color: @hmenu-default-link-hover-bg !important;
}

.menu.menu-horizontal > ul > li:empty {
  height: @hmenu-height !important;
  border-right: 1px solid lighten(@btn-success-bg, 10%) !important;
}

.menu-horizontal-toggle {
  min-height: auto !important;
}

.menu.menu-horizontal.fixedWidth ul ul {
    width: auto !important;
}

.menu.menu-horizontal > ul ul li a {
   white-space: nowrap;
}

@media (max-width: @screen-xs-max) {
  .menu.menu-horizontal > ul > li:empty {
    background-color: lighten(@btn-success-bg, 10%) !important;
  }

.menu.menu-horizontal > ul ul li a:hover {
    color: @hmenu-default-link-hover-color !important;
    background-color: @hmenu-default-link-hover-bg !important;
  }

.menu.menu-horizontal > ul > li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

.menu.menu-horizontal>ul ul li.xDropdown:hover>span>a {
      color: #fff !important;
  }
}

Preview

The refresh can take several seconds.

UnisTest

Loading...