equal
deleted
inserted
replaced
|
1 |
1 .farbtastic { |
2 .farbtastic { |
2 position: relative; |
3 position: relative; |
3 } |
4 } |
|
5 |
4 .farbtastic * { |
6 .farbtastic * { |
5 position: absolute; |
7 position: absolute; |
6 cursor: crosshair; |
8 cursor: crosshair; |
7 } |
9 } |
8 .farbtastic, .farbtastic .wheel { |
10 |
|
11 .farbtastic, |
|
12 .farbtastic .wheel { |
9 width: 195px; |
13 width: 195px; |
10 height: 195px; |
14 height: 195px; |
11 } |
15 } |
12 .farbtastic .color, .farbtastic .overlay { |
16 |
|
17 .farbtastic .color, |
|
18 .farbtastic .overlay { |
13 top: 47px; |
19 top: 47px; |
14 left: 47px; |
20 left: 47px; |
15 width: 101px; |
21 width: 101px; |
16 height: 101px; |
22 height: 101px; |
17 } |
23 } |
|
24 |
18 .farbtastic .wheel { |
25 .farbtastic .wheel { |
19 background: url(../images/wheel.png) no-repeat; |
26 background: url(../images/wheel.png) no-repeat; |
20 width: 195px; |
27 width: 195px; |
21 height: 195px; |
28 height: 195px; |
22 } |
29 } |
|
30 |
23 .farbtastic .overlay { |
31 .farbtastic .overlay { |
24 background: url(../images/mask.png) no-repeat; |
32 background: url(../images/mask.png) no-repeat; |
25 } |
33 } |
|
34 |
26 .farbtastic .marker { |
35 .farbtastic .marker { |
27 width: 17px; |
36 width: 17px; |
28 height: 17px; |
37 height: 17px; |
29 margin: -8px 0 0 -8px; |
38 margin: -8px 0 0 -8px; |
30 overflow: hidden; |
39 overflow: hidden; |
31 background: url(../images/marker.png) no-repeat; |
40 background: url(../images/marker.png) no-repeat; |
32 } |
41 } |
|
42 |
|
43 /* farbtastic-rtl */ |
|
44 .rtl .farbtastic .color, |
|
45 .rtl .farbtastic .overlay { |
|
46 left: 0; |
|
47 right: 47px; |
|
48 } |
|
49 |
|
50 .rtl .farbtastic .marker { |
|
51 margin: -8px -8px 0 0; |
|
52 } |