Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/* Ion.RangeSlider, Simple Skin
2 
// css version 2.0.3
3 
// © Denis Ineshin, 2014    https://github.com/IonDen
4 
// © guybowden, 2014        https://github.com/guybowden
5 
// ===================================================================================================================*/
6 
 
7 
/* =====================================================================================================================
8 
// Skin details */
9 
 
10 
.irs {
11 
    height: 55px;
12 
}
13 
.irs-with-grid {
14 
    height: 75px;
15 
}
16 
.irs-line {
17 
    height: 10px; top: 33px;
18 
    background: #EEE;
19 
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
20 
    border: 1px solid #CCC;
21 
    border-radius: 16px;
22 
    -moz-border-radius: 16px;
23 
}
24 
    .irs-line-left {
25 
        height: 8px;
26 
    }
27 
    .irs-line-mid {
28 
        height: 8px;
29 
    }
30 
    .irs-line-right {
31 
        height: 8px;
32 
    }
33 
 
34 
.irs-bar {
35 
    height: 10px; top: 33px;
36 
    border-top: 1px solid #428bca;
37 
    border-bottom: 1px solid #428bca;
38 
    background: #428bca;
39 
    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
40 
}
41 
    .irs-bar-edge {
42 
        height: 10px; top: 33px;
43 
        width: 14px;
44 
        border: 1px solid #428bca;
45 
        border-right: 0;
46 
        background: #428bca;
47 
        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
48 
        border-radius: 16px 0 0 16px;
49 
        -moz-border-radius: 16px 0 0 16px;
50 
    }
51 
 
52 
.irs-shadow {
53 
    height: 2px; top: 38px;
54 
    background: #000;
55 
    opacity: 0.3;
56 
    border-radius: 5px;
57 
    -moz-border-radius: 5px;
58 
}
59 
.lt-ie9 .irs-shadow {
60 
    filter: alpha(opacity=30);
61 
}
62 
 
63 
.irs-slider {
64 
    top: 25px;
65 
    width: 27px; height: 27px;
66 
    border: 1px solid #AAA;
67 
    background: #DDD;
68 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
69 
    border-radius: 27px;
70 
    -moz-border-radius: 27px;
71 
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
72 
    cursor: pointer;
73 
}
74 
 
75 
.irs-slider.state_hover, .irs-slider:hover {
76 
    background: #FFF;
77 
}
78 
 
79 
.irs-min, .irs-max {
80 
    color: #333;
81 
    font-size: 12px; line-height: 1.333;
82 
    text-shadow: none;
83 
    top: 0;
84 
    padding: 1px 5px;
85 
    background: rgba(0,0,0,0.1);
86 
    border-radius: 3px;
87 
    -moz-border-radius: 3px;
88 
}
89 
 
90 
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
91 
    background: #ccc;
92 
}
93 
 
94 
.irs-from, .irs-to, .irs-single {
95 
    color: #fff;
96 
    font-size: 14px; line-height: 1.333;
97 
    text-shadow: none;
98 
    padding: 1px 5px;
99 
    background: #428bca;
100 
    border-radius: 3px;
101 
    -moz-border-radius: 3px;
102 
}
103 
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
104 
    background: #999;
105 
}
106 
 
107 
.irs-grid {
108 
    height: 27px;
109 
}
110 
.irs-grid-pol {
111 
    opacity: 0.5;
112 
    background: #428bca;
113 
}
114 
.irs-grid-pol.small {
115 
    background: #999;
116 
}
117 
 
118 
.irs-grid-text {
119 
    bottom: 5px;
120 
    color: #99a4ac;
121 
}
122 
 
123 
.irs-disabled {
124 
}