Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
5 lars 1
/* Ion.RangeSlider, Modern Skin
2
// css version 2.0.3
3
// © Denis Ineshin, 2014    https://github.com/IonDen
4
// ===================================================================================================================*/
5
 
6
/* =====================================================================================================================
7
// Skin details */
8
 
9
.irs-line-mid,
10
.irs-line-left,
11
.irs-line-right,
12
.irs-bar,
13
.irs-bar-edge,
14
.irs-slider {
15
    background: url(../img/sprite-skin-modern.png) repeat-x;
16
}
17
 
18
.irs {
19
    height: 50px;
20
}
21
.irs-with-grid {
22
    height: 70px;
23
}
24
.irs-line {
25
    height: 6px; top: 25px;
26
}
27
    .irs-line-left {
28
        height: 6px;
29
        background-position: 0 -30px;
30
    }
31
    .irs-line-mid {
32
        height: 6px;
33
        background-position: 0 0;
34
    }
35
    .irs-line-right {
36
        height: 6px;
37
        background-position: 100% -30px;
38
    }
39
 
40
.irs-bar {
41
    height: 6px; top: 25px;
42
    background-position: 0 -60px;
43
}
44
    .irs-bar-edge {
45
        top: 25px;
46
        height: 6px; width: 6px;
47
        background-position: 0 -90px;
48
    }
49
 
50
.irs-shadow {
51
    height: 5px; top: 25px;
52
    background: #000;
53
    opacity: 0.25;
54
}
55
.lt-ie9 .irs-shadow {
56
    filter: alpha(opacity=25);
57
}
58
 
59
.irs-slider {
60
    width: 11px; height: 18px;
61
    top: 31px;
62
    background-position: 0 -120px;
63
}
64
.irs-slider.state_hover, .irs-slider:hover {
65
    background-position: 0 -150px;
66
}
67
 
68
.irs-min, .irs-max {
69
    color: #999;
70
    font-size: 10px; line-height: 1.333;
71
    text-shadow: none;
72
    top: 0; padding: 1px 3px;
73
    background: #e1e4e9;
74
    -moz-border-radius: 4px;
75
    border-radius: 4px;
76
}
77
 
78
.irs-from, .irs-to, .irs-single {
79
    color: #fff;
80
    font-size: 10px; line-height: 1.333;
81
    text-shadow: none;
82
    padding: 1px 5px;
83
    background: #20b426;
84
    -moz-border-radius: 4px;
85
    border-radius: 4px;
86
}
87
.irs-from:after, .irs-to:after, .irs-single:after {
88
    position: absolute; display: block; content: "";
89
    bottom: -6px; left: 50%;
90
    width: 0; height: 0;
91
    margin-left: -3px;
92
    overflow: hidden;
93
    border: 3px solid transparent;
94
    border-top-color: #20b426;
95
}
96
 
97
.irs-grid {
98
    height: 34px;
99
}
100
.irs-grid-pol {
101
    background: #c0c0c0;
102
}
103
.irs-grid-text {
104
    bottom: 12px;
105
    color: #c0c0c0;
106
}
107
 
108
.irs-disable-mask {
109
 
110
}
111
.irs-disabled {
112
 
113
}
114
.lt-ie9 .irs-disabled {
115
 
116
}