Skip to content

Commit 8aca477

Browse files
tinny77tinny77
committed
Create validationEngine.jquery.less
1 parent 30b8d04 commit 8aca477

File tree

1 file changed

+188
-0
lines changed

1 file changed

+188
-0
lines changed

‎less/validationEngine.jquery.less

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
@popupBg: #00579a;
2+
@popupTextColor: #FFF;
3+
@borderColor: #FFF;
4+
@borderWidth: 1px;
5+
@popupFontSize: 12px;
6+
@popupRadius: 5px;
7+
@popupShadowWidth: 5px;
8+
@popupShadowColor: #000;
9+
10+
/* Z-INDEX */
11+
.formError { z-index: 990; }
12+
.formError .formErrorContent { z-index: 991; }
13+
.formError .formErrorArrow { z-index: 996; }
14+
15+
.ui-dialog .formError { z-index: 5000; }
16+
.ui-dialog .formError .formErrorContent { z-index: 5001; }
17+
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
18+
19+
20+
21+
22+
.inputContainer {
23+
position: relative;
24+
float: left;
25+
}
26+
27+
.formError {
28+
position: absolute;
29+
top: 300px;
30+
left: 300px;
31+
display: block;
32+
cursor: pointer;
33+
text-align: left;
34+
}
35+
36+
.formError.inline {
37+
position: relative;
38+
top: 0;
39+
left: 0;
40+
display: inline-block;
41+
}
42+
43+
.ajaxSubmit {
44+
padding: 20px;
45+
background: #55ea55;
46+
border: 1px solid #999;
47+
display: none;
48+
}
49+
50+
.formError .formErrorContent {
51+
width: 100%;
52+
background: @popupBg;
53+
position:relative;
54+
color: @popupTextColor;
55+
min-width: 120px;
56+
font-size: @popupFontSize;
57+
border: @borderWidth solid @borderColor;
58+
box-shadow: 0 0 @popupShadowWidth @popupShadowColor;
59+
-moz-box-shadow: 0 0 @popupShadowWidth @popupShadowColor;
60+
-webkit-box-shadow: 0 0 @popupShadowWidth @popupShadowColor;
61+
-o-box-shadow: 0 0 @popupShadowWidth @popupShadowColor;
62+
padding: 4px 10px 4px 10px;
63+
border-radius: @popupRadius;
64+
-moz-border-radius: @popupRadius;
65+
-webkit-border-radius: @popupRadius;
66+
-o-border-radius: @popupRadius;
67+
}
68+
69+
.formError.inline .formErrorContent {
70+
box-shadow: none;
71+
-moz-box-shadow: none;
72+
-webkit-box-shadow: none;
73+
-o-box-shadow: none;
74+
border: none;
75+
border-radius: 0;
76+
-moz-border-radius: 0;
77+
-webkit-border-radius: 0;
78+
-o-border-radius: 0;
79+
}
80+
81+
.greenPopup .formErrorContent {
82+
background: #33be40;
83+
}
84+
85+
.blackPopup .formErrorContent {
86+
background: #393939;
87+
color: #FFF;
88+
}
89+
90+
.formError .formErrorArrow {
91+
width: 15px;
92+
margin: -2px 0 0 13px;
93+
position:relative;
94+
}
95+
body[dir='rtl'] .formError .formErrorArrow,
96+
body.rtl .formError .formErrorArrow {
97+
margin: -2px 13px 0 0;
98+
}
99+
100+
.formError .formErrorArrowBottom {
101+
box-shadow: none;
102+
-moz-box-shadow: none;
103+
-webkit-box-shadow: none;
104+
-o-box-shadow: none;
105+
margin: 0px 0 0 12px;
106+
top:2px;
107+
}
108+
109+
.formError .formErrorArrow div {
110+
border-left: @borderWidth solid @borderColor;
111+
border-right: @borderWidth solid @borderColor;
112+
box-shadow: 0 ceil(@popupShadowWidth/3) ceil(@popupShadowWidth/2) lighten(@popupShadowColor,10%);
113+
-moz-box-shadow: 0 ceil(@popupShadowWidth/3) ceil(@popupShadowWidth/2) lighten(@popupShadowColor,10%);
114+
-webkit-box-shadow: 0 ceil(@popupShadowWidth/3) ceil(@popupShadowWidth/2) lighten(@popupShadowColor,10%);
115+
-o-box-shadow: 0 ceil(@popupShadowWidth/3) ceil(@popupShadowWidth/2) lighten(@popupShadowColor,10%);
116+
font-size: 0px;
117+
height: 1px;
118+
background: @popupBg;
119+
margin: 0 auto;
120+
line-height: 0;
121+
font-size: 0;
122+
display: block;
123+
}
124+
125+
.formError .formErrorArrowBottom div {
126+
box-shadow: none;
127+
-moz-box-shadow: none;
128+
-webkit-box-shadow: none;
129+
-o-box-shadow: none;
130+
}
131+
132+
.greenPopup .formErrorArrow div {
133+
background: #33be40;
134+
}
135+
136+
.blackPopup .formErrorArrow div {
137+
background: #393939;
138+
color: #FFF;
139+
}
140+
141+
.formError .formErrorArrow .line10 {
142+
width: 15px;
143+
border: none;
144+
}
145+
146+
.formError .formErrorArrow .line9 {
147+
width: 13px;
148+
border: none;
149+
}
150+
151+
.formError .formErrorArrow .line8 {
152+
width: 11px;
153+
}
154+
155+
.formError .formErrorArrow .line7 {
156+
width: 9px;
157+
}
158+
159+
.formError .formErrorArrow .line6 {
160+
width: 7px;
161+
}
162+
163+
.formError .formErrorArrow .line5 {
164+
width: 5px;
165+
}
166+
167+
.formError .formErrorArrow .line4 {
168+
width: 3px;
169+
}
170+
171+
.formError .formErrorArrow .line3 {
172+
width: ceil(@borderWidth/2);
173+
border-left: @borderWidth solid @borderColor;
174+
border-right: @borderWidth solid @borderColor;
175+
border-bottom: 0 solid @borderColor;
176+
}
177+
178+
.formError .formErrorArrow .line2 {
179+
width: 3px;
180+
border: none;
181+
background: @borderColor;
182+
}
183+
184+
.formError .formErrorArrow .line1 {
185+
width: 1px;
186+
border: none;
187+
background: @borderColor;
188+
}

0 commit comments

Comments
 (0)