Шаблон для jQuery UI Slider

jqueryui.slider.css

/**
 * Слайдер jQuery UI
 */

.ui-slider {
    position: relative;
    text-align: left;
}

    /**
     * Заполняемая полоса
     */

    .ui-slider-range {
        position: absolute;
        z-index: 1;
        top: 0;
        height: 100%;
    }

        .ui-slider-range-min {
            left: 0;
        }

        .ui-slider-range-max {
            right: 0;
        }

        /**
         * Drag-элемент
         */

        .ui-slider-handle {
            position: absolute;
            top: 0;
            margin-left: -(width/2);
            z-index: 2;
            width: width;
            height: height;
            cursor: default;
            -ms-touch-action: none;
                touch-action: none;
        }

            .ui-slider-handle.ui-state-hover {}

            .ui-slider-handle.ui-state-focus {}