icingaweb2/modules/monitoring/public/css/tables.less

/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */

@border-left-width: 6px;

.state-col {
  &.state-critical-handled,
  &.state-down-handled {
    border-left: @border-left-width solid @color-critical-handled;
  }

  &.state-ok,
  &.state-ok-handled,
  &.state-up,
  &.state-up-handled {
    border-left: @border-left-width solid @color-ok;

    .state-label {
      color: @color-ok;
    }
  }

  &.state-pending,
  &.state-pending-handled {
    border-left: @border-left-width solid @color-pending;
  }

  &.state-warning-handled {
    border-left: @border-left-width solid @color-warning-handled;
  }

  &.state-unknown-handled {
    border-left: @border-left-width solid @color-unknown-handled;
  }

  &.state-unreachable-handled {
    border-left: @border-left-width solid @color-unreachable-handled;
  }

  &.state-critical,
  &.state-down {
    .bg-color-critical();
    color: @text-color-inverted;
  }

  &.state-warning {
    .bg-color-warning();
    color: @text-color-inverted;
  }

  &.state-unknown {
    .bg-color-unknown();
    color: @text-color-inverted;
  }

  &.state-unreachable {
    .bg-color-unreachable();
    color: @text-color-inverted;
  }

  * {
    color: inherit;
  }

  text-align: center;
  width: 100px;
}