1 | #easycaptcha, #easycaptcha_noscript { |
---|
2 | display: inline-block; |
---|
3 | position: relative; |
---|
4 | padding: 10px; |
---|
5 | border-radius: 8px; |
---|
6 | background: {$EASYCAPTCHA.drag.bg1}; |
---|
7 | background: -webkit-linear-gradient(top, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
8 | background: -moz-linear-gradient(top, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
9 | background: -ms-linear-gradient(top, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
10 | background: -o-linear-gradient(top, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
11 | background: linear-gradient(to bottom, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
12 | color: {$EASYCAPTCHA.drag.txt}; |
---|
13 | } |
---|
14 | #easycaptcha .drag_item { |
---|
15 | position: absolute; |
---|
16 | top: 15px; |
---|
17 | width: {$EASYCAPTCHA.drag.size}px; |
---|
18 | height: {$EASYCAPTCHA.drag.size}px; |
---|
19 | border-radius: 5px; |
---|
20 | border: 1px solid {$EASYCAPTCHA.drag.bd1}; |
---|
21 | background: {$EASYCAPTCHA.drag.obj}; |
---|
22 | z-index: 10; |
---|
23 | cursor: move; |
---|
24 | } |
---|
25 | #easycaptcha .drag_item.active { |
---|
26 | z-index: 100; |
---|
27 | opacity: 0.75; |
---|
28 | } |
---|
29 | #easycaptcha .drag_item img { |
---|
30 | width: {$EASYCAPTCHA.drag.size}px; |
---|
31 | height: {$EASYCAPTCHA.drag.size}px; |
---|
32 | border-radius: 5px; |
---|
33 | } |
---|
34 | #easycaptcha .drop_zone { |
---|
35 | padding: 5px; |
---|
36 | width: {$EASYCAPTCHA.drag.size}px; |
---|
37 | height: {$EASYCAPTCHA.drag.size}px; |
---|
38 | margin-left: {math equation='15+(x+5)*y' x=$EASYCAPTCHA.drag.size y=$EASYCAPTCHA.drag.nb}px; |
---|
39 | line-height: {$EASYCAPTCHA.drag.size}px; |
---|
40 | background: {$EASYCAPTCHA.drag.bg1}; |
---|
41 | background: -webkit-linear-gradient(bottom, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
42 | background: -moz-linear-gradient(bottom, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
43 | background: -ms-linear-gradient(bottom, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
44 | background: -o-linear-gradient(bottom, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
45 | background: linear-gradient(to top, {$EASYCAPTCHA.drag.bg1} 0%, {$EASYCAPTCHA.drag.bg2} 100%); |
---|
46 | border: 1px dotted {$EASYCAPTCHA.drag.bd2}; |
---|
47 | border-radius: 5px; |
---|
48 | text-align: center; |
---|
49 | text-transform: uppercase; |
---|
50 | color: {$EASYCAPTCHA.drag.txt}; |
---|
51 | } |
---|
52 | #easycaptcha .drop_zone.active { |
---|
53 | background: {$EASYCAPTCHA.drag.sel}; |
---|
54 | } |
---|
55 | #easycaptcha .drop_zone.valid { |
---|
56 | background: {$EASYCAPTCHA.drag.sel}; |
---|
57 | box-shadow: 0 0 0 2px {$EASYCAPTCHA.drag.sel}; |
---|
58 | } |
---|