bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/0.1
|
9.3.2
by Erik Wikström
Updated slider library and created a new demo |
1 |
.label { |
2 |
font-family: Calibri, Arial, sans-serif; |
|
3 |
color: #fff; |
|
4 |
text-shadow: 1px 1px 1px #222; |
|
5 |
}
|
|
6 |
||
7 |
.panel { |
|
8 |
box-shadow: 2px 2px 6px #444; |
|
9 |
font-family: Arial; |
|
10 |
background-color: #d0d0d4; |
|
11 |
background: linear-gradient(to bottom, #f0f0e8 0%, #e8e8e8 1%, #b8b8b0 17%); |
|
12 |
border-radius: 10px; |
|
13 |
padding:6px; |
|
14 |
}
|
|
15 |
||
16 |
.sliderBox { |
|
17 |
float: left; |
|
18 |
width: 40px; |
|
19 |
height: 32px; |
|
20 |
font-family: Calibri, Arial, sans-serif; |
|
21 |
font-size: 18px; |
|
22 |
}
|
|
23 |
||
24 |
.sliderLine { |
|
25 |
margin-left: 60px; |
|
26 |
height: 32px; |
|
27 |
border-style: none; |
|
28 |
border-width: 1px; |
|
29 |
background-position: center; |
|
30 |
background-image: url("../media/Widget Library/sliderline.png"); |
|
31 |
background-repeat: repeat-x; |
|
32 |
}
|
|
33 |
||
34 |
.sliderMarker { |
|
35 |
position: relative; |
|
36 |
width: 14px; |
|
37 |
height: 32px; |
|
38 |
background-image: url("../media/Widget Library/sliderring14.png"); |
|
39 |
background-repeat: no-repeat; |
|
40 |
background-position: center; |
|
41 |
}
|
|
42 |
||
43 |
.sliderminValue { |
|
44 |
float: left; |
|
45 |
}
|
|
46 |
||
47 |
.slidermidValue { |
|
48 |
text-shadow: 1px 1px 1px #222; |
|
49 |
font-family: Calibri, Arial, sans-serif; |
|
50 |
font-size: 12px; |
|
51 |
color: #fff; |
|
52 |
margin-left: 60px; |
|
53 |
text-align: center; |
|
54 |
}
|
|
55 |
||
56 |
.slidermaxValue { |
|
57 |
float: right; |
|
58 |
}
|
|
59 |
||
60 |
.binaryLine { |
|
61 |
width: 36px; |
|
62 |
height: 18px; |
|
63 |
border-radius: 10px; |
|
64 |
border-color: #555; |
|
65 |
border-width: 1px; |
|
66 |
border-style: solid; |
|
67 |
box-shadow: 2px 2px 2px #444 inset; |
|
68 |
}
|
|
69 |
||
70 |
.binaryMarker { |
|
71 |
position: relative; |
|
72 |
top: 2px; |
|
73 |
width: 11px; |
|
74 |
height: 11px; |
|
75 |
border-color: #777; |
|
76 |
border-style: solid; |
|
77 |
border-radius: 6px; |
|
78 |
background-color: #fff; |
|
79 |
border-width: 1px; |
|
80 |
box-shadow: 2px 2px 2px #444; |
|
81 |
background: linear-gradient(to bottom, #fff 0%,#e0e0d8 60%); |
|
82 |
}
|