]> Dogcows Code - chaz/chatty/blob - root/static/css/validationEngine.jquery.css
better client-side form validation; layout tweaks
[chaz/chatty] / root / static / css / validationEngine.jquery.css
1 .inputContainer {
2 position: relative;
3 float: left;
4 }
5
6 .formError {
7 position: absolute;
8 top: 300px;
9 left: 300px;
10 display: block;
11 z-index: 5000;
12 cursor: pointer;
13 }
14
15 .ajaxSubmit {
16 padding: 20px;
17 background: #55ea55;
18 border: 1px solid #999;
19 display: none
20 }
21
22 .formError .formErrorContent {
23 width: 100%;
24 background: #ee0101;
25 position:relative;
26 z-index:5001;
27 color: #fff;
28 width: 175px;
29 font-family: tahoma;
30 font-size: 11px;
31 border: 2px solid #ddd;
32 box-shadow: 0 0 6px #000;
33 -moz-box-shadow: 0 0 6px #000;
34 -webkit-box-shadow: 0 0 6px #000;
35 padding: 4px 10px 4px 10px;
36 border-radius: 6px;
37 -moz-border-radius: 6px;
38 -webkit-border-radius: 6px;
39 }
40
41 .greenPopup .formErrorContent {
42 background: #33be40;
43 }
44
45 .blackPopup .formErrorContent {
46 background: #393939;
47 color: #FFF;
48 }
49
50 .formError .formErrorArrow {
51 width: 15px;
52 margin: -2px 0 0 13px;
53 position:relative;
54 z-index: 5006;
55 }
56
57 .formError .formErrorArrowBottom {
58 box-shadow: none;
59 -moz-box-shadow: none;
60 -webkit-box-shadow: none;
61 margin: 0px 0 0 12px;
62 top:2px;
63 }
64
65 .formError .formErrorArrow div {
66 border-left: 2px solid #ddd;
67 border-right: 2px solid #ddd;
68 box-shadow: 0 2px 3px #444;
69 -moz-box-shadow: 0 2px 3px #444;
70 -webkit-box-shadow: 0 2px 3px #444;
71 font-size: 0px;
72 height: 1px;
73 background: #ee0101;
74 margin: 0 auto;
75 line-height: 0;
76 font-size: 0;
77 display: block;
78 }
79
80 .formError .formErrorArrowBottom div {
81 box-shadow: none;
82 -moz-box-shadow: none;
83 -webkit-box-shadow: none;
84 }
85
86 .greenPopup .formErrorArrow div {
87 background: #33be40;
88 }
89
90 .blackPopup .formErrorArrow div {
91 background: #393939;
92 color: #FFF;
93 }
94
95 .formError .formErrorArrow .line10 {
96 width: 15px;
97 border: none;
98 }
99
100 .formError .formErrorArrow .line9 {
101 width: 13px;
102 border: none;
103 }
104
105 .formError .formErrorArrow .line8 {
106 width: 11px;
107 }
108
109 .formError .formErrorArrow .line7 {
110 width: 9px;
111 }
112
113 .formError .formErrorArrow .line6 {
114 width: 7px;
115 }
116
117 .formError .formErrorArrow .line5 {
118 width: 5px;
119 }
120
121 .formError .formErrorArrow .line4 {
122 width: 3px;
123 }
124
125 .formError .formErrorArrow .line3 {
126 width: 1px;
127 border-left: 2px solid #ddd;
128 border-right: 2px solid #ddd;
129 border-bottom: 0 solid #ddd;
130 }
131
132 .formError .formErrorArrow .line2 {
133 width: 3px;
134 border: none;
135 background: #ddd;
136 }
137
138 .formError .formErrorArrow .line1 {
139 width: 1px;
140 border: none;
141 background: #ddd;
142 }
This page took 0.037367 seconds and 4 git commands to generate.