Added slider with alarm frame tick marks and scrubbing

1 files changed, 56 insertions, 0 deletions

diff --git a/www/lib/angular-awesome-slider/src/css/scss/skins/_skin-plastic.scss b/www/lib/angular-awesome-slider/src/css/scss/skins/_skin-plastic.scss
new file mode 100644
index 00000000..04a18bf2
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/scss/skins/_skin-plastic.scss
@@ -0,0 +1,56 @@
+// Plastic Skin
+
+.jslider_plastic {
+  .jslider-bg i,
+  .jslider-pointer {
+    background: url("../img/jslider.plastic.png") no-repeat 0 0;
+  }
+  .jslider-bg {
+    i {
+      background-position: 2px -20px;
+      &.default {
+        background-color: $color-skin-pointers-default-value;
+      }
+      &.range {
+        z-index: 1;
+        background-position: 0 -40px;
+      }
+    }
+  }
+  .jslider-pointer {
+    z-index: 2;
+    @include size(20px 17px);
+    top: -6px;
+    background-position: 2px -60px;
+  }
+  &.vertical {
+    div.jslider-bg i,
+    div.jslider-pointer {
+      background: url("../img/jslider.plastic.vertical.png") no-repeat 0 0;
+    }
+    div.jslider-bg {
+      i {
+        background-position: right 0;
+        &.range {
+          background-position: (-35px) 0;
+        }
+        &.before,
+        &.after {
+          background: none;
+        }
+        &.default {
+          background-color: $color-skin-pointers-default-value;
+        }
+      }
+    }
+    div.jslider-pointer {
+      top: -6px;
+      margin-left: -6px;
+      @include size(20px 17px);
+      background-position: (-7px) -1px;
+      &.jslider-pointer-hover {
+        background-position: (-7px) -21px;
+      }
+    }
+  }
+}