Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* Ion.RangeSlider, Flat UI Skin |
| 2 | // css version 1.9.2 |
||
| 3 | // © 2013-2014 Denis Ineshin | IonDen.com |
||
| 4 | // ===================================================================================================================*/ |
||
| 5 | |||
| 6 | /* ===================================================================================================================== |
||
| 7 | // Skin details */ |
||
| 8 | |||
| 9 | .irs-line-mid, |
||
| 10 | .irs-line-left, |
||
| 11 | .irs-line-right, |
||
| 12 | .irs-diapason, |
||
| 13 | .irs-slider { |
||
| 14 | background: url(../img/sprite-skin-flat.png) repeat-x; |
||
| 15 | } |
||
| 16 | |||
| 17 | .irs { |
||
| 18 | height: 40px; |
||
| 19 | } |
||
| 20 | .irs-with-grid { |
||
| 21 | height: 60px; |
||
| 22 | } |
||
| 23 | .irs-line { |
||
| 24 | height: 12px; top: 25px; |
||
| 25 | } |
||
| 26 | .irs-line-left { |
||
| 27 | height: 12px; |
||
| 28 | background-position: 0 -30px; |
||
| 29 | } |
||
| 30 | .irs-line-mid { |
||
| 31 | height: 12px; |
||
| 32 | background-position: 0 0; |
||
| 33 | } |
||
| 34 | .irs-line-right { |
||
| 35 | height: 12px; |
||
| 36 | background-position: 100% -30px; |
||
| 37 | } |
||
| 38 | |||
| 39 | .irs-diapason { |
||
| 40 | height: 12px; top: 25px; |
||
| 41 | background-position: 0 -60px; |
||
| 42 | } |
||
| 43 | |||
| 44 | .irs-slider { |
||
| 45 | width: 16px; height: 18px; |
||
| 46 | top: 22px; |
||
| 47 | background-position: 0 -90px; |
||
| 48 | } |
||
| 49 | #irs-active-slider, .irs-slider:hover { |
||
| 50 | background-position: 0 -120px; |
||
| 51 | } |
||
| 52 | |||
| 53 | .irs-min, .irs-max { |
||
| 54 | color: #999; |
||
| 55 | font-size: 10px; line-height: 1.333; |
||
| 56 | text-shadow: none; |
||
| 57 | top: 0; padding: 1px 3px; |
||
| 58 | background: #e1e4e9; |
||
| 59 | border-radius: 4px; |
||
| 60 | } |
||
| 61 | |||
| 62 | .irs-from, .irs-to, .irs-single { |
||
| 63 | color: #fff; |
||
| 64 | font-size: 10px; line-height: 1.333; |
||
| 65 | text-shadow: none; |
||
| 66 | padding: 1px 5px; |
||
| 67 | background: #ed5565; |
||
| 68 | border-radius: 4px; |
||
| 69 | } |
||
| 70 | .irs-from:after, .irs-to:after, .irs-single:after { |
||
| 71 | position: absolute; display: block; content: ""; |
||
| 72 | bottom: -6px; left: 50%; |
||
| 73 | width: 0; height: 0; |
||
| 74 | margin-left: -3px; |
||
| 75 | overflow: hidden; |
||
| 76 | border: 3px solid transparent; |
||
| 77 | border-top-color: #ed5565; |
||
| 78 | } |
||
| 79 | |||
| 80 | |||
| 81 | .irs-grid-pol { |
||
| 82 | background: #e1e4e9; |
||
| 83 | } |
||
| 84 | .irs-grid-text { |
||
| 85 | color: #999; |
||
| 86 | } |
||
| 87 | |||
| 88 | .irs-disabled { |
||
| 89 | } |