|
136
|
1 |
/* |
|
|
2 |
* imgAreaSelect animated border style |
|
|
3 |
*/ |
|
|
4 |
|
|
|
5 |
.imgareaselect-border1 { |
|
|
6 |
background: url(border-anim-v.gif) repeat-y left top; |
|
|
7 |
} |
|
|
8 |
|
|
|
9 |
.imgareaselect-border2 { |
|
|
10 |
background: url(border-anim-h.gif) repeat-x left top; |
|
|
11 |
} |
|
|
12 |
|
|
|
13 |
.imgareaselect-border3 { |
|
|
14 |
background: url(border-anim-v.gif) repeat-y right top; |
|
|
15 |
} |
|
|
16 |
|
|
|
17 |
.imgareaselect-border4 { |
|
|
18 |
background: url(border-anim-h.gif) repeat-x left bottom; |
|
|
19 |
} |
|
|
20 |
|
|
|
21 |
.imgareaselect-border1, .imgareaselect-border2, |
|
|
22 |
.imgareaselect-border3, .imgareaselect-border4 { |
|
|
23 |
opacity: 0.5; |
|
|
24 |
filter: alpha(opacity=50); |
|
|
25 |
} |
|
|
26 |
|
|
|
27 |
.imgareaselect-handle { |
|
|
28 |
background-color: #fff; |
|
|
29 |
border: solid 1px #000; |
|
|
30 |
opacity: 0.4; |
|
|
31 |
filter: alpha(opacity=40); |
|
|
32 |
} |
|
|
33 |
|
|
|
34 |
.imgareaselect-outer { |
|
|
35 |
background-color: #000; |
|
|
36 |
opacity: 0.4; |
|
|
37 |
filter: alpha(opacity=40); |
|
|
38 |
} |
|
|
39 |
|
|
|
40 |
.imgareaselect-selection { |
|
|
41 |
} |