Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/www/wp-content/themes/dt-the7/css/dynamic-less/shortcodes/ |
/* #Contact form
================================================== */
.mixin-float-line-height (@a, @b) when ((@a + 10px) > @b) {
line-height: @b - 10px;
}
//less.ph(@opacity: 0.5) {
input::-webkit-input-placeholder { color: var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity, 0.5); }
input:-moz-placeholder { color: var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity, 0.5); }
textarea::-webkit-input-placeholder { color: var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity, 0.5); }
textarea:-moz-placeholder { color: var(--the7-input-color); opacity: var(--the7-form-placeholder-opacity, 0.5); }
//}
//less.ph.focus(@opacity: 0.15) {
input:focus::-webkit-input-placeholder { opacity: var(--the7-form-placeholder-opacity-focus, 0.15); }
input:focus:-moz-placeholder { opacity: var(--the7-form-placeholder-opacity-focus, 0.15); }
textarea:focus::-webkit-input-placeholder { opacity: var(--the7-form-placeholder-opacity-focus, 0.15); }
textarea:focus:-moz-placeholder { opacity: var(--the7-form-placeholder-opacity-focus, 0.15); }
//}
// less.ph(fade(@input-color, 50%));
// less.ph.focus(fade(@input-color, 15%));
.form-fields label,
.comment-form label:not([for="wp-comment-cookies-consent"]) {
color: var(--the7-input-color);
}
input[type="text"],
.widget_search input[type="text"].searchform-s,
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select,
textarea,
.wpcf7-number,
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,
.the7-elementor-product-comments .elementor-field-textual,
.elementor-field-group .elementor-field-textual,
.elementor-field-group .elementor-select-wrapper select {
color: var(--the7-input-color);
font: var(--the7-form-md-font);
border-style: var(--the7-form-border);
border-top-width: var(--the7-top-input-border-width);
border-right-width: var(--the7-right-input-border-width);
border-bottom-width: var(--the7-bottom-input-border-width);
border-left-width: var(--the7-left-input-border-width);
padding: var(--the7-top-input-padding) var(--the7-right-input-padding) var(--the7-bottom-input-padding) var(--the7-left-input-padding);
border-color: var(--the7-input-border-color);
background-color: var(--the7-input-bg-color);
border-radius: var(--the7-input-border-radius);
box-shadow: var(--the7-form-shadow);
transition: all 0.3s ease;
&:focus {
box-shadow: var(--the7-form-shadow-focus);
}
.content & {
font-size: var(--the7-form-md-font-size);
line-height: var(--the7-form-md-line-height);
// .mixin-float-line-height (@base-line-height, var(--the7-input-height)) TODO fix this
}
}
.content .elementor-field-group .elementor-select-wrapper select {
font-size: inherit;
line-height: inherit;
}
input:-webkit-autofill {
transition: background-color 99999s ease-in-out 0s;
}
input[type="text"],
.widget_search input[type="text"].searchform-s,
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select,
.wpcf7-number,
.tinvwl-input-group .form-control,
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select{
min-height: var(--the7-input-height);
}
.formError + input,
.formError + textarea {
border-color: #f55b5f;
}
select:focus,
.woocommerce div.product.elementor form.cart table.variations td.value:focus:before {
outline: 0px solid transparent;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.dt-btn {
.widget .dt-form &,
.dt-form &,
.comment-form & {
font: var(--the7-btn-m-font);
text-transform: var(--the7-btn-m-text-transform);
letter-spacing: var(--the7-btn-m-letter-spacing);
word-spacing: var(--the7-btn-m-word-spacing);
border-radius: var(--the7-btn-m-border-radius);
padding: var(--the7-btn-m-padding);
}
}
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit),
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.tml-submit-wrap input[type="submit"],
.wpcf7-form input[type="submit"] {
font: var(--the7-btn-m-font);
text-transform: var(--the7-btn-m-text-transform);
letter-spacing: var(--the7-btn-m-letter-spacing);
word-spacing: var(--the7-btn-m-word-spacing);
border-radius: var(--the7-btn-m-border-radius);
padding: var(--the7-btn-m-padding);
min-width: var(--the7-btn-m-min-width);
min-height: var(--the7-btn-m-min-height);
}
.parentFormundefined,
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors,
.wpcf7-response-output {
.popup-message-style &,
.inline-message-style & {
background: var(--the7-accent-color);
}
.popup-message-style.accent-gradient &,
.inline-message-style.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
};
& .formErrorContent {
font: var(--the7-base-font-big);
}
#page &,
.popup-message-style &,
.inline-message-style & {
background: @message-bg-color;
color: @message-color !important;
border: none;
& .formErrorContent,
& .formErrorContent a,
& .close-message
& a {
color: @message-color;
}
&:before {
color: @message-color;
}
}
}
.comment-form-cookies-consent label,
.form-terms-text {
.text-small;
}
select:not(.elementor-field),
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select:not(.elementor-field){
-webkit-appearance: none !important;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, var(--the7-input-color) 50%),
linear-gradient(135deg, var(--the7-input-color) 50%, transparent 50%);
background-position: calc(100% ~'-' var(--the7-right-input-padding) ~'-' 5px) 50%, calc(100% ~'-' var(--the7-right-input-padding)) 50%,
100% 0;
background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
background-repeat: no-repeat;
padding-right: calc(var(--the7-right-input-padding) + 15px);
}
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select:not(.elementor-field){
background-image:
linear-gradient(45deg, transparent 50%, var(--the7-input-color) 50%),
linear-gradient(135deg, var(--the7-input-color) 50%, transparent 50%);
background-position: calc(100% ~'-' var(--the7-right-input-padding) ~'-' 4px) 50%, calc(100% ~'-' var(--the7-right-input-padding)) 50%,
100% 0;
background-size: 4px 4px, 4px 4px, 2.5em 2.5em;
background-repeat: no-repeat;
}