cronapp-framework-js/css/themes/custom/dsgov/slider-dsgov.css

Javascript library for CronApp's projects

/* Slider */
.k-slider:hover {
    background: transparent;
}

.k-slider .k-slider-buttons .k-button,
.k-slider .k-slider-buttons .k-button:active,
.k-slider .k-slider-buttons .k-button:focus,
.k-slider .k-slider-buttons .k-button.k-state-active,
.k-slider .k-slider-buttons .k-button.k-state-focused {
    min-height: auto;
    box-shadow: none;
    color: var(--colorDefault40, #1351b4);
    padding: 0;
    position: absolute;
    top: -11px;
}

.k-slider .k-slider-buttons .k-button:hover,
.k-slider .k-slider-buttons .k-button.k-state-hover {
    background: var(--colorDefault30, #7c8ec8);
    color: var(--textColorDefault40, #ffffff);
}

.k-slider .k-slider-buttons .k-button.k-button-decrease span,
.k-slider .k-slider-buttons .k-button.k-button-increase span {
    font-size: 13px;
    top: -3px;
}

.k-slider .k-slider-buttons .k-button.k-button-decrease span:before,
.k-slider .k-slider-buttons .k-button.k-button-increase span:before {
    margin-left: -1px;
    margin-top: -1px;
    font-family: "Glyphicons Halflings";
}

.k-slider .k-slider-buttons .k-button.k-button-decrease span:before {
    content: "\e079";
}

.k-slider .k-slider-buttons .k-button.k-button-increase span:before {
    content: "\e080";
}

.k-slider .k-slider-track,
.k-slider .k-slider-selection {
    background: var(--colorDefault10, #d6daeb);
    box-shadow: none;
    border: 0;
    border-radius: var(--borderRadiusSmallest, 5px);
}

.k-slider .k-slider-selection {
    background: var(--colorDefault30, #7c8ec8);
}

.k-slider .k-slider-items {
    margin-top: 4px;
}

.k-slider .k-draghandle,
.k-slider .k-draghandle.k-state-focused,
.k-slider .k-draghandle.k-state-focused:link {
    background: var(--colorDefault50, #11479e);
    border: 0;
    box-shadow: none;
}

.k-slider .k-draghandle {
    top: -5px;
    width: 17px;
    height: 17px;
    margin-left: 0;
}

.k-slider .k-tick {
    height: 24px;
}

.k-slider .k-tick .k-label {
    color: var(--colorNeutral160, #383838);
}

.k-slider .form-control:hover {
    background: transparent;
}

div.k-slider {
    margin-bottom: 36px;
    margin-top: 15px;
}