You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
1.8 KiB
89 lines
1.8 KiB
/* Ion.RangeSlider, Flat UI Skin |
|
// css version 1.8.5 |
|
// by Denis Ineshin | ionden.com |
|
// ===================================================================================================================*/ |
|
|
|
/* ===================================================================================================================== |
|
// Skin details */ |
|
|
|
.irs-line-mid, |
|
.irs-line-left, |
|
.irs-line-right, |
|
.irs-diapason, |
|
.irs-slider { |
|
background: url(img/sprite-skin-flat.png) repeat-x; |
|
} |
|
|
|
.irs { |
|
height: 40px; |
|
} |
|
.irs-with-grid { |
|
height: 60px; |
|
} |
|
.irs-line { |
|
height: 12px; top: 25px; |
|
} |
|
.irs-line-left { |
|
height: 12px; |
|
background-position: 0 -30px; |
|
} |
|
.irs-line-mid { |
|
height: 12px; |
|
background-position: 0 0; |
|
} |
|
.irs-line-right { |
|
height: 12px; |
|
background-position: 100% -30px; |
|
} |
|
|
|
.irs-diapason { |
|
height: 12px; top: 25px; |
|
background-position: 0 -60px; |
|
} |
|
|
|
.irs-slider { |
|
width: 16px; height: 18px; |
|
top: 22px; |
|
background-position: 0 -90px; |
|
} |
|
#irs-active-slider, .irs-slider:hover { |
|
background-position: 0 -120px; |
|
} |
|
|
|
.irs-min, .irs-max { |
|
color: #999; |
|
font-size: 10px; line-height: 1.333; |
|
text-shadow: none; |
|
top: 0; padding: 1px 3px; |
|
background: #e1e4e9; |
|
border-radius: 4px; |
|
} |
|
|
|
.irs-from, .irs-to, .irs-single { |
|
color: #fff; |
|
font-size: 10px; line-height: 1.333; |
|
text-shadow: none; |
|
padding: 1px 5px; |
|
background: #ed5565; |
|
border-radius: 4px; |
|
} |
|
.irs-from:after, .irs-to:after, .irs-single:after { |
|
position: absolute; display: block; content: ""; |
|
bottom: -6px; left: 50%; |
|
width: 0; height: 0; |
|
margin-left: -3px; |
|
overflow: hidden; |
|
border: 3px solid transparent; |
|
border-top-color: #ed5565; |
|
} |
|
|
|
|
|
.irs-grid-pol { |
|
background: #e1e4e9; |
|
} |
|
.irs-grid-text { |
|
color: #999; |
|
} |
|
|
|
.irs-disabled { |
|
} |