| @@ -7,10 +7,11 @@ | ||
| 7 | 7 | extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract |
| 8 | 8 | |
| 9 | 9 | $important = empty( $important_style ) ? '' : ' !important'; |
| 10 | 10 | |
| 11 | -$minus_icons = FrmStylesHelper::minus_icons(); | |
| 12 | -$arrow_icons = FrmStylesHelper::arrow_icons(); | |
| 11 | +$minus_icons = FrmStylesHelper::minus_icons(); | |
| 12 | +$arrow_icons = FrmStylesHelper::arrow_icons(); | |
| 13 | +$use_chosen_js = FrmStylesHelper::use_chosen_js(); | |
| 13 | 14 | |
| 14 | 15 | ?> |
| 15 | 16 | .<?php echo esc_html( $style_class ); ?>{ |
| 16 | 17 | <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?> |
| @@ -32,44 +33,8 @@ | ||
| 32 | 33 | text-align:center; |
| 33 | 34 | } |
| 34 | 35 | <?php } ?> |
| 35 | 36 | |
| 36 | -<?php if ( ! empty( $label_color ) ) { ?> | |
| 37 | -.<?php echo esc_html( $style_class ); ?> .frm_icon_font{ | |
| 38 | - color:<?php echo esc_html( $label_color . $important ); ?>; | |
| 39 | -} | |
| 40 | -<?php } ?> | |
| 41 | - | |
| 42 | -.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before{ | |
| 43 | - content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ); ?>"; | |
| 44 | -} | |
| 45 | - | |
| 46 | -.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{ | |
| 47 | - content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['+'] : $minus_icons[1]['+'] ); ?>"; | |
| 48 | -} | |
| 49 | - | |
| 50 | -.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before, | |
| 51 | -.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{ | |
| 52 | - <?php if ( ! empty( $submit_text_color ) ) { ?> | |
| 53 | - color:<?php echo esc_html( $submit_text_color . $important ); ?>; | |
| 54 | - <?php } ?> | |
| 55 | - vertical-align:middle; | |
| 56 | -} | |
| 57 | - | |
| 58 | -.<?php echo esc_html( $style_class ); ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{ | |
| 59 | - content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['-'] : $arrow_icons[1]['-'] ); ?>"; | |
| 60 | - <?php if ( ! empty( $section_color ) ) { ?> | |
| 61 | - color:<?php echo esc_html( $section_color . $important ); ?>; | |
| 62 | - <?php } ?> | |
| 63 | -} | |
| 64 | - | |
| 65 | -.<?php echo esc_html( $style_class ); ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{ | |
| 66 | - content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['+'] : $arrow_icons[1]['+'] ); ?>"; | |
| 67 | - <?php if ( ! empty( $section_color ) ) { ?> | |
| 68 | - color:<?php echo esc_html( $section_color . $important ); ?>; | |
| 69 | - <?php } ?> | |
| 70 | -} | |
| 71 | - | |
| 72 | 37 | <?php if ( ! empty( $field_margin ) ) { ?> |
| 73 | 38 | .<?php echo esc_html( $style_class ); ?> .form-field{ |
| 74 | 39 | margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>; |
| 75 | 40 | } |
| @@ -86,8 +51,10 @@ | ||
| 86 | 51 | .<?php echo esc_html( $style_class ); ?> .frm_error, |
| 87 | 52 | .<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{ |
| 88 | 53 | <?php if ( ! empty( $description_margin ) ) { ?> |
| 89 | 54 | margin:<?php echo esc_html( $description_margin . $important ); ?>; |
| 55 | + <?php } else { ?> | |
| 56 | + margin-top: 6px; | |
| 90 | 57 | <?php } ?> |
| 91 | 58 | padding:0; |
| 92 | 59 | <?php if ( ! empty( $font ) ) { ?> |
| 93 | 60 | font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; |
| @@ -187,9 +154,8 @@ | ||
| 187 | 154 | color: <?php echo esc_html( $text_color_disabled . $important ); ?>; |
| 188 | 155 | } |
| 189 | 156 | .<?php echo esc_html( $style_class ); ?> input::-moz-placeholder, |
| 190 | 157 | .<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{ |
| 191 | - color: <?php echo esc_html( $text_color_disabled . $important ); ?>; | |
| 192 | 158 | opacity: 1; |
| 193 | 159 | } |
| 194 | 160 | .<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder, |
| 195 | 161 | <?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{ |
| @@ -194,24 +160,22 @@ | ||
| 194 | 160 | .<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder, |
| 195 | 161 | <?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{ |
| 196 | 162 | color: <?php echo esc_html( $text_color_disabled . $important ); ?>; |
| 197 | 163 | } |
| 198 | -.<?php echo esc_html( $style_class ); ?> input:-moz-placeholder, | |
| 199 | -.<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{ | |
| 200 | - color: <?php echo esc_html( $text_color_disabled . $important ); ?>; | |
| 201 | -} | |
| 202 | 164 | |
| 203 | 165 | .<?php echo esc_html( $style_class ); ?> .frm_default, |
| 204 | 166 | .<?php echo esc_html( $style_class ); ?> input.frm_default, |
| 205 | 167 | .<?php echo esc_html( $style_class ); ?> textarea.frm_default, |
| 206 | 168 | .<?php echo esc_html( $style_class ); ?> select.frm_default, |
| 207 | -.<?php echo esc_html( $style_class ); ?> .placeholder, | |
| 169 | +<?php if ( $use_chosen_js ) { ?> | |
| 208 | 170 | .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default, |
| 209 | -.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{ | |
| 171 | +.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default, | |
| 172 | +<?php } ?> | |
| 173 | +.<?php echo esc_html( $style_class ); ?> .placeholder { | |
| 210 | 174 | color: <?php echo esc_html( $text_color_disabled . $important ); ?>; |
| 211 | 175 | } |
| 212 | 176 | |
| 213 | -.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus, | |
| 177 | +.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, | |
| 214 | 178 | .<?php echo esc_html( $style_class ); ?> select:focus, |
| 215 | 179 | .<?php echo esc_html( $style_class ); ?> textarea:focus, |
| 216 | 180 | .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text], |
| 217 | 181 | .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password], |
| @@ -220,11 +184,13 @@ | ||
| 220 | 184 | .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url], |
| 221 | 185 | .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel], |
| 222 | 186 | .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search], |
| 223 | 187 | .frm_form_fields_active_style, |
| 224 | -.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement, | |
| 188 | +<?php if ( $use_chosen_js ) { ?> | |
| 225 | 189 | .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single, |
| 226 | -.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{ | |
| 190 | +.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices, | |
| 191 | +<?php } ?> | |
| 192 | +.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement { | |
| 227 | 193 | background-color:<?php echo esc_html( $bg_color_active . $important ); ?>; |
| 228 | 194 | border-color:<?php echo esc_html( $border_color_active . $important ); ?>; |
| 229 | 195 | color: var(--text-color); |
| 230 | 196 | <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?> |
| @@ -230,9 +196,9 @@ | ||
| 230 | 196 | <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?> |
| 231 | 197 | box-shadow:none; |
| 232 | 198 | outline: none; |
| 233 | 199 | <?php } else { ?> |
| 234 | - box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6); | |
| 200 | + box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6); | |
| 235 | 201 | <?php } ?> |
| 236 | 202 | } |
| 237 | 203 | |
| 238 | 204 | <?php if ( ! $submit_style ) { ?> |
| @@ -258,25 +224,21 @@ | ||
| 258 | 224 | } |
| 259 | 225 | echo esc_html( $important ); |
| 260 | 226 | ?> |
| 261 | 227 | ; |
| 228 | + <?php if ( '' !== $submit_border_width ) : ?> | |
| 262 | 229 | border-width:<?php echo esc_html( $submit_border_width ); ?>; |
| 230 | + <?php endif; ?> | |
| 263 | 231 | border-color: <?php echo esc_html( $submit_border_color . $important ); ?>; |
| 264 | 232 | border-style:solid; |
| 265 | 233 | color:<?php echo esc_html( $submit_text_color . $important ); ?>; |
| 266 | 234 | cursor:pointer; |
| 267 | 235 | font-weight:<?php echo esc_html( $submit_weight . $important ); ?>; |
| 268 | - -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>; | |
| 269 | - -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>; | |
| 270 | 236 | border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>; |
| 271 | 237 | text-shadow:none; |
| 272 | 238 | padding:<?php echo esc_html( $submit_padding . $important ); ?>; |
| 273 | - -moz-box-sizing:border-box; | |
| 274 | 239 | box-sizing:border-box; |
| 275 | - -ms-box-sizing:border-box; | |
| 276 | 240 | <?php if ( ! empty( $submit_shadow_color ) ) { ?> |
| 277 | - -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>; | |
| 278 | - -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>; | |
| 279 | 241 | box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>; |
| 280 | 242 | <?php } ?> |
| 281 | 243 | margin:<?php echo esc_html( $submit_margin ); ?>; |
| 282 | 244 | <?php |
| @@ -329,8 +291,9 @@ | ||
| 329 | 291 | .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active, |
| 330 | 292 | .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{ |
| 331 | 293 | color: transparent <?php echo esc_html( $important ); ?>; |
| 332 | 294 | background: <?php echo esc_html( $submit_bg_color . $important ); ?>; |
| 295 | + border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>; | |
| 333 | 296 | } |
| 334 | 297 | |
| 335 | 298 | .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before, |
| 336 | 299 | .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before { |
| @@ -343,10 +306,10 @@ | ||
| 343 | 306 | max-width:<?php echo esc_html( $submit_width ); ?>; |
| 344 | 307 | <?php } ?> |
| 345 | 308 | } |
| 346 | 309 | <?php |
| 347 | - } | |
| 348 | -} | |
| 310 | + }//end if | |
| 311 | +}//end if | |
| 349 | 312 | ?> |
| 350 | 313 | |
| 351 | 314 | .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before, |
| 352 | 315 | .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before { |
| @@ -393,11 +356,13 @@ | ||
| 393 | 356 | .frm_form_fields_error_style, |
| 394 | 357 | .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe, |
| 395 | 358 | .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe, |
| 396 | 359 | .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement, |
| 360 | +<?php if ( $use_chosen_js ) { ?> | |
| 397 | 361 | .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices, |
| 398 | 362 | .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single, |
| 399 | -.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{ | |
| 363 | +<?php } ?> | |
| 364 | +.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid { | |
| 400 | 365 | color:<?php echo esc_html( $text_color_error . $important ); ?>; |
| 401 | 366 | background-color:<?php echo esc_html( $bg_color_error . $important ); ?>; |
| 402 | 367 | border-color:<?php echo esc_html( $border_color_error . $important ); ?>; |
| 403 | 368 | border-width:<?php echo esc_html( $border_width_error . $important ); ?>; |
| @@ -412,9 +377,8 @@ | ||
| 412 | 377 | .<?php echo esc_html( $style_class ); ?> .frm_limit_error{ |
| 413 | 378 | font-weight:<?php echo esc_html( $weight . $important ); ?>; |
| 414 | 379 | } |
| 415 | 380 | |
| 416 | -.<?php echo esc_html( $style_class ); ?> .frm_blank_field label, | |
| 417 | 381 | .<?php echo esc_html( $style_class ); ?> .frm_error, |
| 418 | 382 | .<?php echo esc_html( $style_class ); ?> .frm_limit_error{ |
| 419 | 383 | color:<?php echo esc_html( $border_color_error . $important ); ?>; |
| 420 | 384 | } |