nav.less

.nav-simple {
  .simple-list; // Adds border and padding.
  padding-bottom: 0;
}

.nav-item > a {
  color: @navLinkColor;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  margin: -7px -@gutterX;
  padding: 7px @gutterX;
}

.nav-item.active {
  background-color: @navActiveBackgroundColor;
}

.nav-item.active > a {
  position: relative;
  color: @navItemActiveTextColor;
  background-color: @navItemActiveBackgroundColor;
  &:hover {
    color: @navItemActiveTextColor;
    background-color: @navItemActiveBackgroundColor;
  }
  &:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: -6px;
    width: 6px;
    height: 34px;
    background-image: url("@{imagePath}/nav-active.png?1");
  }
}

.nav-item.active > a span {
  white-space: nowrap;
  overflow:hidden;
  display:block;
}

.module-narrow .nav-item > a {
  padding-left:  @gutterSmallX;
  padding-right: @gutterSmallX;
  position: relative;
}

.module-narrow .nav-item.image {
  position: relative;
}

.module-narrow .nav-item.image > a {
  padding-left:  @gutterSmallX + 27;
  padding-right: @gutterSmallX + 27;
}

.module-narrow .nav-item.image > img {
  position: absolute;
  top: 50%;
  left: @gutterSmallX;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  z-index: 2;
}

// FACET NAVIGATION

.nav-facet .nav-item > a:hover:after,
.nav-facet .nav-item.active > a:after {
  .ckan-icon;
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}

.nav-facet .nav-item > a:hover:after {
  .ckan-icon-circle-add;
}

.nav-facet .nav-item.active > a:after {
  .ckan-icon-circle-cross;
  right: 3px;
}

.user-list {
  .unstyled;
  li {
    margin: 0 0 10px 0;
  }
  .gravatar {
    vertical-align: -4px;
    margin-right: 3px;
    .border-radius(100px);
  }
}

.nav-facet-tertiary {
  margin: 10px 0;
  .module-heading {
    margin-bottom: 5px;
    padding: 8px 12px;
    border-bottom-width: 0;
    .border-radius(5px);
    i {
      display: none;
    }
  }
  .module-footer {
    padding: 8px 12px;
    border-top-width: 0;
    a {
      font-weight: normal;
      color: #8C8C8C;
    }
  }
  .nav {
    margin-bottom: 0;
  }
  .module-content.empty {
    padding: 8px 12px;
    margin-top: 0;
  }
  .nav li.active {
    position: relative;
  }
  .nav li.active > a:hover:after,
  .nav li.active > a:after {
    .ckan-icon;
    .ckan-icon-circle-cross;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
  }
}