responsivewebframework/src/less/list-box.less

Jalasoft Foundation Front End Framework ========================================

// List box

.multiselect {
  width: 250px;
  height: 128px;
  margin-right: 20px;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 2px;
  border: 1px solid @lines-color;
  margin-top: 6px;
  font-family: @font-family-base-component;

  input {
    display: none;
  }

  .text-unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

  label {
    display: block;
    height: @height-component;
    width: 238px;
    color: @body-color;
    line-height: 35px;
    padding-left: 0;
    text-indent: 12px;
    padding-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    .text-unselectable;

    &:hover {
      background-color: @listbox-hover-color;
    }
  }
}

.listbox-title {
  font-family: @font-family-base-component;
  font-size: @font-size-base-component;
  color:@body-color ;
}

.multiselect-on {
  background-color: @dividers-color !important;
  &:hover {
    background-color: @listbox-selected-hover-color !important;
  }
}