Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
.slider-container {
2
  width: 300px;
3
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
4
}
5
.slider-container .back-bar {
6
  height: 10px;
7
  position: relative;
8
}
9
.slider-container .back-bar .selected-bar {
10
  position: absolute;
11
  height: 100%;
12
}
13
.slider-container .back-bar .pointer {
14
  position: absolute;
15
  width: 10px;
16
  height: 10px;
17
  background-color: red;
18
  cursor: col-resize;
19
  opacity: 1;
20
  z-index: 2;
21
}
22
.slider-container .back-bar .pointer.last-active {
23
  z-index: 3;
24
}
25
.slider-container .back-bar .pointer-label {
26
  position: absolute;
27
  bottom: -45px;
28
  font-size: 14px;
29
  width: auto;
30
  font-weight: 400;
31
  color: #999999;
32
  height: auto;
33
  border: 0;
34
  background: white;
35
  white-space: nowrap;
36
  line-height: 1;
37
  text-align: center;
38
  line-height: auto;
39
}
40
.slider-container .back-bar .focused {
41
  z-index: 10;
42
}
43
.slider-container .clickable-dummy {
44
  cursor: pointer;
45
  position: absolute;
46
  width: 100%;
47
  height: 100%;
48
  z-index: 1;
49
}
50
.slider-container .scale {
51
  top: 2px;
52
  position: relative;
53
}
54
.slider-container .scale span {
55
  position: absolute;
56
  height: 5px;
57
  border-left: 1px solid #999;
58
  font-size: 0;
59
}
60
.slider-container .scale ins {
61
  font-size: 9px;
62
  text-decoration: none;
63
  position: absolute;
64
  left: 0;
65
  top: 5px;
66
  color: #999;
67
  line-height: 1;
68
}
69
.slider-container.slider-readonly .clickable-dummy,
70
.slider-container.slider-readonly .pointer {
71
  cursor: auto;
72
}
73
.theme-green .back-bar {
74
  height: 3px;
75
  background-color: #eeeeee;
76
  background-color: #e7e7e7;
77
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
78
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
79
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
80
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
81
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
82
  background-repeat: repeat-x;
83
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
84
}
85
.theme-green .back-bar .selected-bar {
86
  border-radius: 2px;
87
  background-color: #d23838;
88
  background-image: -moz-linear-gradient(top, #d23838, #d23838);
89
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d23838), to(#d23838));
90
  background-image: -webkit-linear-gradient(top, #d23838, #d23838);
91
  background-image: -o-linear-gradient(top, #d23838, #d23838);
92
  background-image: linear-gradient(to bottom, #d23838, #d23838);
93
  background-repeat: repeat-x;
94
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d23838', endColorstr='#d23838', GradientType=0);
95
}
96
.theme-green .back-bar .pointer {
97
  width: 14px;
98
  height: 14px;
99
  top: -5px;
100
  -webkit-box-sizing: border-box;
101
  -moz-box-sizing: border-box;
102
  box-sizing: border-box;
103
  border-radius: 10px;
104
  background-color: #d23838;
105
  background-repeat: repeat-x;
106
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
107
}
108
.theme-green .back-bar .pointer-label {
109
  color: #999;
110
}
111
.theme-green .back-bar .focused {
112
  color: #333;
113
}
114
.theme-green .scale span {
115
  border-left: 1px solid #e5e5e5;
116
}
117
.theme-green .scale ins {
118
  color: #999;
119
}
120
.theme-blue .back-bar {
121
  height: 5px;
122
  border-radius: 2px;
123
  background-color: #eeeeee;
124
  background-color: #e7e7e7;
125
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
126
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
127
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
128
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
129
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
130
  background-repeat: repeat-x;
131
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
132
}
133
.theme-blue .back-bar .selected-bar {
134
  border-radius: 2px;
135
  background-color: #92c1f9;
136
  background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
137
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
138
  background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
139
  background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
140
  background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
141
  background-repeat: repeat-x;
142
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
143
}
144
.theme-blue .back-bar .pointer {
145
  width: 14px;
146
  height: 14px;
147
  top: -5px;
148
  -webkit-box-sizing: border-box;
149
  -moz-box-sizing: border-box;
150
  box-sizing: border-box;
151
  border-radius: 10px;
152
  border: 1px solid #AAA;
153
  background-color: #e7e7e7;
154
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
155
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
156
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
157
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
158
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
159
  background-repeat: repeat-x;
160
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
161
}
162
.theme-blue .back-bar .pointer-label {
163
  color: #999;
164
}
165
.theme-blue .back-bar .focused {
166
  color: #333;
167
}
168
.theme-blue .scale span {
169
  border-left: 1px solid #e5e5e5;
170
}
171
.theme-blue .scale ins {
172
  color: #999;
173
}