PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 2.05.09
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v2.05.09
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
formidable / css / custom_theme.css.php

custom_theme.css.php in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 2.05.09, at css/custom_theme.css.php

1,119 lines 26.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if ( ! isset( $saving ) ) {
3 header( 'Content-type: text/css' );
4
5 if ( isset( $css ) && $css ) {
6 echo $css;
7 die();
8 }
9 }
10
11 if ( ! isset( $frm_style ) ) {
12 $frm_style = new FrmStyle();
13 }
14
15 $styles = $frm_style->get_all();
16 $default_style = $frm_style->get_default_style( $styles );
17 $defaults = FrmStylesHelper::get_settings_for_output( $default_style );
18
19 ?>
20
21 .frm_form_field .grecaptcha-badge,
22 .frm_hidden,
23 .with_frm_style .frm_button.frm_hidden{
24 display:none;
25 }
26
27 form input.frm_verify{
28 display:none !important;
29 }
30
31 .with_frm_style fieldset{
32 min-width:0;
33 }
34
35 legend.frm_hidden{
36 display:none !important;
37 }
38
39 .with_frm_style .frm_form_fields{
40 opacity:1;
41 transition: opacity 0.1s linear;
42 }
43 .with_frm_style .frm_doing_ajax{
44 opacity:.5;
45 }
46
47 .frm_transparent{
48 color:transparent;
49 }
50
51 .input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{
52 background-color:transparent;
53 border:none;
54 outline:none;
55 box-shadow:none;
56 }
57
58 .with_frm_style input[type=file]{
59 display:initial;
60 }
61
62 .frm_preview_page:before{
63 content:normal !important;
64 }
65
66 .frm_preview_page{
67 padding:25px;
68 }
69
70 .with_frm_style .form-field.frm_col_field{
71 clear:none;
72 float:left;
73 margin-right:20px;
74 }
75
76 .with_frm_style label.frm_primary_label{
77 max-width:100%;
78 }
79
80 .with_frm_style .frm_top_container label.frm_primary_label,
81 .with_frm_style .frm_hidden_container label.frm_primary_label,
82 .with_frm_style .frm_pos_top{
83 display:block;
84 float:none;
85 width:auto;
86 }
87
88 .with_frm_style .frm_inline_container label.frm_primary_label{
89 margin-right:10px;
90 }
91
92 .with_frm_style .frm_right_container label.frm_primary_label,
93 .with_frm_style .frm_pos_right{
94 display:inline;
95 float:right;
96 margin-left:10px;
97 }
98
99 .with_frm_style .frm_none_container label.frm_primary_label,
100 .with_frm_style .frm_pos_none,
101 .frm_none_container label.frm_primary_label{
102 display:none;
103 }
104
105 .with_frm_style .frm_section_heading.frm_hide_section{
106 margin-top:0 !important;
107 }
108
109 .with_frm_style .frm_hidden_container label.frm_primary_label,
110 .with_frm_style .frm_pos_hidden,
111 .frm_hidden_container label.frm_primary_label{
112 visibility:hidden;
113 }
114
115 .with_frm_style .frm_inside_container label.frm_primary_label{
116 opacity:0;
117 transition: opacity 0.1s linear;
118 }
119
120 .with_frm_style .frm_inside_container label.frm_visible,
121 .frm_visible{
122 opacity:1;
123 }
124
125 .with_frm_style .frm_description{
126 clear:both;
127 }
128
129 .with_frm_style .frm_scale{
130 margin-right:10px;
131 text-align:center;
132 float:left;
133 }
134
135 .with_frm_style .frm_scale input{
136 display:block;
137 margin:0;
138 }
139
140 .with_frm_style input[type=number][readonly]{
141 -moz-appearance: textfield;
142 }
143
144 .with_frm_style select[multiple="multiple"]{
145 height:auto;
146 line-height:normal;
147 }
148
149 .with_frm_style select{
150 white-space:pre-wrap;
151 }
152
153 .with_frm_style .frm_catlevel_2,
154 .with_frm_style .frm_catlevel_3,
155 .with_frm_style .frm_catlevel_4,
156 .with_frm_style .frm_catlevel_5{
157 margin-left:18px;
158 }
159
160 .with_frm_style .wp-editor-container{
161 border:1px solid #e5e5e5;
162 }
163
164 .with_frm_style .quicktags-toolbar input{
165 font-size:12px !important;
166 }
167
168 .with_frm_style .wp-editor-container textarea{
169 border:none;
170 }
171
172 .with_frm_style textarea{
173 height:auto;
174 }
175
176 .with_frm_style .auto_width #loginform input,
177 .with_frm_style .auto_width input,
178 .with_frm_style input.auto_width,
179 .with_frm_style select.auto_width,
180 .with_frm_style textarea.auto_width{
181 width:auto;
182 }
183
184 .with_frm_style .frm_repeat_buttons{
185 white-space:nowrap;
186 }
187
188 .with_frm_style .frm_button{
189 text-decoration:none;
190 border:1px solid #eee;
191 padding:5px;
192 display:inline;
193 }
194
195 .with_frm_style .frm_submit{
196 clear:both;
197 }
198
199 .frm_inline_form .frm_form_field.form-field{
200 margin-right:2.5%;
201 display:inline-block;
202 }
203
204 .frm_inline_form .frm_submit{
205 display:inline-block;
206 }
207
208 .with_frm_style.frm_center_submit .frm_submit{
209 text-align:center;
210 }
211
212 .with_frm_style.frm_center_submit .frm_submit input[type=submit],
213 .with_frm_style.frm_center_submit .frm_submit input[type=button],
214 .with_frm_style.frm_center_submit .frm_submit button{
215 margin-bottom:8px !important;
216 }
217
218 .with_frm_style .frm_submit input[type=submit],
219 .with_frm_style .frm_submit input[type=button],
220 .with_frm_style .frm_submit button{
221 -webkit-appearance: none;
222 cursor: pointer;
223 }
224
225 .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{
226 display: block;
227 margin: 0 auto;
228 }
229
230 .with_frm_style .frm_loading_form .frm_ajax_loading{
231 /* keep this for reverse compatibility for old HTML */
232 visibility:visible !important;
233 }
234
235 .with_frm_style .frm_loading_form .frm_button_submit {
236 position: relative;
237 opacity: .8;
238 color: transparent !important;
239 text-shadow: none !important;
240 }
241
242 .with_frm_style .frm_loading_form .frm_button_submit:hover,
243 .with_frm_style .frm_loading_form .frm_button_submit:active,
244 .with_frm_style .frm_loading_form .frm_button_submit:focus {
245 cursor: not-allowed;
246 color: transparent;
247 outline: none !important;
248 box-shadow: none;
249 }
250
251 .with_frm_style .frm_loading_form .frm_button_submit:before {
252 content: '';
253 display: inline-block;
254
255 position: absolute;
256 background: transparent;
257 border: 1px solid #fff;
258 border-top-color: transparent;
259 border-left-color: transparent;
260 border-radius: 50%;
261
262 box-sizing: border-box;
263 <?php $loader_size = 20; ?>
264 top: 50%;
265 left: 50%;
266 margin-top: -<?php echo absint( $loader_size / 2 ) ?>px;
267 margin-left: -<?php echo absint( $loader_size / 2 ) ?>px;
268 width: <?php echo absint( $loader_size ) ?>px;
269 height: <?php echo absint( $loader_size ) ?>px;
270
271 -webkit-animation: spin 2s linear infinite;
272 -moz-animation: spin 2s linear infinite;
273 -o-animation: spin 2s linear infinite;
274 animation: spin 2s linear infinite;
275 }
276
277 @keyframes spin {
278 0% { transform: rotate(0deg); }
279 100% { transform: rotate(360deg); }
280 }
281
282 <?php
283 foreach ( $styles as $style ) {
284 include( dirname( __FILE__ ) . '/_single_theme.css.php' );
285 unset( $style );
286 }
287 ?>
288
289 .frm_ajax_loading{
290 visibility:hidden;
291 width:auto;
292 }
293
294 .frm_form_submit_style{
295 height:auto;
296 }
297
298 a.frm_save_draft{
299 cursor:pointer;
300 }
301
302 .horizontal_radio .frm_radio{
303 margin:0 5px 0 0;
304 }
305
306 .horizontal_radio .frm_checkbox{
307 margin:0;
308 margin-right:5px;
309 }
310
311 .vertical_radio .frm_checkbox,
312 .vertical_radio .frm_radio,
313 .vertical_radio .frm_catlevel_1{
314 display:block;
315 }
316
317 .horizontal_radio .frm_checkbox,
318 .horizontal_radio .frm_radio,
319 .horizontal_radio .frm_catlevel_1{
320 display:inline-block;
321 }
322
323 .frm_file_container .frm_file_link,
324 .with_frm_style .frm_radio label .frm_file_container,
325 .with_frm_style .frm_checkbox label .frm_file_container{
326 display:inline-block;
327 margin:5px;
328 vertical-align:middle;
329 }
330
331 .with_frm_style .frm_radio input[type=radio]{
332 border-radius:10px;
333 -webkit-appearance:radio;
334 }
335
336 .with_frm_style .frm_checkbox input[type=checkbox]{
337 border-radius:0;
338 -webkit-appearance:checkbox;
339 }
340
341 .with_frm_style .frm_radio input[type=radio],
342 .with_frm_style .frm_checkbox input[type=checkbox]{
343 display:inline-block;
344 margin-right:5px;
345 width:auto;
346 border:none;
347 vertical-align:baseline;
348 }
349
350 .with_frm_style :invalid,
351 .with_frm_style :-moz-submit-invalid,
352 .with_frm_style :-moz-ui-invalid{
353 box-shadow:none;
354 }
355
356 .with_frm_style .frm_error_style img{
357 padding-right:10px;
358 vertical-align:middle;
359 border:none;
360 }
361
362 .with_frm_style .frm_trigger{
363 cursor:pointer;
364 }
365
366 .with_frm_style .frm_error_style,
367 .with_frm_style .frm_message,
368 .frm_success_style{
369 -moz-border-radius:4px;
370 -webkit-border-radius:4px;
371 border-radius:4px;
372 padding:15px;
373 }
374
375 .with_frm_style .frm_message p{
376 margin-bottom:5px;
377 }
378
379 .frm_form_fields_style,
380 .frm_form_fields_active_style,
381 .frm_form_fields_error_style,
382 .frm_form_submit_style{
383 width:auto;
384 }
385
386 .with_frm_style .frm_trigger span{
387 float:left;
388 }
389
390 .with_frm_style table.frm-grid,
391 #content .with_frm_style table.frm-grid{
392 border-collapse:collapse;
393 border:none;
394 }
395
396 .frm-grid td,
397 .frm-grid th{
398 padding:5px;
399 border-width:1px;
400 border-style:solid;
401 border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
402 border-top:none;
403 border-left:none;
404 border-right:none;
405 }
406
407 table.form_results.with_frm_style{
408 border:1px solid #ccc;
409 }
410
411 table.form_results.with_frm_style tr td{
412 text-align:left;
413 color:<?php echo esc_html( $defaults['text_color'] ) ?>;
414 padding:7px 9px;
415 border-top:1px solid <?php echo esc_html( $defaults['border_color'] ) ?>;
416 }
417
418 table.form_results.with_frm_style tr.frm_even,
419 .frm-grid .frm_even{
420 background-color:#fff;
421 }
422
423 table.form_results.with_frm_style tr.frm_odd,
424 .frm-grid .frm_odd{
425 background-color:<?php echo esc_html( $defaults['bg_color_active'] ) ?>;
426 }
427
428 .frm_collapse .ui-icon{
429 display:inline-block;
430 }
431
432 .frm_toggle_container{
433 /* Prevent the slide and bounce */
434 border:1px solid transparent;
435 }
436
437 .frm_toggle_container ul{
438 margin:5px 0;
439 padding-left:0;
440 list-style-type:none;
441 }
442
443 .frm_toggle_container .frm_month_heading{
444 text-indent:15px;
445 }
446
447 .frm_toggle_container .frm_month_listing{
448 margin-left:40px;
449 }
450
451 #frm_loading{
452 display:none;
453 position:fixed;
454 top:0;
455 left:0;
456 width:100%;
457 height:100%;
458 z-index:99999;
459 }
460
461 #frm_loading h3{
462 font-weight:500;
463 padding-bottom:15px;
464 color:#fff;
465 font-size:24px;
466 }
467
468 #frm_loading_content{
469 position:fixed;
470 top:20%;
471 left:33%;
472 width:33%;
473 text-align:center;
474 padding-top:30px;
475 font-weight:bold;
476 z-index:9999999;
477 }
478
479 #frm_loading img{
480 max-width:100%;
481 }
482
483 #frm_loading .progress{
484 border-radius:4px;
485 box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
486 height:20px;
487 margin-bottom:20px;
488 overflow:hidden;
489 }
490
491 #frm_loading .progress.active .progress-bar{
492 animation:2s linear 0s normal none infinite progress-bar-stripes;
493 }
494
495 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
496 #frm_loading .progress-striped .progress-bar{
497 background-image:linear-gradient(45deg, <?php echo esc_html( $defaults['border_color'] ) ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $defaults['border_color'] ) ?> 50%, <?php echo esc_html( $defaults['border_color'] ) ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
498 background-size:40px 40px;
499 }
500 <?php } ?>
501
502 #frm_loading .progress-bar{
503 background-color:<?php echo esc_html( empty( $defaults['bg_color'] ) ? 'transparent' : $defaults['bg_color'] ); ?>;
504 box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
505 float:left;
506 height:100%;
507 line-height:20px;
508 text-align:center;
509 transition:width 0.6s ease 0s;
510 width:100%;
511 }
512
513 .frm_image_from_url{
514 height:50px;
515 }
516
517 .frm-loading-img{
518 background:url(<?php echo FrmAppHelper::relative_plugin_url() ?>/images/ajax_loader.gif) no-repeat center center;
519 padding:6px 12px;
520 }
521
522 select.frm_loading_lookup{
523 background-image: url(<?php echo FrmAppHelper::relative_plugin_url() ?>/images/ajax_loader.gif) !important;
524 background-position: 10px;
525 background-repeat: no-repeat;
526 color: transparent !important;
527 }
528
529 <?php include( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
530
531 /* Left and right label styling for non-Formidable styling - very basic, not responsive */
532 .frm_form_field.frm_left_container label.frm_primary_label{
533 float:left;
534 display:inline;
535 max-width:33%;
536 margin-right:10px;
537 }
538
539 .with_frm_style .frm_conf_field.frm_left_container label.frm_primary_label{
540 display:inline;
541 visibility:hidden;
542 }
543
544 .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]),
545 .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select,
546 .frm_form_field.frm_left_container textarea,
547 .frm_form_field.frm_left_container .wp-editor-wrap,
548 .frm_form_field.frm_left_container .frm_opt_container,
549 .frm_form_field.frm_left_container .frm_dropzone,
550 .frm_form_field.frm_left_container .frm-g-recaptcha,
551 .frm_form_field.frm_left_container .g-recaptcha,
552 .frm_form_field.frm_left_container .chosen-container,
553 .frm_form_field.frm_left_container .frm_combo_inputs_container,
554 .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]),
555 .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select,
556 .frm_form_field.frm_right_container textarea,
557 .frm_form_field.frm_right_container .wp-editor-wrap,
558 .frm_form_field.frm_right_container .frm_opt_container,
559 .frm_form_field.frm_right_container .frm_dropzone,
560 .frm_form_field.frm_right_container .frm-g-recaptcha,
561 .frm_form_field.frm_right_container .g-recaptcha,
562 .frm_form_field.frm_right_container .chosen-container,
563 .frm_form_field.frm_right_container .frm_combo_inputs_container{
564 max-width:62%;
565 }
566
567 .frm_form_field.frm_left_container .frm_combo_inputs_container input,
568 .frm_form_field.frm_left_container .frm_combo_inputs_container select,
569 .frm_form_field.frm_right_container .frm_combo_inputs_container input,
570 .frm_form_field.frm_right_container .frm_combo_inputs_container select{
571 max-width:100%;
572 }
573
574 .frm_form_field.frm_left_container .frm_opt_container,
575 .frm_form_field.frm_right_container .frm_opt_container,
576 .frm_form_field.frm_inline_container .frm_opt_container,
577 .frm_form_field.frm_left_container .frm_combo_inputs_container,
578 .frm_form_field.frm_right_container .frm_combo_inputs_container,
579 .frm_form_field.frm_inline_container .frm_combo_inputs_container,
580 .frm_form_field.frm_left_container .wp-editor-wrap,
581 .frm_form_field.frm_right_container .wp-editor-wrap,
582 .frm_form_field.frm_inline_container .wp-editor-wrap,
583 .frm_form_field.frm_left_container .frm_dropzone,
584 .frm_form_field.frm_right_container .frm_dropzone,
585 .frm_form_field.frm_inline_container .frm_dropzone,
586 .frm_form_field.frm_left_container .frm-g-recaptcha,
587 .frm_form_field.frm_right_container .frm-g-recaptcha,
588 .frm_form_field.frm_inline_container .frm-g-recaptcha,
589 .frm_form_field.frm_left_container .g-recaptcha,
590 .frm_form_field.frm_right_container .g-recaptcha,
591 .frm_form_field.frm_inline_container .g-recaptcha{
592 display:inline-block;
593 }
594
595 .frm_form_field.frm_left_half.frm_left_container .frm_primary_label,
596 .frm_form_field.frm_right_half.frm_left_container .frm_primary_label,
597 .frm_form_field.frm_left_half.frm_right_container .frm_primary_label,
598 .frm_form_field.frm_right_half.frm_right_container .frm_primary_label,
599 .frm_form_field.frm_first_half.frm_left_container .frm_primary_label,
600 .frm_form_field.frm_last_half.frm_left_container .frm_primary_label,
601 .frm_form_field.frm_first_half.frm_right_container .frm_primary_label,
602 .frm_form_field.frm_last_half.frm_right_container .frm_primary_label,
603 .frm_form_field.frm_half.frm_right_container .frm_primary_label,
604 .frm_form_field.frm_half.frm_left_container .frm_primary_label{
605 -webkit-box-sizing:border-box;
606 -moz-box-sizing:border-box;
607 box-sizing:border-box;
608 max-width:33%;
609 }
610 /* End of left and right label styling */
611
612 .wp-editor-wrap *,
613 .wp-editor-wrap *:after,
614 .wp-editor-wrap *:before{
615 -webkit-box-sizing:content-box;
616 -moz-box-sizing:content-box;
617 box-sizing:content-box;
618 }
619
620 .with_frm_style .frm_grid,
621 .with_frm_style .frm_grid_first,
622 .with_frm_style .frm_grid_odd{
623 clear:both;
624 margin-bottom:0 !important;
625 padding:5px;
626 border-width:1px;
627 border-style:solid;
628 border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
629 border-left:none;
630 border-right:none;
631 }
632
633 .with_frm_style .frm_grid,
634 .with_frm_style .frm_grid_odd{
635 border-top:none;
636 }
637
638 .frm_grid .frm_error,
639 .frm_grid_first .frm_error,
640 .frm_grid_odd .frm_error{
641 display:none;
642 }
643
644 .frm_grid:after,
645 .frm_grid_first:after,
646 .frm_grid_odd:after{
647 visibility:hidden;
648 display:block;
649 font-size:0;
650 content:" ";
651 clear:both;
652 height:0;
653 }
654
655 .frm_grid_first{
656 margin-top:20px;
657 }
658
659 .frm_grid_first,
660 .frm_grid_odd{
661 background-color:<?php echo esc_html( $defaults['bg_color'] ) ?>;
662 }
663
664 .frm_grid{
665 background-color:<?php echo esc_html( $defaults['bg_color_active'] ) ?>;
666 }
667
668 .frm_grid .frm_primary_label,
669 .frm_grid_first .frm_primary_label,
670 .frm_grid_odd .frm_primary_label,
671 .frm_grid .frm_radio,
672 .frm_grid_first .frm_radio,
673 .frm_grid_odd .frm_radio,
674 .frm_grid .frm_checkbox,
675 .frm_grid_first .frm_checkbox,
676 .frm_grid_odd .frm_checkbox{
677 float:left !important;
678 display:block;
679 margin-top:0;
680 margin-left:0 !important;
681 }
682
683 .frm_grid_first .frm_radio label,
684 .frm_grid .frm_radio label,
685 .frm_grid_odd .frm_radio label,
686 .frm_grid_first .frm_checkbox label,
687 .frm_grid .frm_checkbox label,
688 .frm_grid_odd .frm_checkbox label{
689 visibility:hidden;
690 white-space:nowrap;
691 text-align:left;
692 }
693
694 .frm_grid_first .frm_radio label input,
695 .frm_grid .frm_radio label input,
696 .frm_grid_odd .frm_radio label input,
697 .frm_grid_first .frm_checkbox label input,
698 .frm_grid .frm_checkbox label input,
699 .frm_grid_odd .frm_checkbox label input{
700 visibility:visible;
701 margin:2px 0 0;
702 float:right;
703 }
704
705 .frm_grid .frm_radio,
706 .frm_grid_first .frm_radio,
707 .frm_grid_odd .frm_radio,
708 .frm_grid .frm_checkbox,
709 .frm_grid_first .frm_checkbox,
710 .frm_grid_odd .frm_checkbox{
711 display:inline;
712 }
713
714 .frm_grid_2 .frm_radio,
715 .frm_grid_2 .frm_checkbox,
716 .frm_grid_2 label.frm_primary_label{
717 width:48% !important;
718 }
719
720 .frm_grid_2 .frm_radio,
721 .frm_grid_2 .frm_checkbox{
722 margin-right:4%;
723 }
724
725 .frm_grid_3 .frm_radio,
726 .frm_grid_3 .frm_checkbox,
727 .frm_grid_3 label.frm_primary_label{
728 width:30% !important;
729 }
730
731 .frm_grid_3 .frm_radio,
732 .frm_grid_3 .frm_checkbox{
733 margin-right:3%;
734 }
735
736 .frm_grid_4 .frm_radio,
737 .frm_grid_4 .frm_checkbox{
738 width:20% !important;
739 }
740
741 .frm_grid_4 label.frm_primary_label{
742 width:28% !important;
743 }
744
745 .frm_grid_4 .frm_radio,
746 .frm_grid_4 .frm_checkbox{
747 margin-right:4%;
748 }
749
750 .frm_grid_5 label.frm_primary_label,
751 .frm_grid_7 label.frm_primary_label{
752 width:24% !important;
753 }
754
755 .frm_grid_5 .frm_radio,
756 .frm_grid_5 .frm_checkbox{
757 width:17% !important;
758 margin-right:2%;
759 }
760
761 .frm_grid_6 label.frm_primary_label{
762 width:25% !important;
763 }
764
765 .frm_grid_6 .frm_radio,
766 .frm_grid_6 .frm_checkbox{
767 width:14% !important;
768 margin-right:1%;
769 }
770
771 .frm_grid_7 label.frm_primary_label{
772 width:22% !important;
773 }
774
775 .frm_grid_7 .frm_radio,
776 .frm_grid_7 .frm_checkbox{
777 width:12% !important;
778 margin-right:1%;
779 }
780
781 .frm_grid_8 label.frm_primary_label{
782 width:23% !important;
783 }
784
785 .frm_grid_8 .frm_radio,
786 .frm_grid_8 .frm_checkbox{
787 width:10% !important;
788 margin-right:1%;
789 }
790
791 .frm_grid_9 label.frm_primary_label{
792 width:20% !important;
793 }
794
795 .frm_grid_9 .frm_radio,
796 .frm_grid_9 .frm_checkbox{
797 width:9% !important;
798 margin-right:1%;
799 }
800
801 .frm_grid_10 label.frm_primary_label{
802 width:19% !important;
803 }
804
805 .frm_grid_10 .frm_radio,
806 .frm_grid_10 .frm_checkbox{
807 width:8% !important;
808 margin-right:1%;
809 }
810
811 .with_frm_style .frm_inline_container.frm_grid_first label.frm_primary_label,
812 .with_frm_style .frm_inline_container.frm_grid label.frm_primary_label,
813 .with_frm_style .frm_inline_container.frm_grid_odd label.frm_primary_label,
814 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
815 .with_frm_style .frm_inline_container.frm_grid .frm_opt_container,
816 .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{
817 margin-right:0;
818 }
819
820 .with_frm_style .frm_inline_container.frm_scale_container label.frm_primary_label{
821 float:left;
822 }
823
824 .with_frm_style .frm_other_input.frm_other_full{
825 margin-top:10px;
826 }
827
828 .frm_form_field.frm_two_col .frm_radio,
829 .frm_form_field.frm_three_col .frm_radio,
830 .frm_form_field.frm_four_col .frm_radio,
831 .frm_form_field.frm_two_col .frm_checkbox,
832 .frm_form_field.frm_three_col .frm_checkbox,
833 .frm_form_field.frm_four_col .frm_checkbox{
834 float:left;
835 }
836
837 .frm_form_field.frm_two_col .frm_radio,
838 .frm_form_field.frm_two_col .frm_checkbox{
839 width:48%;
840 margin-right:4%;
841 }
842
843 .frm_form_field .frm_checkbox,
844 .frm_form_field .frm_checkbox + .frm_checkbox,
845 .frm_form_field .frm_radio,
846 .frm_form_field .frm_radio + .frm_radio{
847 margin-top: 0;
848 margin-bottom: 0;
849 }
850
851 .frm_form_field.frm_three_col .frm_radio,
852 .frm_form_field.frm_three_col .frm_checkbox{
853 width:30%;
854 margin-right:5%;
855 }
856
857 .frm_form_field.frm_four_col .frm_radio,
858 .frm_form_field.frm_four_col .frm_checkbox{
859 width:22%;
860 margin-right:4%;
861 }
862
863 .frm_form_field.frm_two_col .frm_radio:nth-child(2n+2),
864 .frm_form_field.frm_two_col .frm_checkbox:nth-child(2n+2),
865 .frm_form_field.frm_three_col .frm_radio:nth-child(3n+3),
866 .frm_form_field.frm_three_col .frm_checkbox:nth-child(3n+3),
867 .frm_form_field.frm_four_col .frm_radio:nth-child(4n+4),
868 .frm_form_field.frm_four_col .frm_checkbox:nth-child(4n+4){
869 margin-right:0;
870 }
871
872 .frm_form_field.frm_scroll_box .frm_opt_container{
873 height:100px;
874 overflow:auto;
875 }
876
877 .frm_form_field.frm_html_scroll_box{
878 height:100px;
879 overflow:auto;
880 background-color:<?php echo esc_html( $defaults['bg_color'] ) ?>;
881 border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
882 border-width:<?php echo esc_html( $defaults['field_border_width'] ) ?>;
883 border-style:<?php echo esc_html( $defaults['field_border_style'] ) ?>;
884 -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
885 -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
886 border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
887 width:<?php echo esc_html( $defaults['field_width'] == '' ? 'auto' : $defaults['field_width'] ) ?>;
888 max-width:100%;
889 font-size:<?php echo esc_html( $defaults['field_font_size'] ) ?>;
890 padding:<?php echo esc_html( $defaults['field_pad'] ) ?>;
891 -webkit-box-sizing:border-box;
892 -moz-box-sizing:border-box;
893 box-sizing:border-box;
894 outline:none;
895 font-weight:normal;
896 box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
897 }
898
899 .frm_form_field.frm_two_col .frm_opt_container:after,
900 .frm_form_field.frm_three_col .frm_opt_container:after,
901 .frm_form_field.frm_four_col .frm_opt_container:after{
902 content:".";
903 display:block;
904 clear:both;
905 visibility:hidden;
906 line-height:0;
907 height:0;
908 }
909
910 .frm_form_field.frm_total input,
911 .frm_form_field.frm_total textarea{
912 opacity:1;
913 background-color:transparent !important;
914 border:none !important;
915 font-weight:bold;
916 -moz-box-shadow:none;
917 -webkit-box-shadow:none;
918 width:auto !important;
919 box-shadow:none !important;
920 display:inline;
921 -moz-appearance:textfield;
922 padding:0;
923 }
924
925 .frm_form_field.frm_total input::-webkit-outer-spin-button,
926 .frm_form_field.frm_total input::-webkit-inner-spin-button {
927 -webkit-appearance: none;
928 }
929
930 .frm_form_field.frm_total input:focus,
931 .frm_form_field.frm_total textarea:focus{
932 background-color:transparent;
933 border:none;
934 -moz-box-shadow:none;
935 -webkit-box-shadow:none;
936 box-shadow:none;
937 }
938
939 .frm_form_field.frm_label_justify label.frm_primary_label{
940 text-align:justify !important;
941 }
942
943 .frm_form_field.frm_capitalize input,
944 .frm_form_field.frm_capitalize select,
945 .frm_form_field.frm_capitalize .frm_opt_container label{
946 text-transform:capitalize;
947 }
948
949 .frm_clearfix:after{
950 content:".";
951 display:block;
952 clear:both;
953 visibility:hidden;
954 line-height:0;
955 height:0;
956 }
957
958 .frm_clearfix{
959 display:block;
960 }
961
962 /* Login form */
963 .with_frm_style.frm_login_form,
964 .with_frm_style.frm_login_form form{
965 clear:both;
966 }
967
968 .with_frm_style.frm_login_form.frm_inline_login .login-remember input{
969 vertical-align:baseline;
970 }
971
972 .with_frm_style.frm_login_form.frm_inline_login .login-submit{
973 float:left;
974 }
975
976 .with_frm_style.frm_login_form.frm_inline_login label{
977 display:inline;
978 }
979
980 .with_frm_style.frm_login_form.frm_inline_login .login-username,
981 .with_frm_style.frm_login_form.frm_inline_login .login-password,
982 .with_frm_style.frm_login_form.frm_inline_login .login-remember{
983 float:left;
984 margin-right:5px;
985 }
986
987 .with_frm_style.frm_login_form.frm_inline_login form{
988 position:relative;
989 clear:none;
990 }
991
992 .with_frm_style.frm_login_form.frm_inline_login .login-remember{
993 position:absolute;
994 top:35px;
995 }
996
997 .with_frm_style.frm_login_form.frm_inline_login input[type=submit]{
998 margin:0 !important;
999 }
1000
1001 .with_frm_style.frm_login_form.frm_no_labels .login-username label,
1002 .with_frm_style.frm_login_form.frm_no_labels .login-password label{
1003 display:none;
1004 }
1005
1006 .with_frm_style .frm-open-login{
1007 float:left;
1008 margin-right:15px;
1009 }
1010
1011 .with_frm_style .frm-open-login a{
1012 text-decoration:none;
1013 border:none;
1014 outline:none;
1015 }
1016
1017 .with_frm_style.frm_slide.frm_login_form form{
1018 display:none;
1019 }
1020
1021 /* Fonts */
1022 @font-face {
1023 font-family:'s11-fp';
1024 src:url('<?php echo FrmAppHelper::relative_plugin_url() ?>/fonts/s11-fp.eot');
1025 src:local(''), url('<?php echo FrmAppHelper::relative_plugin_url() ?>/fonts/s11-fp.woff') format('woff'), url('<?php echo FrmAppHelper::relative_plugin_url() ?>/fonts/s11-fp.ttf') format('truetype'), url('<?php echo FrmAppHelper::relative_plugin_url() ?>/fonts/s11-fp.svg') format('svg');
1026 font-weight:normal;
1027 font-style:normal;
1028 }
1029
1030 <?php include( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1031 <?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1032
1033 /* Responsive */
1034 @media only screen and (max-width: 900px) {
1035 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth label.frm_primary_label,
1036 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh label.frm_primary_label,
1037 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth label.frm_primary_label{
1038 display: block !important;
1039 }
1040
1041 .frm_form_field .frm_repeat_grid .frm_form_field.frm_repeat_buttons.frm_seventh label.frm_primary_label{
1042 display:none !important;
1043 }
1044
1045 }
1046
1047 @media only screen and (max-width: 600px) {
1048 .frm_form_field.frm_four_col .frm_radio,
1049 .frm_form_field.frm_four_col .frm_checkbox{
1050 width:48%;
1051 margin-right:4%;
1052 }
1053
1054 .frm_form_field.frm_four_col .frm_radio:nth-child(2n+2),
1055 .frm_form_field.frm_four_col .frm_checkbox:nth-child(2n+2){
1056 margin-right:0;
1057 }
1058
1059 .frm_form_field .frm_repeat_grid.frm_first_repeat .frm_form_field.frm_repeat_buttons:not(.frm_fourth):not(.frm_sixth):not(.frm_eighth) label.frm_primary_label{
1060 display:none !important;
1061 }
1062
1063 .frm_form_field .frm_repeat_grid .frm_form_field.frm_fifth label.frm_primary_label{
1064 display:block !important;
1065 }
1066
1067 .frm_form_field .frm_repeat_grid .frm_form_field.frm_repeat_buttons.frm_fifth label.frm_primary_label{
1068 display:none !important;
1069 }
1070 }
1071
1072 @media only screen and (max-width: 500px) {
1073 .frm_form_field.frm_two_col .frm_radio,
1074 .frm_form_field.frm_two_col .frm_checkbox,
1075 .frm_form_field.frm_three_col .frm_radio,
1076 .frm_form_field.frm_three_col .frm_checkbox{
1077 width: auto;
1078 margin-right: 0;
1079 float: none;
1080 display:block;
1081 }
1082
1083 .frm_form_field input[type=file] {
1084 max-width:220px;
1085 }
1086
1087 .with_frm_style.frm_login_form.frm_inline_login p{
1088 clear:both;
1089 float:none;
1090 }
1091
1092 .with_frm_style.frm_login_form.frm_inline_login form{
1093 position:static;
1094 }
1095
1096 .with_frm_style.frm_login_form.frm_inline_login .login-remember{
1097 position:static;
1098 }
1099
1100 .with_frm_style .frm-g-recaptcha > div > div,
1101 .with_frm_style .g-recaptcha > div > div{
1102 width:inherit !important;
1103 display:block;
1104 overflow:hidden;
1105 max-width:302px;
1106 border-right:1px solid #d3d3d3;
1107 border-radius:4px;
1108 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1109 -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1110 }
1111
1112 .with_frm_style .g-recaptcha iframe,
1113 .with_frm_style .frm-g-recaptcha iframe{
1114 width:100%;
1115 }
1116 }
1117 <?php
1118 echo $defaults['custom_css'];
1119