PluginProbe
Smart Forms – when you need more than just a contact form / trunk
Smart Forms – when you need more than just a contact form vtrunk
trunk 0.5 0.5.5 0.6 0.7 0.8 0.8.5 0.9.1
smart-forms / css / formBuilder / custom.css

custom.css in Smart Forms – when you need more than just a contact form trunk, at css/formBuilder/custom.css

425 lines 9.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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
9
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
21
22 .bootstrap-wrapper .form-inline .form-control {
23 width: 100% !important;
24 }
25
26
27
28 .bootstrap-wrapper .radio{
29 padding-top: 0 !important;
30 }
31
32 .bootstrap-wrapper .radio-inline,.bootstrap-wrapper .checkbox-inline{
33 padding-top: 0 !important;
34 }
35
36 .bootstrap-wrapper .radio label, .checkbox label{
37 padding-left: 22px;
38 }
39
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 {
85 width:100% !important;
86 }
87
88 .rednao-input-prepend.input-group
89 {
90 width:100%;
91 }
92
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;
238 margin:0 !important;
239 }
240
241
242
243 .bootstrap-wrapper .has-feedback-left .form-control {
244 padding-left: 30px !important;
245 padding-right: 12px;
246 }
247
248
249
250 .bootstrap-wrapper .has-feedback-left .form-control-feedback {
251 left: 0;
252 top:0;
253 }
254
255
256 .bootstrap-wrapper .input-group.has-feedback-left .form-control-feedback {
257 left: 0;
258 }
259
260 .sfPlaceHolderIcon{
261 font-size:14px;
262 color:#ccc;
263 }
264
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;
270 }
271
272
273 .bootstrap-wrapper .redNaoCheckBox span{
274 vertical-align:middle;
275 }
276
277 .bootstrap-wrapper span.text-muted{
278 cursor:auto !important;
279 }
280
281 .bootstrap-wrapper .popover.invalid{
282 background-color: #B22222 !important;
283 color:white;
284 }
285
286 .bootstrap-wrapper .popover.invalid{
287 background-color: #B22222 !important;
288 color:white;
289 }
290
291 .bootstrap-wrapper .popover.invalid.right > .arrow:after{
292 border-right-color: #B22222 !important;
293 }
294
295 .bootstrap-wrapper .popover.invalid.left > .arrow:after{
296 border-left-color: #B22222 !important;
297 }
298
299 .bootstrap-wrapper .popover.invalid.top > .arrow:after{
300 border-top-color: #B22222 !important;
301 }
302
303 .bootstrap-wrapper .popover.invalid.bottom > .arrow:after{
304 border-bottom-color: #B22222 !important;
305 }
306
307 .fuelux .popover{
308 min-width: 160px !important;
309 }
310
311 #captcha2.has-error #rc2captcha2 > div{
312 border-color:#a94442;
313 border-style:solid;
314 border-width: 1px;
315 }
316
317 #formSettingsScrollArea{
318 -mox-box-sizing: content-box;
319 box-sizing: content-box;
320 }
321
322
323 .bootstrap-wrapper .form-inline .has-feedback-left .form-control-feedback {
324 left: 0px;
325 top:0;
326 }
327
328 .bootstrap-wrapper .jq-ry-container{
329 padding-left: 0px !important;
330 }
331
332 .bootstrap-wrapper .image_picker_selector li{
333 list-style: none !important;
334 }
335
336 .bootstrap-wrapper .rednaoimagepicker .thumbnail{
337 text-align: center;
338 margin-bottom: 15px;
339 }
340
341 .bootstrap-wrapper .rednaoimagepicker .thumbnail p{
342 margin-bottom: 0 !important;
343 }
344
345 .bootstrap-wrapper .rednaoimagepicker.has-error .thumbnail{
346 border-color:#a94442;
347 }
348
349 .bootstrap-wrapper .rednaoimage .redNaoControls{
350 text-align: center;
351 }
352
353 .bootstrap-wrapper .rednaoimage .redNaoControls .rednaoImageImg{
354 border-color: #dddddd;
355 border-style: solid;
356 border-width: 1px;
357 }
358
359 .bootstrap-wrapper ul.thumbnails.image_picker_selector li {
360 margin: 0px 10px 0 0px;
361 }
362
363 .bootstrap-wrapper .form-group.rednaoimagepicker {
364 margin-bottom: 0;
365 }
366
367 .bootstrap-wrapper .popover.right .popover-content {
368 min-width: 200px;
369 }
370
371
372 .fieldContainerOfFields{
373 float:left;
374 width:100%;
375 }
376
377 .signatureContainer{
378 background-color: #eee;
379 border-color: #ddd;
380 border-style: dashed;
381 border-width: 2px;
382
383 }
384
385 .sfClearSignature{
386
387 overflow: hidden !important;;
388 position: absolute !important;;
389 padding: 0 1px 0 2px !important;;
390 right:0px;
391 }
392
393 .has-error .signatureContainer{
394 border-color:#a94442;
395 border-style:solid;
396 }
397
398 .wtHolder{
399 width:auto !important;;
400 height:auto !important;
401 }
402
403 .repeaterAddButton{
404 margin:2px !important;
405 }
406
407 .repeaterAddButton span{
408 margin:0 !important;
409 padding:0 !important;
410 }
411
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;
425 }