mega changes, including updates and X

1 files changed, 139 insertions, 0 deletions

diff --git a/www/lib/angular-awesome-slider/src/css/less/skin-css.less b/www/lib/angular-awesome-slider/src/css/less/skin-css.less
new file mode 100644
index 00000000..8c06ba85
--- /dev/null
+++ b/www/lib/angular-awesome-slider/src/css/less/skin-css.less
@@ -0,0 +1,139 @@
+//
+// Main slider custom overrided js css rules
+// --------------------------------------------------
+&.sliderCSS {
+
+  div.jslider-bg {
+
+    i {
+      &.left {
+        left: 0;
+        width: 50%;         
+        background-color: @color-skin-background; 
+        background-image: none;
+      }
+      &.right { 
+        width: 50%; 
+        left: 50%; 
+        background-color: @color-skin-background; 
+        background-image: none;
+      }
+      &.before { 
+        left: 0; 
+        width: 1px; 
+        background-color: @color-skin-css-pointers-before-value; 
+        background-image: none;
+      }
+      &.default {
+        left: 0; 
+        width: 1px;
+        z-index: 1;        
+        background-color: @color-skin-css-pointers-default-value; 
+        background-image: none;
+      }
+      &.after { 
+        left: 0; 
+        background-color: @color-skin-css-pointers-after-value; 
+        background-image: none;
+      }
+      &.range {
+        position: absolute;
+        top: 0;
+        left: 20%;
+        width: 60%;                  
+        height: 5px;
+        z-index: 1;          
+        background-image: none; 
+        background-color: #777575 
+      }
+    }
+  }
+
+  div.jslider-pointer {
+    top: -3px;
+    left: 15px; 
+    width: 10px; 
+    height: 10px;
+    margin-left: -5px;
+    background-color: silver;      
+    background-color: #615959;    
+    border-radius: 50%;    
+  }
+
+  div.jslider-bg i,div.jslider-pointer {
+    background: none;
+  }
+
+  // vertical
+  &.vertical {
+
+    td {
+      height: 100%;
+    }
+
+    div.jslider-bg {
+
+      i {
+        left: 50%;
+        width: 5px;
+
+        &.left {
+          top: 0;                    
+          height: 50%;         
+          background-color: @color-skin-background; 
+          background-image: none;
+        }
+
+        &.right {           
+          height: 50%; 
+          top: 50%; 
+          background-color: @color-skin-background; 
+          background-image: none;
+        }
+
+        &.range {           
+          height: 100%;
+          z-index: 1;
+          background-color: #777575; 
+          background-image: none;
+        }
+
+        &.before {            
+          background-color: @color-skin-css-pointers-before-value; 
+          background-image: none;
+        }
+
+        &.default {
+          height: 1px;
+          background-color: @color-skin-css-pointers-default-value; 
+          background-image: none;
+          z-index: 2;          
+        }
+
+        &.after {            
+          background-color: @color-skin-css-pointers-after-value; 
+          background-image: none;
+        }
+
+      }
+      
+    }
+
+    div.jslider-bg i,div.jslider-pointer {
+      background: none;
+    }
+
+    div.jslider-pointer {
+      left: 50%;
+      width: 10px; 
+      height: 10px;
+      background-color: #615959;       
+      border-radius: 50%; 
+      margin-left: -3px;
+
+      &.jslider-pointer-to {
+        left: 50%;
+      }
+    }
+  }
+}