PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 1.07.11
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v1.07.11
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 / frm_admin.css

frm_admin.css in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 1.07.11, at css/frm_admin.css

1,008 lines 34.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 a, .widget .widget-top, .postbox h3, .stuffbox h3{cursor: pointer;}
2 .postbox h3.hndle{cursor:default;}
3
4 ul.frm_form_nav {
5 /*background:#ececec;*/
6 margin:2px 0 20px;
7 min-width:570px;
8 float:left;
9 *float:right;
10 }
11 ul.frm_form_nav li{
12 float:left;
13 display:block;
14 margin:0;
15 }
16 .frm_form_nav a {
17 font-size: 13px;
18 text-decoration:none;
19 display:block;
20 text-align:center;
21 padding:5px 25px;
22 border:solid 1px #c6c6c6;
23 border-right:0;
24 background-color:#EEE;
25 }
26 .frm_38_trigger .frm_form_nav a { background-color:#fff; }
27 .frm_form_nav a:active, .frm_form_nav a:focus{
28 outline:none;
29 -webkit-box-shadow:none;
30 box-shadow:none;
31 }
32 .frm_form_nav li a.current_page {
33 color:#333;
34 font-weight:700;
35 }
36 ul.frm_form_nav > li.first a{
37 border-top-left-radius:4px;
38 border-bottom-left-radius:4px;
39 }
40 ul.frm_form_nav li.last > a{
41 font-weight:lighter;
42 font-size:12px;
43 border-right:solid 1px #c6c6c6;
44 border-top-right-radius:4px;
45 border-bottom-right-radius:4px;
46 padding:5px 8px;
47 color:#333;
48 }
49 .frm_form_nav .frm-dropdown-menu li {
50 float:none;
51 }
52 .frm_form_nav .frm-dropdown-menu a{
53 font-size:12px;
54 background:none;
55 border:none;
56 text-align:left;
57 }
58 .formidable_page_formidable-entries p.search-box {margin-top:8px;}
59 .frm_form_nav .frm-dropdown-menu a:hover {background-color:#eaf2fa;}
60 .frm_title_head{color:#747474;margin:0;}
61 .wrap > .subsubsub{clear:both; margin:0;}
62 #poststuff {padding-top:0;}
63 .post-new-php.post-type-frm_display #poststuff {padding-top:10px;}
64 .frm_forms.with_frm_style{max-width:100%;}
65 .with_frm_style form label.frm_primary_label{font-size:12px;color:#444;font-weight:bold;text-align:left;margin:0;padding:0;width:auto;display:block;max-width:90%;min-height:20px;}
66 form label.frm_primary_label input{font-size:12px;}
67 .with_frm_style form .form-field{margin-bottom:20px;}
68 .with_frm_style form div.description, .frm_error{
69 margin:0;
70 padding:0;
71 font-size:11px;
72 color:#666;
73 font-weight:normal;
74 text-align:left;
75 font-style:normal;
76 }
77 .frm_error{color:#B94A48;}
78 .with_frm_style form .frm_blank_field input, .with_frm_style form .frm_blank_field textarea, .with_frm_style form .frm_blank_field select, .with_frm_style form .frm_blank_field #recaptcha_area{border-color:#B94A48;}
79 .with_frm_style form .frm_blank_field label{color:#B94A48;}
80 .frm_required{
81 color:#B94A48;
82 }
83 .form-field label.frm_primary_label{display:block;float:none;width:auto;}
84 .with_frm_style .wp-editor-container textarea, .postbox .wp-editor-container textarea{border:none;}
85 .with_frm_style .mceIframeContainer, .postbox .mceIframeContainer{background-color:#fff;}
86 .frm_error_style{color:#B94A48;border:1px solid #EBCCD1;background-color:#F2DEDE;padding:8px 15px;font-size:14px;margin:5px 0 15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
87 .show_csv{display:none;}
88 .frm_hidden{display:none;}
89
90 /*Switch form dropdown*/
91 .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;}
92 .dropdown{position:relative;}
93 .dropdown-toggle:focus{outline:0;}
94 .frm-dropdown-menu{
95 max-height:200px;
96 overflow:scroll;
97 overflow-x: hidden;
98 position:absolute;
99 top:100%;
100 left:0;
101 z-index:1000;
102 display:none;
103 float:left;
104 min-width:160px;
105 width:auto;
106 padding:5px 0;
107 margin:2px 0 0;
108 list-style:none;
109 font-size:14px;
110 background-color:#ffffff;
111 border:1px solid #cccccc;
112 border:1px solid rgba(0, 0, 0, 0.15);
113 border-radius:4px;
114 -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
115 box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
116 background-clip:padding-box;
117 }
118 .frm-dropdown-menu.pull-right{right:0;left:auto;}
119 .frm-dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
120 .frm-dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333333;white-space:nowrap;}
121 .frm-dropdown-menu>li>a:hover,.frm-dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5;}
122 .frm-dropdown-menu>.active>a,.frm-dropdown-menu>.active>a:hover,.frm-dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#428bca;}
123 .frm-dropdown-menu>.disabled>a,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{color:#999999;}
124 .frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed;}
125 .open>.frm-dropdown-menu{display:block;}
126 .open>a{outline:0;}
127 .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999999;}
128 .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}
129 .pull-right>.frm-dropdown-menu{right:0;left:auto;}
130 .navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000000;content:"";}
131 .navbar-fixed-bottom .dropdown .frm-dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
132
133 .frm_scale{margin-right:10px;text-align:center;float:left;}
134 .frm_scale input{display:block;margin-bottom:5px;}
135 .frm_form_fields:not(.frm_sample_form) input, .frm_form_fields:not(.frm_sample_form) select, .frm_form_fields:not(.frm_sample_form) textarea{
136 font-size:13px;
137 margin-bottom:0;
138 width:400px;
139 max-width:100%;
140 color:#222;
141 background-color:#fafafa;
142 border:solid 1px #dfdfdf;
143 line-height:normal;
144 }
145 .frm_form_fields:not(.frm_sample_form) input[type="text"]{
146 width:400px !important;
147 height:auto;
148 }
149 .frm_form_fields textarea.wp-editor-area{width:100%;border:none;}
150 .frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled{
151 background:transparent;
152 border:none;
153 box-shadow:none;
154 width:auto;
155 }
156 .frm_form_fields select{width:auto;}
157 .frm_form_fields input[type="radio"], .frm_form_fields input[type="checkbox"]{width:auto;padding:0;}
158 .frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5{margin-left:18px;}
159 .frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width{width:auto;}
160 .frm_set_select select, .frm_set_select select.auto_width{width:100%;}
161 .frm_form_fields input:focus, .frm_form_fields select:focus,
162 .frm_form_fields textarea:focus, .frm_focus_field input{background-color:#fff;border-color:#ddd;}
163
164 .frm_radio, .frm_checkbox{display:block;}
165 .frm_radio label, .frm_checkbox label{
166 font-size:12px;
167 color:#302c3f;
168 font-weight:normal;
169 display:inline;
170 }
171 .frm_radio input[type="radio"], .frm_checkbox input[type="checkbox"]{margin-right:5px;width:auto;}
172 .wp-admin input[type="radio"], .wp-admin input[type="checkbox"]{width:auto;}
173
174 .frm_form_fields div.star{height:auto;left:auto;top:auto;letter-spacing:auto;position:static;}
175 .frm_form_fields div.star a, .frm_form_fields div.star a:hover, .frm_form_fields div.star a:visited{position:static;right:auto;}
176
177 .frm_ext_sc{display:none;}
178 .frm_long_input{width:95% !important;}
179
180 img.frm_help{
181 margin-left:2px;
182 vertical-align:middle;
183 padding-bottom:2px;
184 }
185 .frm-loading-img{
186 background:url(../images/ajax_loader.gif) no-repeat center center;
187 padding:6px 12px;
188 visibility:hidden;
189 }
190 .frm_spinner.spinner{
191 float:left;
192 }
193
194 label input[type="checkbox"], label input[type="radio"]{vertical-align:baseline;}
195 .frm_38_trigger label input[type="checkbox"], .frm_38_trigger label input[type="radio"] {vertical-align:inherit;}
196
197 #editorcontainer #dyncontent{
198 margin:0; width:100%;
199 padding: 6px;
200 line-height: 150%;
201 border: 0 none;
202 outline: none;
203 -moz-box-sizing: border-box;
204 -webkit-box-sizing: border-box;
205 -khtml-box-sizing: border-box;
206 box-sizing: border-box;
207 }
208 .frmcenter{text-align:center;}
209
210 /*ICONS*/
211 #wpbody-content .frmicon.icon32, .icon32-posts-frm_display{background: url(../images/form_32_sprite.png) no-repeat top left !important;}
212 #wpbody-content #form_settings_page .icon32 {background-position: -56px 0 !important;}
213 #wpbody-content #form_entries_page .icon32 {background-position:-114px 0 !important;}
214 #wpbody-content #form_views_page .icon32, #wpbody-content .icon32-posts-frm_display {background-position: -173px 0 !important;}
215 #wpbody-content #form_reports_page .icon32 {background-position: -230px 0 !important;}
216 #wpbody-content #form_global_settings .frmicon.icon32 {background-position: -290px 0 !important;}
217
218 .frm_postbox_icon {
219 margin: -6px 0 0 -10px;
220
221 }
222
223 .frm_form_builder a:hover{text-decoration:underline;}
224 .frm_38_trigger .widget-title h4 {padding:10px 15px;}
225 .frm_38_trigger .widget-top a.widget-action:after {padding: 7px 12px 0;}
226 #postbox-container-1{width:270px;}
227 #postbox-container-1 .nodrag a{cursor:pointer;}
228 #postbox-container-1 .frm_field_list #frm-insert-fields .button{
229 text-align:center;width:46%;float:left;padding-left:0;padding-right:0;font-size:11px !important; margin-bottom:6px;
230 border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
231 }
232 #postbox-container-1 .frm_field_list #frm-insert-fields .button a{display:block;font-weight:normal;text-decoration:none;font-size:11px !important;}
233 .frm_col_one, #postbox-container-1 .frm_field_list .button.frm_col_one{margin-right:10px;clear:both;}
234 .frm_html_legend pre{display:inline;}
235 .frm_code_list .frmkeys{display:none;}
236
237 #ed_fullscreen{display:none !important;}
238
239 .frm_posttax_row.menu-settings{
240 margin:0;
241 padding:1em 0;
242 }
243 .menu-settings:first-of-type{
244 border:none;
245 }
246
247 .frm_posttax_opt_list{
248 border:1px solid #DFDFDF;
249 padding:10px;
250 overflow:auto;
251 max-height:200px;
252 background-color:#fff;
253 }
254 .frm_field_opts_list{
255 height:105px; margin-top:10px;
256 border:1px solid #ddd;
257 background:#fff;
258 overflow:auto;
259 width:85%;
260 -moz-box-sizing: border-box;
261 -webkit-box-sizing: border-box;
262 -khtml-box-sizing: border-box;
263 box-sizing: border-box;
264 }
265
266 .frm_white_bg{background-color:#fff;}
267 .frm_border_light{border:solid 1px #ddd;}
268
269 .form-table .form-field input, .form-table .form-field .quicktags-toolbar input,
270 .form-field input, .form-field textarea, .form-field .quicktags-toolbar input{width:auto;}
271 .frm_pro_installed{margin-top:0.5em;}
272 .frm_aff_link{float:right;}
273 .frm_select_box{text-align:center;font-weight:bold;width:100%;}
274 .wp-list-table .frm_select_box{text-align:left;font-weight:normal;font-size:10px;}
275 .wp-list-table .frm_no_items.frm_select_box{text-align:center;font-weight:bold;width:500px;max-width:100%;font-size:inherit;}
276 textarea.inplace_field{width:98% !important;}
277 .inplace_field{width:70% !important;}
278 .frm_ipe_form_key .inplace_field, .frm_ipe_field_key .inplace_field{width:7.5em !important;}
279 .frm_ipe_form_key, .frm_ipe_field_key, .frm_field_key{
280 text-overflow:ellipsis;
281 white-space:nowrap;
282 width:7.5em;
283 overflow:hidden;
284 float:right;
285 background-color:#FFFBCC;
286 }
287 .frm_ipe_form_key.editInPlace-active, .frm_ipe_field_key.editInPlace-active{
288 white-space:normal;
289 width:auto;
290 float:none;
291 display:inline;
292 background-color:transparent !important;
293 }
294 .frm_field_key{background-color:#F7F7F7;}
295 .edit-slug-box{width:13em;max-width:30%;float:right;}
296 .edit-slug-box{color:#777;}
297 table td, .form-table tr td{vertical-align:top;}
298
299 .frm_rte{background:url(../pro/images/rte.png) no-repeat; }
300 .frm_rte .howto{margin:10px 0 45px 0;}
301 .frm_38_trigger .frm_rte .howto{margin-bottom:39px;}
302 .button-secondary.frm_html_field{
303 background-color:#ededed;padding:10px 20px;line-height:inherit;width:auto;height:auto !important;
304 -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
305 -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
306 }
307 #new_fields .frm_rte textarea{
308 width:653px;background:#fff; margin:1px 0; border:1px solid #dfdfdf; border-top:none;
309 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
310 float:none !important;
311 }
312 .frm_38_trigger #new_fields .frm_rte textarea{margin-bottom:0;}
313
314 .frm_full_rte textarea{width:98%; padding:0;}
315 .frm_field_box{padding:5px;min-height:20px;}
316
317 .frm_indent_opt, td.frm_indent_opt{padding-left:25px;}
318
319 .frm_charts object{background:transparent;}
320 .frm_charts h2 {height:34px;}
321
322 .frm_single_show_hover, .frm-show-click{display:none;}
323 .frm-show-hover, .frm_single_visible_hover{visibility:hidden;}
324 li.ui-state-default.selected .frm-show-click{display:inline;}
325 li.ui-state-default.selected .frm-show-hover{visibility:visible;}
326 #new_fields span.ui-icon{width:16px;}
327 #form_settings_page .tabs-panel, .frm_settings_form .tabs-panel{max-height:none !important; min-height:260px !important;}
328
329 #form_settings_page .frm_postmeta_row select, #form_settings_page .frm_posttax_row select{max-width:35%;}
330 select.frm_cancelnew, input.frm_enternew{width:175px;}
331 .categorydiv div.tabs-panel.general_settings{max-height:none;}
332 .frm_38_trigger .categorydiv div.tabs-panel.general_settings .postbox{margin-bottom:0;}
333 .tabs-panel{height:auto !important; min-height:260px;}
334 .tabs-panel.panel_secondary{min-height:20px;margin-top:10px;margin-left:150px;}
335
336 #frm_where_options select{max-width:200px;}
337 #frm_where_options{min-height:31px;}
338
339 .tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel{border:none;padding:0;} /*for add-on reverse compatability */
340 /*@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
341 @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
342 @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }*/
343
344 .frm-fade-in {
345 opacity:0; /* make things invisible upon start */
346 -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
347 -moz-animation:fadeIn ease-in 1;
348 animation:fadeIn ease-in 1;
349
350 -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
351 -moz-animation-fill-mode:forwards;
352 animation-fill-mode:forwards;
353
354 -webkit-animation-duration:0.5s;
355 -moz-animation-duration:0.5s;
356 animation-duration:0.5s;
357 }
358
359 .frm-fade-in.frm_delay_one{
360 -webkit-animation-delay: 0.5s;
361 -moz-animation-delay: 0.5s;
362 animation-delay: 0.5s;
363 }
364
365 .frm_email_reply_container select{width:150px;}
366 .frm_email_reply_container input{width:150px;}
367
368 .frm_icon_font{
369 text-decoration:none;
370 text-shadow: none;
371 font-weight:normal;
372 color:#A0A0A0;
373 }
374
375 .frm_icon_font:before{
376 font-family: 's11-fp' !important;
377 font-size:16px;
378 speak: none;
379 -webkit-font-smoothing: antialiased;
380 -moz-osx-font-smoothing: grayscale;
381 -moz-transition: all .1s ease-in-out;
382 -webkit-transition: all .1s ease-in-out;
383 transition: all .1s ease-in-out;
384 }
385
386 .frm_icon_font:hover, a.frm_icon_font:hover{
387 color:#b7b7b7;
388 text-decoration:none;
389 }
390 .frm_icon_font:focus{
391 box-shadow:none;
392 -webkit-box-shadow:none;
393 }
394
395 .frm_download_template:before{content: '\e615';}
396 .frm_add_entry_icon:before{content: '\e602';}
397 .frm_duplicate_form:before{content: '\e61b';}
398 .frm_move_field:before{content: '\e61a';}
399 .frm_delete_icon:before{content: '\e610';}
400 .frm_new_template_icon:before{content: '\e614';}
401 .frm_tooltip_icon:before{content: '\e611';font-size:13px;vertical-align:top;}
402 .frm_duplicate_form:active, .frm_move_field:active, .frm_delete_icon:active {outline:none;}
403 .frm_single_option .frm_delete_icon{float:left;visibility:hidden;margin-right:3px;}
404
405 .frm_action_icon{
406 float:left;
407 margin-left:5px;
408 margin-top:5px;
409 }
410 span.frm_action_icon{margin:0 4px 0 0;}
411 .frm_action_icon:active {outline:none;}
412 a.frm_action_icon:hover {text-decoration:none;}
413 .frm_action_icon.frm_error_icon:before{content: '\e608';}
414 .frm_inactive_icon.frm_action_icon.frm_error_icon:before{content: '\e606';}
415 .frm_action_icon.frm_reload_icon:before{content: '\e60a';font-size:15px;}
416 .frm_inactive_icon.frm_action_icon.frm_reload_icon:before{content: '\e60b';}
417
418 .frm_action_icon.frm_required_icon:before{content: '\e612'; font-size:7px; vertical-align:top; line-height: 2.1em; margin-right:3px;}
419 .frm_38_trigger .frm_action_icon.frm_required_icon:before{font-size:8px;}
420 .frm_action_icon.frm_required_icon {color:#000;margin-top:0;}
421 .frm_inactive_icon.frm_action_icon.frm_required_icon, .frm_action_icon.frm_required0{color:#ababab;}
422
423 .frm-hover-icon{padding-left:5px;}
424 .frm-move.frm-hover-icon{padding-left:3px;}
425 .frm-move{cursor:move;}
426
427
428 .frm_remove_tag:before{content:'\e600';vertical-align: middle;}
429 .frm_add_tag:before{content:'\e602';vertical-align: middle;}
430
431 .frm_invalid_icon:before{content: '\e608';padding-right:10px;}
432 .frm_invalid_icon{color:#B94A48;}
433 .frm_valid_icon:before{content: '\e606';padding-right:10px;}
434 .frm_valid_icon{color:#468847;}
435
436 span.howto{display:inline;}
437 #frm_form_editor_container .themeRoller span.howto{display:inline;}
438
439 #new_fields .form-field .widget input[type="text"],
440 #new_fields .form-field .widget select,
441 #wpcontent #new_fields .form-field .widget select,
442 #new_fields .form-field .widget textarea{
443 width:auto;font-size:11px;
444 }
445
446 .tagchecklist span.no_taglist {
447 display: inline;
448 float: none;
449 line-height: 15px;
450 margin-right: 0;
451 font-size:inherit;
452 }
453
454 .tagchecklist .frm_exclude_cat_list span{display:inline;}
455 .frm_38_trigger .tagchecklist span a:before{line-height:23px;text-align:start;}
456
457 .frm_scale{margin-right:10px; text-align:center; float:left;}
458 .frm_form_fields div.rating-cancel, .frm_form_fields div.star-rating{
459 float:left;width:17px;height:17px;cursor:pointer;display:block;background:transparent;overflow:hidden;
460 }
461 .frm_form_fields div.rating-cancel{display:none !important;}
462 .frm_form_fields div.rating-cancel a:before{font:16px/1 'dashicons';content:'\f460';color:#CDCDCD;}
463 .frm_form_fields div.star-rating:before, .frm_form_fields div.star-rating a:before{font:16px/1 'dashicons';content:'\f154';color:#F0AD4E;}
464 .frm_form_fields div.rating-cancel a, .frm_form_fields div.star-rating a{display:block;width:16px;height:100%;border:0}
465 .frm_form_fields div.star-rating-on:before, .frm_form_fields div.star-rating-on a:before{content:'\f155';}
466 .frm_form_fields div.star-rating-hover:before, .frm_form_fields div.star-rating-hover a:before{content:'\f155';}
467 .frm_form_fields div.rating-cancel.star-rating-hover a:before{color:#B63E3F;}
468 .frm_form_fields div.star-rating-readonly a{cursor:default !important}
469 .frm_form_fields div.star-rating{overflow:hidden !important}
470
471 #frm_form_editor_container .ui-widget-content{display:none; padding:15px;}
472 #frm_form_editor_container .ui-widget-content label{float:left; width:170px; text-align:right; padding-right:5px; clear:both;}
473 #frm_form_editor_container .ui-widget-content label.nofloat{clear:none; float:none; margin-left:10px;}
474 #frm_form_editor_container .ui-state-default{color:#333;}
475 #frm_form_editor_container .ui-state-default a.frm_orange, #postbox-container-1 a.frm_orange{color:#D54E21;}
476
477 #styling_settings input[type=checkbox], #styling_settings input[type=radio] {border:solid 1px #bbb;}
478 #styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top {cursor:pointer;}
479 #new_fields .widget, .frm_settings_page .widget{background:#fff;}
480 #new_fields .widget-title h4{font-weight:normal;}
481 #new_fields .widget, #postbox-container-1 .widget, .frm_settings_page .widget{margin-bottom:0;}
482 .frm_settings_page .widget-inside{padding:0 5px 5px;}
483 #new_fields .widget, .widget-inside{display: none;}
484 #new_fields li.ui-state-default.selected .widget{display:block;}
485 #new_fields .form-field .widget{ display:none;}
486 #new_fields{min-height:440px; margin-bottom:0;}
487 #postbox-container-1 .ui-state-default, #new_fields li.ui-state-default{
488 border:none;font-weight:normal;background-color:transparent; background-image:none;padding:6px; margin:20px 0;
489 }
490 #postbox-container-1 .ui-state-default{padding:0;margin:0;}
491 #new_fields li.ui-state-default.edit_field_type_break{border-bottom:1px dashed #ccc; padding-bottom:5px;}
492 #new_fields .edit_field_type_divider .frm_ipe_field_label{font-size:116%;}
493 #new_fields .edit_field_type_break .frm_ipe_field_label.button{
494 width:150px;
495 text-align:center;
496 margin-bottom:3px;
497 }
498 .frm_ipe_field_label input.inplace_field{margin-top:0;padding:1px;}
499 #new_fields .edit_field_type_break input.inplace_field{
500 text-align:center;width:150px;background-color:transparent;
501 border:none;box-shadow:none;
502 }
503 .frm_validation_msg p label{float:left;width:25%;max-width:100px;}
504 #new_fields .form-field .widget .frm_validation_msg input{width:71%;}
505
506 .frm_38_trigger #new_fields .widget-inside .form-table td,
507 .frm_38_trigger #new_fields .widget-inside .form-table td p,
508 .frm_38_trigger #new_fields .widget-inside .form-wrap label{
509 font-size:12px;
510 padding:10px;
511 }
512
513 .frm_38_trigger #new_fields .widget-inside .form-table td p,
514 .frm_38_trigger #new_fields .widget-inside .form-wrap label{
515 padding:10px 0;
516 }
517
518 .frm_no_fields{
519 line-height:46px !important;
520 }
521 .frm_no_fields .frm_brace{
522 font-size:500px;
523 color:#2f8db2;
524 font-weight:300;
525 line-height: 350px !important;
526 margin-left:3%;
527 float:right;
528 }
529 .frm_no_fields .frm_all_field_inst{
530 font-family:'Comic Sans MS', cursive, sans-serif;
531 font-size: 58px;
532 font-weight: 600;
533 margin-top:160px;
534 letter-spacing:2px;
535 }
536 .frm_no_fields .frm_drag_inst{
537 font-family:'Comic Sans MS', cursive, sans-serif;
538 font-size: 43px;
539 font-weight: 300;
540 color: #808080;
541 margin-top:5px;
542 margin-right:8px;
543 }
544
545 .frm_inline_label{padding-left:3px;}
546 .frm_left_label{clear:both;float:left;width:23%;min-width:170px;line-height:2em;}
547 table td.frm_left_label{float:none;line-height:inherit;padding-right:0;}
548 .frm_left_label.frm_alignright{padding-right:10px;text-align:right;}
549 .frm_with_left_label{width:68%;float:left;}
550 #html_settings label{display:block;}
551
552 .frm-category-tabs > li a, .frm-category-tabs > li a:active{
553 outline:none;
554 -webkit-box-shadow:none;
555 box-shadow:none;
556 }
557
558 .frm_ipe_field_option{vertical-align:text-top;}
559 .selected .frm_ipe_field_option.frm_with_key,
560 .selected .frm_ipe_field_option_key{width:45%; display:inline-block !important;}
561 .selected .frm_ipe_field_option{min-width:45%;display:inline-block;}
562 .selected .frm_ipe_field_option:hover{background-color:#fffbcc;}
563 .selected .frm_ipe_field_option.frm_with_key{margin-right:10px;}
564 .selected .frm_ipe_field_option.frm_with_key .inplace_field,
565 .selected .frm_ipe_field_option_key .inplace_field{width:100% !important;}
566 .frm_option_val_label{float:left; width:45%; margin-left:36px; margin-right:10px;}
567 .frm_option_key_label, .frm_option_val_label{font-weight:bold;font-size:11px;}
568 .edit_field_type_select .frm_option_val_label{margin-left:12px;}
569
570 #menu-management.frm-menu-boxes{margin-top:30px;width:300px;float:left;margin-right:30px;}
571 #menu-management.frm-menu-boxes .menu-edit{margin-bottom:0;}
572 #menu-management select{max-width:100%;}
573 .postbox .manage-menus{border-top:none;border-left:none;border-right:none;}
574 .postbox .frm-help-tabs.inside, #poststuff .frm-help-tabs.inside{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;padding-bottom:12px;}
575 .frm_38_trigger .postbox .frm-help-tabs.inside{padding-bottom:inherit;}
576 .frm-help-tabs form > .submit, #contextual-help-columns > .submit{margin-left:154px;padding-left:5px;}
577 .frm_38_trigger .frm-help-tabs form > .submit, .frm_38_trigger #contextual-help-columns > .submit{padding-left:0.9em;}
578 .frm_38_trigger #poststuff .contextual-help-tabs .active, .frm_38_trigger #poststuff .contextual-help-tabs .active a, .frm_38_trigger #poststuff .contextual-help-tabs .active a:hover{background:#fafafa;}
579 .wrap .contextual-help-tabs ul{min-height:260px;}
580 .frm_38_trigger .postbox .menu-settings h3{border-bottom:none;}
581 #poststuff h3.frm_no_bg{background:none;cursor:default;}
582 .postbox #contextual-help-back{border-right:none;right:0;}
583 .frm_38_trigger .postbox #contextual-help-back{background:#fafafa;}
584 #contextual-help-columns div.tabs-panel{
585 background:transparent;
586 border-width:0;
587 }
588
589 #contextual-help-columns div.tabs-panel.panel_secondary{
590 border-top-width:1px;
591 }
592
593 #postbox-container-1 .ui-state-default{color:#000;}
594 #new_fields li.ui-state-default:hover, #new_fields li.ui-state-default.selected, .frm_update_msg{
595 padding:5px;
596 background-color: #f5fafd; /* Fallback */
597 background-image: -ms-linear-gradient(top, #f7fcfe, #eff8ff); /* IE10 */
598 background-image: -moz-linear-gradient(top, #f7fcfe, #eff8ff); /* Firefox */
599 background-image: -o-linear-gradient(top, #f7fcfe, #eff8ff); /* Opera */
600 background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fcfe), to(#eff8ff)); /* old Webkit */
601 background-image: -webkit-linear-gradient(top, #f7fcfe, #eff8ff); /* new Webkit */
602 background-image: linear-gradient(top, #f7fcfe, #eff8ff); /* proposed W3C Markup */
603 border:1px dashed #d1e5ee;
604 }
605
606 .frm_38_trigger #new_fields li.ui-state-default:hover, .frm_38_trigger #new_fields li.ui-state-default.selected, .frm_38_trigger .frm_update_msg{
607 box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
608 }
609
610 #new_fields li.ui-state-default.selected, .frm_38_trigger #new_fields li.ui-state-default.selected:hover{
611 border:1px solid #d1e5ee;;
612 background-color: #e8eff4; /* Fallback */
613 background-image: -ms-linear-gradient(top, #eff8ff, #e8eff4); /* IE10 */
614 background-image: -moz-linear-gradient(top, #eff8ff, #e8eff4); /* Firefox */
615 background-image: -o-linear-gradient(top, #eff8ff, #e8eff4); /* Opera */
616 background-image: -webkit-gradient(linear, left top, left bottom, from(#eff8ff), to(#e8eff4)); /* old Webkit */
617 background-image: -webkit-linear-gradient(top, #eff8ff, #e8eff4); /* new Webkit */
618 background-image: linear-gradient(top, #eff8ff, #e8eff4); /* proposed W3C Markup */
619 }
620
621
622 .frm_email_actions.feature-filter{
623 font-weight:bold;
624 border:1px solid #DFDFDF;
625 background-color:#EEEEEE;
626 padding:3px 5px 2px;
627 font-size:16px;
628 line-height:20px;
629 }
630 .frm_email_icons{
631 padding-left:6px;
632 }
633
634 .frm_update_msg{border-style:solid;margin:10px 0;color:#21759B;padding:8px 15px;border-radius:4px;}
635 #frm-insert-fields-box .frm_update_msg{margin-right:0.9em;}
636 .frm_update_msg a{font-weight:bold;}
637 .widefat td{width:auto;}
638 .widefat .column-id{width:3.7em;}
639 .widefat .column-show_count{width:5em;}
640 .widefat .column-shortcode{width:9em;}
641 .widefat .column-entries, .widefat .column-link{width:10%;text-align:center;}
642 .widefat .column-form_key, .widefat .column-created_at{width:10%;}
643
644 .view-switch{display:none;}
645 select[name="m"]{display:none;}
646
647
648 .frm_shortcode_select optgroup option{margin-left:1em;}
649 .frm_shortcode_select optgroup{padding-top:5px;}
650 .frm_shortcode_select .frm_subopt{margin-left:2em;}
651
652 .frm-grid{
653 border-collapse:collapse;
654 border:1px solid black;
655 margin-right:10px;
656 }
657
658 .frm-grid td, .frm-grid th{padding:5px; border:1px solid black;}
659
660 .pro_feature{text-decoration:line-through;}
661 .frm_uninstall{padding-right:0.75em;}
662 .frm_uninstall a{color:#D54E21;}
663 .frm_uninstall a:hover{color:#21759B;}
664
665 /*hide elements if js is avail*/
666 select.texture{display: none;}
667
668 #postbox-container-1 .frm_field_list{
669 margin-right:10px;
670 position:fixed;
671 z-index:5;
672 width:270px;
673 }
674
675 #frm_adv_info{position:fixed;z-index:5;width:280px;}
676 .frm_noallow{opacity:.5;filter:alpha(opacity=50);cursor:default;}
677 .frm_noallow:hover{color:inherit;}
678 ul .frm_col_one{float:left;}
679 ul .frm_col_two{float:right;}
680 .frm_code_list li{width:47%;}
681 .frm_code_list.frm_full_width li{width:auto;}
682 .frm_code_list a.button{
683 display:block;
684 text-align:center;
685 font-size:11px;
686 }
687 iframe#dyncontent_ifr{min-height:150px;}
688 #frm-insert-fields-box ul.frm_code_list, #frm-conditionals ul.frm_code_list{padding-right:0.9em;}
689
690 .frm_uninstall a.button{margin-top:1px;}
691
692 #message.fade:not(.out){opacity:1;}
693
694 /*!
695 * Bootstrap v3.0.2
696 */
697
698 .tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.95;filter:alpha(opacity=95);}
699 .tooltip.top{margin-top:-3px;padding:5px 0;}
700 .tooltip.right{margin-left:3px;padding:0 5px;}
701 .tooltip.bottom{margin-top:3px;padding:5px 0;}
702 .tooltip.left{margin-left:-3px;padding:0 5px;}
703 .tooltip-inner{max-width:200px;padding:3px 8px;color:#FFF;text-align:center;text-decoration:none;
704 background-color:#777;border-radius:4px;
705 }
706 .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
707 .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#808080;}
708 .tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#808080;}
709 .tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#808080;}
710 .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#808080;}
711 .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#808080;}
712 .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
713 .tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
714 .tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
715
716 .fade {
717 opacity: 0;
718 -webkit-transition: opacity 0.15s linear;
719 transition: opacity 0.15s linear;
720 }
721
722 .fade.in {
723 opacity: 1;
724 }
725
726 .frm_progress {
727 overflow: hidden;
728 height: 20px;
729 margin-bottom: 20px;
730 background-color: #f5f5f5;
731 border-radius: 4px;
732 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
733 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
734 }
735 .frm_progress_bar {
736 float: left;
737 width: 0%;
738 height: 100%;
739 font-size: 12px;
740 line-height: 20px;
741 color: #ffffff;
742 text-align: center;
743 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
744 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
745 -webkit-transition: width 0.6s ease;
746 transition: width 0.6s ease;
747 background-color: #04A4CC;
748 }
749 /* End Bootstrap */
750
751 .tooltip.frm_tooltip{
752 position:fixed;
753 top:auto !important;
754 bottom:0 !important;
755 left:0 !important;
756 max-width:none;
757 width:100% !important;
758 }
759 .tooltip.frm_tooltip.bottom{padding:0;}
760 .frm_tooltip .tooltip-inner{
761 max-width:none;
762 min-height:40px !important;
763 text-align:left;
764 -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
765 -webkit-box-shadow:5px 5px 25px rgba(0,0,0,0.5);
766 box-shadow:5px 5px 25px rgba(0,0,0,0.5);
767 padding:10px 40px;
768 border-top-color:#ccc;
769 background:#777;
770 }
771
772 /*form field groups*/
773 .widget .field-group {
774 float: left;
775 width: 32%;
776 margin: 10px 1% 0 0;
777 }
778 .field-group-background{
779 margin: 4px 0 0;
780 clear: both;
781 float: none;
782 width: auto;
783 }
784 .field-group-border, .field-group-corners {clear: left;}
785
786 /*form labels*/
787 .frm_style_roller .widget label{
788 font-size: 12px;
789 }
790
791 .widget .field-group label {
792 margin: 6px 0 5px;
793 display: block;
794 }
795 .global-font .field-group{
796 margin: 4px 0 0;
797 clear: both;
798 float: none;
799 width: auto;
800 }
801 .global-font .field-group label{
802 float: left;
803 margin-right: 4px !important;
804 text-align: right;
805 width: 50px;
806 }
807
808 /*form inputs/selects */
809 .widget input.hex, .field-group input[type="text"]{
810 width: 97%;
811 outline: 0;
812 }
813 .global-font .field-group input[type="text"]{width:auto;}
814
815 /*Custom form elements */
816 .themeRoller div.hasPicker {
817 position: static;
818 width: 48px;
819 padding: 1px;
820 margin: -2px 0 0 -2px;
821 float: left;
822 }
823 .themeRoller div.picker-on {
824 background: #666;
825 border-color: #aaa;
826 border-bottom: #666;
827 }
828
829 /*pickers*/
830 #picker {
831 position: absolute;
832 left: 0;
833 top: auto;
834 width: 200px;
835 }
836 /*Texture Picker menus*/
837 .texturePicker {
838 width: 16px;
839 height: 16px;
840 float: left;
841 margin: 0 4px 0;
842 border: 1px solid #DFDFDF;
843 }
844 .texturePicker a {
845 width: 18px;
846 height: 18px;
847 display: block;
848 cursor: pointer;
849 }
850 .texturePicker ul {
851 width: 80px;
852 margin: 0;
853 padding: .5em 5px;
854 list-style: none;
855 position: absolute;
856 top: 1.6em;
857 left: 0;
858 background: #fff;
859 z-index: 999999;
860 border: 1px solid #DFDFDF;
861 }
862 .texturePicker ul li {
863 float: left;
864 width: 20px;
865 }
866 .texturePicker ul li a {
867 color: #eee;
868 text-decoration: none;
869 display: block;
870 text-indent: -99999px;
871 border: 1px solid #fff;
872 height: 1.5em;
873 }
874 .texturePicker ul li a:hover {
875 border: 1px solid #ccc;
876 }
877 .texturePicker ul li a:active {
878 border: 1px solid #eeeeee;
879 outline: 0 !important;
880 }
881
882 /*Farbtastic styles*/
883 .farbtastic {
884 position: relative;
885 background: #555;
886 border: 1px solid #aaa;
887 top: 1px;
888 left: 0;
889 z-index: 99999999;
890 }
891 .farbtastic * {
892 position: absolute;
893 cursor: crosshair;
894 }
895 .farbtastic, .farbtastic .wheel {
896 width: 195px;
897 height: 195px;
898 }
899 .farbtastic .color, .farbtastic .overlay {
900 top: 47px;
901 left: 47px;
902 width: 101px;
903 height: 101px;
904 }
905 .farbtastic .wheel {
906 background: url(../pro/images/styler/wheel.png) no-repeat;
907 width: 195px;
908 height: 195px;
909 }
910 .farbtastic .overlay {
911 background: url(../pro/images/styler/mask.png) no-repeat;
912 }
913 .farbtastic .marker {
914 width: 17px;
915 height: 17px;
916 margin: -8px 0 0 -8px;
917 overflow: hidden;
918 background: url(../pro/images/styler/marker.png) no-repeat;
919 }
920
921
922 ul#icons {margin: 0; padding: 0;}
923 ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
924 ul#icons span.ui-icon {float: left; margin: 0 4px;}
925
926 /* ---------------------------------------------------------------
927 Clearfix
928 --------------------------------------------------------------- */
929 span.clear{display:block;}
930 .clearfix:after {
931 content: ".";
932 display: block;
933 height: 0;
934 clear: both;
935 visibility: hidden;
936 }
937
938 .clearfix {display: inline-block;}
939
940 /*Override styling from other plugins*/
941 .frm_form_fields .clear{height:auto;}
942
943 /* Hides from IE-mac \*/
944 * html .clearfix {height: 1%;}
945 .clearfix {display: block;}
946 /* End hide from IE-mac */
947 @media only screen and (max-width: 1200px) {
948 .frm_no_fields .frm_all_field_inst{ font-size: 40px;}
949 .frm_no_fields .frm_drag_inst{font-size: 30px;}
950 }
951 @media only screen and (max-width: 1050px) {
952 .frm_no_fields .frm_all_field_inst{ font-size: 30px;}
953 .frm_no_fields .frm_drag_inst{font-size: 20px;}
954 }
955 @media (min-width:768px){.navbar-right .frm-dropdown-menu{right:0;left:auto;}}
956 @media only screen and (max-width: 850px) {
957 #postbox-container-1 .frm_field_list{position:static; width:100%;}
958 .frm_col_one{clear:none;}
959 .field_type_list li{margin-right:4px;}
960 .frm_no_fields .frm_brace {display:none;}
961 .frm_nofields_text {width:100%;}
962 .frm_no_fields .frm_all_field_inst{ font-size: 50px;text-align:center;}
963 .frm_no_fields .frm_drag_inst{font-size: 40px;text-align:center;}
964 }
965 @media print,
966 (-o-min-device-pixel-ratio: 5/4),
967 (-webkit-min-device-pixel-ratio: 1.25),
968 (min-resolution: 120dpi) {
969 #wpbody-content .frmicon.icon32, .icon32-posts-frm_display {
970 background: url(../images/form_32_sprite-2x.png) no-repeat !important;
971 background-size: 325px 33px !important;
972 }
973 }
974 @media only screen and (max-width: 600px) {
975 .frm_form_nav a {
976 font-size: 12px;
977 padding: 5px 15px;
978 }
979 }
980 @media only screen and (max-width: 475px) {
981 .frm_no_fields .frm_all_field_inst{ font-size: 20px;}
982 .frm_no_fields .frm_drag_inst{font-size: 13px;}
983 }
984 @media only screen and (max-width: 450px) {
985 ul.frm_form_nav li{float:none;}
986 ul.frm_form_nav {min-width:100px; width:100%;}
987 .frm_form_nav a {
988 border-right: solid 1px #c6c6c6;
989 border-top-right-radius: 4px;
990 border-bottom-right-radius: 4px;
991 font-size: 13px;
992 }
993 }
994
995 /* PRINT */
996 @media print {
997 #adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary,
998 #screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav, .icon32,
999 .frm_flash_graph, .frm_no_print, object{visibility:hidden;display:none !important;}
1000 #poststuff #post-body.columns-2{margin-right:0;}
1001 .widget, .postbox, .stuffbox, .postbox h3{border-width:0px !important;border-color:#fff;}
1002 .postbox{background:#fff !important;border:none;position:static;}
1003 .postbox h3{background:#fff !important;}
1004 #wpbody-content{float:none;}
1005 #wpcontent, #post-body-content, .has-right-sidebar #post-body{margin:0 !important;}
1006 .frm_charts .alignleft{float:none;}
1007 .pg_odd, .pg_even{page-break-inside:avoid;max-width:600px;}
1008 }