PluginProbe
Smart Forms – when you need more than just a contact form / 0.6
Smart Forms – when you need more than just a contact form v0.6
trunk 0.5 0.5.5 0.6 0.7 0.8 0.8.5 0.9.1
← All changes | css/formBuilder/custom.css +181 -335 trunk0.6 View file →
@@ -1,425 +1,271 @@
1 -.redNaoHelper{
2 - font-size: 10px !important;
3 - color: #909090 !important;
4 - line-height: 10px !important;
5 - margin-left: 4px !important;
6 - display: block !important;
7 -}
8 1
9 2
10 -.form-inline .col-sm-2,
11 -.form-inline .col-sm-3,
12 -.form-inline .col-sm-4,
13 -.form-inline .col-sm-5,
14 -.form-inline .col-sm-6{
15 - padding-left: 0;
16 -}
17 -.redNaoInputArea {
18 - width:100% !important;
19 -}
20 3
21 4
22 -.bootstrap-wrapper .form-inline .form-control {
23 - width: 100% !important;
5 +.rednaoFormContainer{
6 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
7 + font-size: 14px !important;
8 + line-height: 20px !important;
24 9 }
25 10
26 11
12 +.rednaoFormContainer .rednao_control_label{
27 13
28 -.bootstrap-wrapper .radio{
29 - padding-top: 0 !important;
14 + width: 160px !important;
15 + padding-top: 5px !important;
16 + text-align: right !important;
17 + display: inline !important;
18 + margin-bottom: 5px !important;
30 19 }
31 20
32 -.bootstrap-wrapper .radio-inline,.bootstrap-wrapper .checkbox-inline{
33 - padding-top: 0 !important;
21 +.rednaoFormContainer .redNaoControls{
22 + text-align:left !important;
23 + display: inline-block !important;
24 + margin-left: 5px !important;
34 25 }
35 26
36 -.bootstrap-wrapper .radio label, .checkbox label{
37 - padding-left: 22px;
27 +.rednaoFormContainer .redNaoHelp{
28 + margin:0px !important;
29 + padding:0px !important;
30 + text-align:left !important;
38 31 }
39 32
40 -.bootstrap-wrapper .iradio_minimal,.bootstrap-wrapper .icheckbox_minimal
41 -{
42 - margin-right: 5px !important;
43 -}
44 -
45 -.bootstrap-wrapper .checkbox-inline,.bootstrap-wrapper .radio-inline{
46 - padding-left: 0;
47 -}
48 -
49 -.bootstrap-wrapper .radio-inline label,.bootstrap-wrapper .checkbox-inline label{
50 - font-weight: normal !important;
51 -}
52 -
53 -.bootstrap-wrapper.compact .col-sm-3,
54 -.bootstrap-wrapper.compact .col-sm-4,
55 -.bootstrap-wrapper.compact .col-sm-5,
56 -.bootstrap-wrapper.compact .col-sm-6,
57 -.bootstrap-wrapper.compact .col-sm-7,
58 -.bootstrap-wrapper.compact .col-sm-8,
59 -.bootstrap-wrapper.compact .col-sm-9,
60 -.bootstrap-wrapper.compact .col-sm-10,
61 -.bootstrap-wrapper.compact .col-sm-11,
62 -.bootstrap-wrapper.compact .col-sm-12,
63 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-3,
64 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-4,
65 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-5,
66 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-6,
67 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-7,
68 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-8,
69 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-9,
70 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-10,
71 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-11,
72 -.bootstrap-wrapper.exptop .rednao_label_container.col-sm-12,
73 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-3,
74 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-4,
75 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-5,
76 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-6,
77 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-7,
78 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-8,
79 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-9,
80 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-10,
81 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-11,
82 -.bootstrap-wrapper.exptop .redNaoControls.col-sm-12
83 -
84 -{
33 +.rednaoFormContainer .redNaoLegend{
34 + margin:0px !important;
35 + padding:0px !important;
36 + text-align:left !important;
37 + font-size:21px !important;
38 + line-height:40px !important;
39 + color:#333 !important;
40 + border:0 !important;
41 + border-bottom: 1px solid #e5e5e5 !important;
85 42 width:100% !important;
86 43 }
87 44
88 -.rednao-input-prepend.input-group
89 -{
90 - width:100%;
91 -}
45 +.rednaoFormContainer .redNaoInputText{
92 46
93 -
94 -.bootstrap-wrapper.compact .col-sm-2,.bootstrap-wrapper.top .col-sm-2
95 -{
96 - width:40% !important;
97 -}
98 -
99 -
100 -
101 -
102 -.bootstrap-wrapper.compact .checkbox-inline,.bootstrap-wrapper.compact .radio-inline{
103 - display: block !important;
104 - margin-left: 0;
105 -}
106 -
107 -
108 -
109 -.bootstrap-wrapper.expleft .col-sm-12 {
110 - float:left;
111 - width: 100% !important;;
112 -}
113 -.bootstrap-wrapper.expleft .col-sm-11 {
114 - float:left;
115 - width: 91.66666667% !important;;
116 -}
117 -.bootstrap-wrapper.expleft .col-sm-10 {
118 - float:left;
119 - width: 83.33333333% !important;;
120 -}
121 -.bootstrap-wrapper.expleft .col-sm-9 {
122 - float:left;
123 - width: 75% !important;;
124 -}
125 -.bootstrap-wrapper.expleft .col-sm-8 {
126 - float:left;
127 - width: 66.66666667% !important;;
128 -}
129 -.bootstrap-wrapper.expleft .col-sm-7 {
130 - float:left;
131 - width: 58.33333333% !important;;
132 -}
133 -.bootstrap-wrapper.expleft .col-sm-6 {
134 - float:left;
135 - width: 50% !important;;
136 -}
137 -.bootstrap-wrapper.expleft .col-sm-5 {
138 - float:left;
139 - width: 41.66666667% !important;;
140 -}
141 -.bootstrap-wrapper.expleft .col-sm-4 {
142 - float:left;
143 - width: 33.33333333% !important;;
144 -}
145 -.bootstrap-wrapper.expleft .col-sm-3 {
146 - float:left;
147 - width: 25% !important;;
148 -}
149 -.bootstrap-wrapper.expleft .col-sm-2 {
150 - float:left;
151 - width: 16.66666667% !important;;
152 -}
153 -.bootstrap-wrapper.expleft .col-sm-1 {
154 - float:left;
155 - width: 8.33333333% !important;;
156 -}
157 -
158 -
159 -
160 -
161 -
162 -
163 -
164 -
165 -.smartFormsSlider #ui-datepicker-div{
166 - z-index: 9999999 !important;
167 -}
168 -
169 -.bootstrap-wrapper .form-horizontal .form-group{
170 - margin-left: 0 !important;
171 - margin-right: 0 !important;
172 -}
173 -
174 -.bootstrap-wrapper .radio,.bootstrap-wrapper .checkbox
175 -{
176 - padding-left: 0 !important;
177 -}
178 -
179 -
180 -.control-group *, input[type=text].redNaoInputText{
181 - moz-box-sizing: border-box !important;
182 - -webkit-box-sizing: border-box !important;
183 - -ms-box-sizing: border-box !important;
184 - box-sizing: border-box !important;
185 -
186 -}
187 -
188 -.bootstrap-wrapper .nav-tabs > li > a:hover{
189 - cursor: default;
190 - background-color: #f6f6f6;
191 - border: 1px solid #ddd;
192 - border-bottom-color: transparent;
193 -}
194 -
195 -.bootstrap-wrapper .form-horizontal .has-feedback .form-control-feedback {
196 - top: 0 !important;
197 - right:0 !important;
198 - margin-right: 0 !important;
199 -}
200 -
201 -.bootstrap-wrapper .input-group .glyphicon {
202 - top: 0px;
203 -}
204 -
205 -.has-error .select2-choice,.has-error .select2-choices{
206 - border-color:#a94442;
207 -}
208 -
209 -.bootstrap-wrapper .sfRequiredDot{
210 - color:red !important;
211 - position:absolute !important;
212 - margin-left:2px;
213 -}
214 -
215 -@media (max-width:782px) {
216 - .bootstrap-wrapper .sfRequiredDot{
217 - color:red !important;
218 - position:relative !important;
219 - margin-left:0;
220 - }
221 -}
222 -
223 -#sfTemporalIFrame{
224 - display:none !important;
225 -}
226 -
227 -
228 -.rednaoaddress .cityAndState .form-group.col-sm-6{
229 - margin-bottom:10px;
230 -}
231 -
232 -
233 -.sfClearFloat{
234 - clear:both !important;
235 - width:0 !important;
236 - height:0 !important;
237 - padding:0 !important;
47 + height:20px !important;
48 + width:200px !important;
238 49 margin:0 !important;
50 + vertical-align:middle !important;
51 + background-color: #fff !important;
52 + border: 1px solid #ccc !important;
53 + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
54 + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
55 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
56 + -webkit-transition: border linear .2s, box-shadow linear .2s !important;
57 + -moz-transition: border linear .2s, box-shadow linear .2s !important;
58 + -o-transition: border linear .2s, box-shadow linear .2s !important;
59 + transition: border linear .2s, box-shadow linear .2s !important;
60 + padding: 4px 6px !important;line-height: 20px !important;
61 + -webkit-border-radius: 4px !important;
62 + -moz-border-radius: 4px !important;
63 + border-radius: 4px !important;
64 + box-sizing:content-box !important;
65 + -moz-box-sizing:content-box !important; /* Firefox */
239 66 }
240 67
68 +.rednaoFormContainer .redNaoPrepend{
241 69
242 -
243 -.bootstrap-wrapper .has-feedback-left .form-control {
244 - padding-left: 30px !important;
245 - padding-right: 12px;
70 + margin-right: -5px !important;
71 + vertical-align: top !important;
72 + display: inline-block !important;
73 + width: auto !important;
74 + height: 20px !important;
75 + min-width: 16px !important;
76 + padding: 4px 5px !important;
77 + font-size: 14px !important;
78 + font-weight: normal !important;
79 + line-height: 20px !important;
80 + text-align: center !important;
81 + text-shadow: 0 1px 0 #fff !important;
82 + background-color: #eee !important;border: 1px solid #ccc !important;
83 + -webkit-border-radius: 4px 0 0 4px !important;
84 + -moz-border-radius: 4px 0 0 4px !important;
85 + border-radius: 4px 0 0 4px !important;
246 86 }
247 87
88 +.redNaoPrepend, .redNaoAppend{
89 + box-sizing:content-box !important;
90 + -moz-box-sizing:content-box !important; /* Firefox */
248 91
249 -
250 -.bootstrap-wrapper .has-feedback-left .form-control-feedback {
251 - left: 0;
252 - top:0;
253 92 }
254 93
255 -
256 -.bootstrap-wrapper .input-group.has-feedback-left .form-control-feedback {
257 - left: 0;
94 +.rednaoFormContainer .redNaoAppend{
95 + -webkit-border-radius: 0 4px 4px 0 !important;
96 + -moz-border-radius: 0 4px 4px 0 !important;
97 + border-radius: 0 4px 4px 0 !important;
98 + margin-left: -6px !important;
99 + vertical-align: top !important;
100 + display: inline-block !important;
101 + width: auto !important;
102 + height: 20px !important;
103 + min-width: 16px !important;
104 + padding: 4px 5px !important;
105 + font-size: 14px !important;
106 + font-weight: normal !important;
107 + line-height: 20px !important;
108 + text-align: center !important;
109 + text-shadow: 0 1px 0 #fff !important;
110 + background-color: #eee !important;
111 + border: 1px solid #ccc !important;
258 112 }
259 113
260 -.sfPlaceHolderIcon{
261 - font-size:14px;
262 - color:#ccc;
114 +.rednaoFormContainer .redNaoRealCheckBox{
115 + vertical-align:baseline !important;
263 116 }
264 117
265 -.sfPlaceHolderIcon.sfActive{
266 - color:#66afe9;
267 - -webkit-transition: color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
268 - -o-transition: color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
269 - transition: color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
118 +.rednaoFormContainer .redNaoTextArea{
119 + width:300px !important;
120 + height:50px !important;
121 + background-color: #fff !important;
122 + border: 1px solid #ccc !important;
123 + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
124 + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
125 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
126 + -webkit-transition: border linear .2s, box-shadow linear .2s !important;
127 + -moz-transition: border linear .2s, box-shadow linear .2s !important;
128 + -o-transition: border linear .2s, box-shadow linear .2s !important;
129 + transition: border linear .2s, box-shadow linear .2s !important;
130 + padding: 4px 6px !important;
270 131 }
271 132
133 +.rednaoFormContainer .redNaoInputRadio{
134 + margin-right: 5px !important;
135 + width:auto !important;
136 + margin-top:-1px !important;
272 137
273 -.bootstrap-wrapper .redNaoCheckBox span{
274 - vertical-align:middle;
275 -}
276 138
277 -.bootstrap-wrapper span.text-muted{
278 - cursor:auto !important;
279 139 }
280 140
281 -.bootstrap-wrapper .popover.invalid{
282 - background-color: #B22222 !important;
283 - color:white;
141 +.rednaoFormContainer .redNaoRadio{
142 + padding-right:20px !important;
143 + margin:4px 5px 0 10px !important;
144 + display: block !important;
284 145 }
285 146
286 -.bootstrap-wrapper .popover.invalid{
287 - background-color: #B22222 !important;
288 - color:white;
147 +.rednaoFormContainer .redNaoInputCheckBox{
148 + float: left !important;
149 + margin-top: 4px !important;
150 + margin-right: 5px !important;
151 + width:auto !important;
289 152 }
290 153
291 -.bootstrap-wrapper .popover.invalid.right > .arrow:after{
292 - border-right-color: #B22222 !important;
154 +.rednaoFormContainer .redNaoCheckBox{
155 + padding-top:3px !important;
156 + margin:4px 5px 0 10px !important;
157 + display: block !important;
158 + line-height: 18px
293 159 }
294 160
295 -.bootstrap-wrapper .popover.invalid.left > .arrow:after{
296 - border-left-color: #B22222 !important;
161 +.rednaoFormContainer form{
162 + text-align: center !important;
163 + display: inline-block !important;
297 164 }
298 165
299 -.bootstrap-wrapper .popover.invalid.top > .arrow:after{
300 - border-top-color: #B22222 !important;
166 +.rednaoFormContainer{
167 + text-align: center !important;
301 168 }
302 169
303 -.bootstrap-wrapper .popover.invalid.bottom > .arrow:after{
304 - border-bottom-color: #B22222 !important;
170 +.rednaoFormContainer .redNaoSelect{
171 + width:auto !important;
172 + border: 1px solid #ccc !important;
173 + height:30px !important;
174 + line-height:30px !important;
175 + padding:4px 6px !important;
305 176 }
306 177
307 -.fuelux .popover{
308 - min-width: 160px !important;
178 +.redNaoClearDiv{
179 + clear: both;
309 180 }
310 181
311 -#captcha2.has-error #rc2captcha2 > div{
312 - border-color:#a94442;
313 - border-style:solid;
314 - border-width: 1px;
182 +.rednaoFormContainer .redNaoDonationButton{
183 + margin-left:0px !important;
184 + width:auto !important;
185 + height:auto !important;
315 186 }
316 187
317 -#formSettingsScrollArea{
318 - -mox-box-sizing: content-box;
319 - box-sizing: content-box;
188 +.formelements{
189 + margin:5px !important;
320 190 }
321 191
322 -
323 -.bootstrap-wrapper .form-inline .has-feedback-left .form-control-feedback {
324 - left: 0px;
325 - top:0;
192 +.rednao_label_container{
193 + text-align: right !important;
194 + display: inline-block !important;
195 + vertical-align: top !important;
326 196 }
327 197
328 -.bootstrap-wrapper .jq-ry-container{
329 - padding-left: 0px !important;
198 +.redNaoCompactForm .rednao_label_container{
199 + text-align: left !important;
200 + display: block !important;
201 + margin-bottom: 5px;
330 202 }
331 203
332 -.bootstrap-wrapper .image_picker_selector li{
333 - list-style: none !important;
204 +.redNaoCompactForm.rednaoFormContainer .redNaoTextArea{
205 + width:100% !important;
334 206 }
335 207
336 -.bootstrap-wrapper .rednaoimagepicker .thumbnail{
337 - text-align: center;
338 - margin-bottom: 15px;
208 +.redNaoCompactForm .rednao_label_container,.redNaoCompactForm .redNaoControls
209 +{
210 + width:100% !important;
339 211 }
340 212
341 -.bootstrap-wrapper .rednaoimagepicker .thumbnail p{
342 - margin-bottom: 0 !important;
343 -}
213 +.rednaoFormContainer .redNaoInputText.redNaoInvalid{
214 + border: 1px solid red !important;
344 215
345 -.bootstrap-wrapper .rednaoimagepicker.has-error .thumbnail{
346 - border-color:#a94442;
347 -}
348 216
349 -.bootstrap-wrapper .rednaoimage .redNaoControls{
350 - text-align: center;
351 217 }
352 218
353 -.bootstrap-wrapper .rednaoimage .redNaoControls .rednaoImageImg{
354 - border-color: #dddddd;
355 - border-style: solid;
356 - border-width: 1px;
219 +.rednaoFormContainer .redNaoInputText.redNaoDisabledElement{
220 + background-color: #f5f5f5 !important;
357 221 }
358 222
359 -.bootstrap-wrapper ul.thumbnails.image_picker_selector li {
360 - margin: 0px 10px 0 0px;
223 +.rednaoFormContainer .redNaoInputText.redNaoTwoColumns,.rednaoFormContainer .redNaoSelect.redNaoTwoColumns{
224 + width:140px !important;
361 225 }
362 226
363 -.bootstrap-wrapper .form-group.rednaoimagepicker {
364 - margin-bottom: 0;
227 +.rednaoFormContainer .redNaoInputText.redNaoTwoColumns.redNaoInputArea{
228 + width:60px !important;
365 229 }
366 230
367 -.bootstrap-wrapper .popover.right .popover-content {
368 - min-width: 200px;
231 +.rednaoFormContainer .redNaoTwoColumnsDiv:first-child
232 +{
233 + margin-right:5px !important;
369 234 }
370 235
371 -
372 -.fieldContainerOfFields{
373 - float:left;
374 - width:100%;
236 +.rednaoFormContainer .redNaoCityDiv,.rednaoFormContainer .redNaoZipDiv
237 +{
238 + margin-right:5px !important;
375 239 }
376 240
377 -.signatureContainer{
378 - background-color: #eee;
379 - border-color: #ddd;
380 - border-style: dashed;
381 - border-width: 2px;
382 -
241 +.redNaoHelper{
242 + font-size: 10px !important;
243 + color: #909090 !important;
244 + line-height: 10px !important;
245 + margin-left: 1px !important;
246 + display: block !important;
383 247 }
384 248
385 -.sfClearSignature{
386 249
387 - overflow: hidden !important;;
388 - position: absolute !important;;
389 - padding: 0 1px 0 2px !important;;
390 - right:0px;
250 +.rednaoFormContainer .redNaoInputText.redNaoOneColumn{
251 + width:300px !important;
391 252 }
392 253
393 -.has-error .signatureContainer{
394 - border-color:#a94442;
395 - border-style:solid;
254 +.redNaoStreetAddress1Div,.redNaoStreetAddress2Div,.redNaoCityDiv,.redNaoStateDiv
255 +{
256 + margin-bottom: 10px !important;
396 257 }
397 258
398 -.wtHolder{
399 - width:auto !important;;
400 - height:auto !important;
401 -}
402 259
403 -.repeaterAddButton{
404 - margin:2px !important;
260 +.rednaoFormContainer .redNaoTwoColumnsDiv{
261 + display: inline-block !important;
405 262 }
406 263
407 -.repeaterAddButton span{
408 - margin:0 !important;
409 - padding:0 !important;
264 +.rednaoFormContainer .redNaoInputText.redNaoNumber{
265 + width:80px !important;
266 + text-align: right;
410 267 }
411 268
412 -
413 -.bootstrap-wrapper .col-sm-1,.bootstrap-wrapper .col-sm-2,.bootstrap-wrapper .col-sm-3,.bootstrap-wrapper .col-sm-4,.bootstrap-wrapper .col-sm-5,.bootstrap-wrapper .col-sm-6,.bootstrap-wrapper .col-sm-7,.bootstrap-wrapper .col-sm-8,.bootstrap-wrapper .col-sm-9,.bootstrap-wrapper .col-sm-10,.bootstrap-wrapper .col-sm-11,.col-sm-12{
414 - max-width:100% !important;
415 - flex: 0 1 auto !important;
416 -}
417 -
418 -
419 -.bootstrap-wrapper .has-feedback-left,.bootstrap-wrapper .has-feedback {
420 - position: relative;
421 -}
422 -
423 -.bootstrap-wrapper .bootstrap-timepicker-widget input{
424 - padding:2px;
269 +.redNaoWait,input.redNaoWait[type="submit"]{
270 + cursor: wait;
425 271 }