/* ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================= */ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { min-width: 220px; width: 100%; height: 4px; } .slider.slider-horizontal .slider-track { height: 2px; width: 100%; margin-top: -1px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-handle { margin-left: -2px; margin-top: -1px; } .slider.slider-horizontal .slider-handle.triangle { border-width: 0 2px 2px 2px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-vertical { min-height: 240px; width: 4px; height: 100%; } .slider.slider-vertical .slider-track { width: 2px; height: 100%; margin-left: -1px; left: 50%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-handle { margin-left: -1px; left: -7px; margin-top: -2px; } .slider.slider-vertical .slider-handle.triangle { border-width: 2px 0 2px 2px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider.slider-disabled .slider-handle { background-color: #eeeeee; } .slider.slider-disabled .slider-track { background-color: #eeeeee; box-shadow: none; cursor: not-allowed; } .slider.slider-disabled .slider-selection { background-color: #606fc7; } .slider input { display: none; } .slider .tooltip.top { margin-top: -46px; } .slider .tooltip-inner { white-space: nowrap; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; background: #eeeeee; box-shadow: inset 0 0 2px rgba(30, 30, 30, 0.2); border-radius: 2px; } .slider-selection { position: absolute; background: #3f51b5; border-radius: 2px; } .slider-handle { position: absolute; width: 20px; height: 20px; top: -8px; background-color: #fff; border: 1px solid #eeeeee; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .slider-handle.round { border-radius: 50%; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 4px; font-size: 20px; content: '\2605'; color: #726204; }