// —————————————————————————- // Sass declarations // —————————————————————————- $background-color: #2A2A2A; $value-color: #73AA3A;

$title-color: #B2B2B2; $moreinfo-color: rgba(255, 255, 255, 0.7);

// —————————————————————————- // Widget styles // —————————————————————————- .widget-pingdom-summary {

//refreshing default widget definition
vertical-align: baseline !important;
padding:0px !important;

background-color: $background-color;

header{
  background-color: #272727;
  text-transform: uppercase;
  padding: 5px 0px 5px 0px;
  font-weight: 700;
  font-size: 12px;
  text-shadow: 1px 1px #0e0e0e;
}
.title {
  color: $title-color;
  font-size: inherit;
}

.body {
  padding: 0px;
  color: #d3d4d4;
  text-shadow: 1px 1px #0e0e0e;
  font-family: Helvetica, Arial, sans-serif;
  z-index: 1;

  .row {
    width:100%;
  }
  .left {
    float:left;
    width:50%;
  }
  .right {
    float:right;
    width:49%;
    border-left: 1px dotted #8b8b8b;
  }
  .top {
    border-top: 1px dotted #8b8b8b;
  }
  .doubletop {
    border-top: 2px dotted #8b8b8b;
    border-bottom: 1px dotted #8b8b8b;
  }
}

.current-status-container {
  padding: 10px;
  font-size: 30px;
  text-shadow: none;
  &.status-up {
    color: #9ACA3C;
  }
  &.status-unknown {
    color: #D9D31E;
  }
  &.status-down {
    color: #C32026;
  }

  i.fa {
    font-size: 55px;
  }
}

.value {
  font-size: 10px;
}

.site-state-ok {
  color: #9ACA3C;
}
.site-state-warning {
  color: #D9D31E;
}
.site-state-critical {
  color: #C32026;
}

}