1 files changed, 47 insertions, 0 deletions
diff --git a/public/css/widget/downtime-card.less b/public/css/widget/downtime-card.less
new file mode 100644
index 0000000..bffaf22
--- /dev/null
+++ b/public/css/widget/downtime-card.less
@@ -0,0 +1,47 @@
+.downtime-progress {
+  .progress-bar();
+
+  &.flexible.in-effect .marker {
+    &.start,
+    &.end {
+      background-color: @gray-light;
+    }
+
+    &.flex-start,
+    &.flex-end {
+      background-color: @icinga-blue;
+    }
+  }
+
+  .downtime-elapsed {
+    background-color: @color-ok;
+
+    &:before,
+    &:after {
+      background-color: @color-ok;
+    }
+  }
+
+  .downtime-overrun {
+    background-color: @color-down;
+
+    &:before,
+    &:after {
+      background-color: @color-down;
+    }
+  }
+
+  .downtime-elapsed + .downtime-overrun {
+    &:before {
+      display: none;
+    }
+  }
+}
+
+.downtime-progress.progress-bar {
+  // This requires more specificity, otherwise it has no effect
+  .above,
+  .below {
+    padding: 2em 10%;
+  }
+}