source: extensions/EasyCaptcha/template/drag.css @ 29531

Last change on this file since 29531 was 26025, checked in by mistic100, 11 years ago

update for 2.6

File size: 2.3 KB
Line 
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}
Note: See TracBrowser for help on using the repository browser.