3.0 source code

OfficeWeb/apps/common/main/resources/less/slider.less

@@ -0,0 +1,46 @@
+.slider {
+    position: relative;
+    height: 18px;
+
+    .thumb {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 13px;
+        height: 15px;
+        margin-left: -7px;
+        cursor: default;
+        .background-ximage('@{common-image-path}/@{common-controls}', '@{common-image-path}/@{common-controls2x}', 100px);
+        background-position: @slide-thumb-offset-x @slide-thumb-offset-y;
+
+        &.active {
+            background-position: @slide-thumb-offset-x @slide-thumb-offset-y - 30px;
+        }
+    }
+
+    .track {
+        height: 18px;
+        .track-left {
+            width: 7px;
+            background: transparent no-repeat @slide-track-offset-x @slide-track-offset-y;
+        }
+        .track-right {
+            width: 7px;
+            background: transparent no-repeat @slide-track-offset-x - 7px @slide-track-offset-y;
+        }
+        .track-center {
+            background: transparent repeat-x @slide-track-offset-x @slide-track-offset-y - 18px;
+        }
+
+        div {
+            height: 18px;
+            display: inline-block;
+            .background-ximage('@{common-image-path}/@{common-controls}', '@{common-image-path}/@{common-controls2x}', 100px)  !important;
+        }
+
+    }
+
+    &.disabled {
+        opacity: 0.35;
+    }
+}