Willkommen bei WordPress. Dies ist dein erster Beitrag. Bearbeite oder lösche ihn und beginne mit dem Schreiben!
Hallo Welt!
von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare
Cokiee Shell
Current Path : /var/www/web28/html/wp-content/plugins/fusion-builder/assets/css/shortcodes/ |
Current File : //var/www/web28/html/wp-content/plugins/fusion-builder/assets/css/shortcodes/button.css |
/* stylelint-disable length-zero-no-unit */ /* stylelint-enable length-zero-no-unit */ .fusion-builder-elements-button-all { --button_margin-top: 0px; --button_margin-right: 0px; --button_margin-bottom: 0px; --button_margin-left: 0px; display: inline-flex; justify-content: center; align-items: center; position: relative; text-decoration: none; cursor: pointer; box-sizing: border-box; font-family: var(--button_typography-font-family); font-weight: var(--button_typography-font-weight); font-style: var(--button_typography-font-style, normal); letter-spacing: var(--button_typography-letter-spacing); border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0) var(--button_border_width-bottom, 0) var(--button_border_width-left, 0); border-style: solid; border-radius: var(--button-border-radius-top-left, 0) var(--button-border-radius-top-right, 0) var(--button-border-radius-bottom-right, 0) var(--button-border-radius-bottom-left, 0); text-transform: var(--button_text_transform); transition: all 200ms; margin: var(--button_margin-top) var(--button_margin-right) var(--button_margin-bottom) var(--button_margin-left); } button.button, .fusion-body .fusion-button-default-size { padding-top: var(--button_padding-top, 13px); padding-right: var(--button_padding-right, 29px); padding-bottom: var(--button_padding-bottom, 13px); padding-left: var(--button_padding-left, 29px); line-height: var(--button_line_height, 1); font-size: var(--button_font_size, 14px); } button.button .fusion-button-text-left, .fusion-body .fusion-button-default-size .fusion-button-text-left { display: inline-block; margin-left: calc(var(--button_padding-left, 29px) / 2 + var(--button_font_size, 14px) + 1px); } button.button .fusion-button-text-right, .fusion-body .fusion-button-default-size .fusion-button-text-right { display: inline-block; margin-right: calc(var(--button_padding-right, 29px) / 2 + var(--button_font_size, 14px) + 1px); } button.button .button-icon-divider-left, .fusion-body .fusion-button-default-size .button-icon-divider-left, button.button .button-icon-divider-right, .fusion-body .fusion-button-default-size .button-icon-divider-right { margin: 0; padding: 0; width: calc(var(--button_padding-left, 29px) + var(--button_font_size, 14px)); } button.button .button-icon-divider-left i, .fusion-body .fusion-button-default-size .button-icon-divider-left i, button.button .button-icon-divider-left img, .fusion-body .fusion-button-default-size .button-icon-divider-left img, button.button .button-icon-divider-right i, .fusion-body .fusion-button-default-size .button-icon-divider-right i, button.button .button-icon-divider-right img, .fusion-body .fusion-button-default-size .button-icon-divider-right img { display: block; } .fusion-builder-elements-button-main-default { background: var(--button_gradient_top_color); color: var(--button_accent_color); border-color: var(--button_border_color); } .fusion-builder-elements-button-main-default .fusion-button-text { color: var(--button_accent_color); } .fusion-builder-elements-button-main-default:hover .fusion-button-text, .fusion-builder-elements-button-main-default:focus .fusion-button-text, .fusion-builder-elements-button-main-default:active .fusion-button-text { color: var(--button_accent_hover_color, var(--button_accent_color)); } .fusion-builder-elements-button-main-gradient { --button_gradient: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%)); background-image: var(--button_gradient); } .fusion-builder-elements-button-main-hover-gradient, .fusion-builder-elements-button-main-focus-gradient, .fusion-builder-elements-button-main-active-gradient { --button_gradient_hover: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%)); background-image: var(--button_gradient_hover); } .fusion-builder-elements-button-main-radial-gradient { --button_gradient: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%)); background-image: var(--button_gradient); } .fusion-builder-elements-button-main-radial-hover-gradient, .fusion-builder-elements-button-main-radial-focus-gradient, .fusion-builder-elements-button-main-radial-active-gradient { --button_gradient_hover: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%)); background-image: var(--button_gradient_hover); } .fusion-builder-elements-button-main-visited { color: var(--button_accent_color); } .fusion-builder-elements-button-main-hover, .fusion-builder-elements-button-main-focus, .fusion-builder-elements-button-main-active { background: var(--button_gradient_top_color_hover); color: var(--button_accent_hover_color, var(--button_accent_color)); border-color: var(--button_border_hover_color); } .fusion-builder-elements-button-main-span-yes { width: 100%; } .fusion-button.button-flat { box-shadow: none !important; } .fusion-button-wrapper { display: inline; } .fusion-button-wrapper.fusion-aligncenter { display: block; text-align: center; } .fusion-button-wrapper.fusion-align-block { display: block; } .fusion-disable-outline .bbp-submit-wrapper .button, .fusion-disable-outline .fusion-button, .fusion-disable-outline .gform_wrapper .button, .fusion-disable-outline .gform_wrapper .gform_button, .fusion-disable-outline .post-password-form input[type="submit"], .fusion-disable-outline .tribe-events-tickets .button, .fusion-disable-outline .tribe-tickets button, .fusion-disable-outline .woocommerce .cart-collaterals .checkout-button, .fusion-disable-outline .woocommerce .checkout #place_order, .fusion-disable-outline .wpcf7-submit, .fusion-disable-outline .tml-submit-wrap input[type="submit"], .fusion-disable-outline .woocommerce.add_to_cart_inline .button, .fusion-disable-outline .single_add_to_cart_button, .fusion-disable-outline .button { outline: 0; } .fusion-disable-outline .bbp-submit-wrapper .button:focus, .fusion-disable-outline .fusion-button:focus, .fusion-disable-outline .gform_wrapper .button:focus, .fusion-disable-outline .gform_wrapper .gform_button:focus, .fusion-disable-outline .post-password-form input[type="submit"]:focus, .fusion-disable-outline .tribe-events-tickets .button:focus, .fusion-disable-outline .tribe-tickets button:focus, .fusion-disable-outline .woocommerce .cart-collaterals .checkout-button:focus, .fusion-disable-outline .woocommerce .checkout #place_order:focus, .fusion-disable-outline .wpcf7-submit:focus, .fusion-disable-outline .tml-submit-wrap input[type="submit"]:focus, .fusion-disable-outline .woocommerce.add_to_cart_inline .button:focus, .fusion-disable-outline .single_add_to_cart_button:focus, .fusion-disable-outline .button:focus { outline: 0; } .fusion-button i, .fusion-button-icon-divider, .fusion-button-text { transition: all 0.2s; } #bbp_user_edit_submit, .bbp-submit-wrapper .button, .button-small, .fusion-body .fusion-button-small, .single_add_to_cart_button, .wpcf7-form .wpcf7-submit.button-small, .wpcf7-form .wpcf7-submit.fusion-button-small { padding: 9px 20px; line-height: 14px; font-size: 12px; } #bbp_user_edit_submit .fusion-button-text-left, .bbp-submit-wrapper .button .fusion-button-text-left, .button-small .fusion-button-text-left, .fusion-body .fusion-button-small .fusion-button-text-left, .single_add_to_cart_button .fusion-button-text-left, .wpcf7-form .wpcf7-submit.button-small .fusion-button-text-left, .wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-left { display: inline-block; padding-left: 25px; } #bbp_user_edit_submit .fusion-button-text-right, .bbp-submit-wrapper .button .fusion-button-text-right, .button-small .fusion-button-text-right, .fusion-body .fusion-button-small .fusion-button-text-right, .single_add_to_cart_button .fusion-button-text-right, .wpcf7-form .wpcf7-submit.button-small .fusion-button-text-right, .wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-right { display: inline-block; padding-right: 25px; } #bbp_user_edit_submit .button-icon-divider-left, .bbp-submit-wrapper .button .button-icon-divider-left, .button-small .button-icon-divider-left, .fusion-body .fusion-button-small .button-icon-divider-left, .single_add_to_cart_button .button-icon-divider-left, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left { padding: 0 10px; } #bbp_user_edit_submit .button-icon-divider-left.fusion-megamenu-image, .bbp-submit-wrapper .button .button-icon-divider-left.fusion-megamenu-image, .button-small .button-icon-divider-left.fusion-megamenu-image, .fusion-body .fusion-button-small .button-icon-divider-left.fusion-megamenu-image, .single_add_to_cart_button .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left.fusion-megamenu-image { padding: 0 5px; } #bbp_user_edit_submit .button-icon-divider-right, .bbp-submit-wrapper .button .button-icon-divider-right, .button-small .button-icon-divider-right, .fusion-body .fusion-button-small .button-icon-divider-right, .single_add_to_cart_button .button-icon-divider-right, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right { padding: 0 10px; } #bbp_user_edit_submit .button-icon-divider-right.fusion-megamenu-image, .bbp-submit-wrapper .button .button-icon-divider-right.fusion-megamenu-image, .button-small .button-icon-divider-right.fusion-megamenu-image, .fusion-body .fusion-button-small .button-icon-divider-right.fusion-megamenu-image, .single_add_to_cart_button .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right.fusion-megamenu-image { padding: 0 5px; } #bbp_user_edit_submit .button-icon-divider-left i, .bbp-submit-wrapper .button .button-icon-divider-left i, .button-small .button-icon-divider-left i, .fusion-body .fusion-button-small .button-icon-divider-left i, .single_add_to_cart_button .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left i, #bbp_user_edit_submit .button-icon-divider-left img, .bbp-submit-wrapper .button .button-icon-divider-left img, .button-small .button-icon-divider-left img, .fusion-body .fusion-button-small .button-icon-divider-left img, .single_add_to_cart_button .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left img, #bbp_user_edit_submit .button-icon-divider-right i, .bbp-submit-wrapper .button .button-icon-divider-right i, .button-small .button-icon-divider-right i, .fusion-body .fusion-button-small .button-icon-divider-right i, .single_add_to_cart_button .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right i, #bbp_user_edit_submit .button-icon-divider-right img, .bbp-submit-wrapper .button .button-icon-divider-right img, .button-small .button-icon-divider-right img, .fusion-body .fusion-button-small .button-icon-divider-right img, .single_add_to_cart_button .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right img { display: block; } .button-medium, .fusion-body .fusion-button-medium, .ticket-selector-submit-btn[type=submit], .wpcf7-form .wpcf7-submit.button-medium, .wpcf7-form .wpcf7-submit.fusion-button-medium { padding: 11px 23px; line-height: 16px; font-size: 13px; } .button-medium .fusion-button-text-left, .fusion-body .fusion-button-medium .fusion-button-text-left, .ticket-selector-submit-btn[type=submit] .fusion-button-text-left, .wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-left, .wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-left { display: inline-block; padding-left: 28px; } .button-medium .fusion-button-text-right, .fusion-body .fusion-button-medium .fusion-button-text-right, .ticket-selector-submit-btn[type=submit] .fusion-button-text-right, .wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-right, .wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-right { display: inline-block; padding-right: 28px; } .button-medium .button-icon-divider-left, .fusion-body .fusion-button-medium .button-icon-divider-left, .ticket-selector-submit-btn[type=submit] .button-icon-divider-left, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left { padding: 0 12.5px; } .button-medium .button-icon-divider-left.fusion-megamenu-image, .fusion-body .fusion-button-medium .button-icon-divider-left.fusion-megamenu-image, .ticket-selector-submit-btn[type=submit] .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left.fusion-megamenu-image { padding: 0 6.25px; } .button-medium .button-icon-divider-right, .fusion-body .fusion-button-medium .button-icon-divider-right, .ticket-selector-submit-btn[type=submit] .button-icon-divider-right, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right { padding: 0 12.5px; } .button-medium .button-icon-divider-right.fusion-megamenu-image, .fusion-body .fusion-button-medium .button-icon-divider-right.fusion-megamenu-image, .ticket-selector-submit-btn[type=submit] .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right.fusion-megamenu-image { padding: 0 6.25px; } .button-medium .button-icon-divider-left i, .fusion-body .fusion-button-medium .button-icon-divider-left i, .ticket-selector-submit-btn[type=submit] .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left i, .button-medium .button-icon-divider-left img, .fusion-body .fusion-button-medium .button-icon-divider-left img, .ticket-selector-submit-btn[type=submit] .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left img, .button-medium .button-icon-divider-right i, .fusion-body .fusion-button-medium .button-icon-divider-right i, .ticket-selector-submit-btn[type=submit] .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right i, .button-medium .button-icon-divider-right img, .fusion-body .fusion-button-medium .button-icon-divider-right img, .ticket-selector-submit-btn[type=submit] .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right img { display: block; } #tribe-bar-form .tribe-bar-submit input[type=submit], .button-large, .fusion-body .fusion-button-large, .tml-submit-wrap input[type="submit"], .wpcf7-form .wpcf7-submit.button-large, .wpcf7-form .wpcf7-submit.fusion-button-large { padding: 13px 29px; line-height: 17px; font-size: 14px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-left, .button-large .fusion-button-text-left, .fusion-body .fusion-button-large .fusion-button-text-left, .tml-submit-wrap input[type="submit"] .fusion-button-text-left, .wpcf7-form .wpcf7-submit.button-large .fusion-button-text-left, .wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-left { display: inline-block; padding-left: 34px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-right, .button-large .fusion-button-text-right, .fusion-body .fusion-button-large .fusion-button-text-right, .tml-submit-wrap input[type="submit"] .fusion-button-text-right, .wpcf7-form .wpcf7-submit.button-large .fusion-button-text-right, .wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-right { display: inline-block; padding-right: 34px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left, .button-large .button-icon-divider-left, .fusion-body .fusion-button-large .button-icon-divider-left, .tml-submit-wrap input[type="submit"] .button-icon-divider-left, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left { padding: 0 14.5px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left.fusion-megamenu-image, .button-large .button-icon-divider-left.fusion-megamenu-image, .fusion-body .fusion-button-large .button-icon-divider-left.fusion-megamenu-image, .tml-submit-wrap input[type="submit"] .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left.fusion-megamenu-image { padding: 0 7.25px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right, .button-large .button-icon-divider-right, .fusion-body .fusion-button-large .button-icon-divider-right, .tml-submit-wrap input[type="submit"] .button-icon-divider-right, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right { padding: 0 14.5px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right.fusion-megamenu-image, .button-large .button-icon-divider-right.fusion-megamenu-image, .fusion-body .fusion-button-large .button-icon-divider-right.fusion-megamenu-image, .tml-submit-wrap input[type="submit"] .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right.fusion-megamenu-image, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right.fusion-megamenu-image { padding: 0 7.25px; } #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left i, .button-large .button-icon-divider-left i, .fusion-body .fusion-button-large .button-icon-divider-left i, .tml-submit-wrap input[type="submit"] .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left i, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left i, #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left img, .button-large .button-icon-divider-left img, .fusion-body .fusion-button-large .button-icon-divider-left img, .tml-submit-wrap input[type="submit"] .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left img, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left img, #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right i, .button-large .button-icon-divider-right i, .fusion-body .fusion-button-large .button-icon-divider-right i, .tml-submit-wrap input[type="submit"] .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right i, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right i, #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right img, .button-large .button-icon-divider-right img, .fusion-body .fusion-button-large .button-icon-divider-right img, .tml-submit-wrap input[type="submit"] .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right img, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right img { display: block; } .button-xlarge, .fusion-body .fusion-button-xlarge, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge { padding: 17px 40px; line-height: 21px; font-size: 18px; } .button-xlarge .fusion-button-text-left, .fusion-body .fusion-button-xlarge .fusion-button-text-left, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-left, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-left { display: inline-block; padding-left: 45px; } .button-xlarge .fusion-button-text-right, .fusion-body .fusion-button-xlarge .fusion-button-text-right, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-right, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-right { display: inline-block; padding-right: 45px; } .button-xlarge .button-icon-divider-left, .fusion-body .fusion-button-xlarge .button-icon-divider-left, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left { padding: 0 18.5px; } .button-xlarge .button-icon-divider-left.fusion-megamenu-image, .fusion-body .fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left.fusion-megamenu-image, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image { padding: 0 9.25px; } .button-xlarge .button-icon-divider-right, .fusion-body .fusion-button-xlarge .button-icon-divider-right, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right { padding: 0 18.5px; } .button-xlarge .button-icon-divider-right.fusion-megamenu-image, .fusion-body .fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right.fusion-megamenu-image, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image { padding: 0 9.25px; } .button-xlarge .button-icon-divider-left i, .fusion-body .fusion-button-xlarge .button-icon-divider-left i, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left i, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left i, .button-xlarge .button-icon-divider-left img, .fusion-body .fusion-button-xlarge .button-icon-divider-left img, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left img, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left img, .button-xlarge .button-icon-divider-right i, .fusion-body .fusion-button-xlarge .button-icon-divider-right i, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right i, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right i, .button-xlarge .button-icon-divider-right img, .fusion-body .fusion-button-xlarge .button-icon-divider-right img, .fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right img, .fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right img { display: block; } .button span { line-height: normal; } .button-icon-left { margin-right: 0.7em; } .button-icon-right { margin-left: 0.7em; } .button-icon-divider-left, .button-icon-divider-right { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; height: 100%; } .button-icon-divider-left i, .button-icon-divider-right i { position: relative; } .button-icon-divider-left img, .button-icon-divider-right img { position: relative; } .button-small .button-icon-divider-left img, .button-small .button-icon-divider-right img { max-width: 22px; } .button-medium .button-icon-divider-left img, .button-medium .button-icon-divider-right img { max-width: 23px; } .button-large .button-icon-divider-left img, .button-large .button-icon-divider-right img { max-width: 24px; } .button-xlarge .button-icon-divider-left img, .button-xlarge .button-icon-divider-right img { max-width: 25px; } .button-icon-divider-left { left: 0; border-right: 1px solid; } .button-icon-divider-right { right: 0; border-left: 1px solid; } .fusion-builder-elements-button-default-size-default { padding-top: var(--button_padding-top, 13px); padding-right: var(--button_padding-right, 29px); padding-bottom: var(--button_padding-bottom, 13px); padding-left: var(--button_padding-left, 29px); line-height: var(--button_line_height, 1); font-size: var(--button_font_size, 14px); } .fusion-button i { color: var(--button_accent_color); } .fusion-button.hover i, .fusion-button:hover i, .fusion-button:focus i { color: var(--button_accent_hover_color, var(--button_accent_color)); } .fusion-button[data-hover="icon_position"] .fusion-button-text { transition: color 0.2s, transform 0.4s 0.125s cubic-bezier(0.21, 0.6, 0.35, 1); } .fusion-button[data-hover="icon_position"] > i { transition: color 0.2s, opacity 0.3s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s, transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s; } .fusion-button[data-hover="icon_position"] > i + i { opacity: 0; transition-delay: 0s; margin: 0; } .fusion-button[data-hover="icon_position"]:hover > i { transition-delay: 0s; opacity: 0; } .fusion-button[data-hover="icon_position"]:hover > i + i { opacity: 1; transform: translateX(0) !important; transition-delay: 0.25s; } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-left .fusion-button-text { margin-right: -1em; } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-left > i + i { order: 1; transform: translateX(1em); } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover .fusion-button-text { transform: translateX(-1.7em); } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover > i { transform: translateX(-1em); } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-right .fusion-button-text { margin-left: -1em; } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-right > i + i { order: -1; transform: translateX(-1em); } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover .fusion-button-text { transform: translateX(1.7em); } .fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover > i { transform: translateX(1em); } .fusion-button[data-hover="icon_slide"] i { animation: slide_icon_reverse 0.4s cubic-bezier(0.21, 0.6, 0.35, 1); } .fusion-button[data-hover="icon_slide"]:hover i { animation: slide_icon 0.4s cubic-bezier(0.21, 0.6, 0.35, 1); } @keyframes slide_icon { 0% { transform: translateX(0); } 25% { opacity: 0; } 26% { transform: translateX(1.25em); } 27% { transform: translateX(-1.25em); } 75% { opacity: 1; } 100% { transform: translateX(0); } } @keyframes slide_icon_reverse { 0% { transform: translateX(0); } 25% { opacity: 0; } 26% { transform: translateX(-1.25em); } 27% { transform: translateX(1.25em); } 75% { opacity: 1; } 100% { transform: translateX(0); } } .fusion-button[data-hover="icon_rotate"] i { transition: all 0.2s, transform 0.6s cubic-bezier(0.21, 0.6, 0.35, 1); } .fusion-button[data-hover="icon_rotate"]:hover i { transform: rotate(360deg); } .fusion-button[data-hover="underline"] { --button-underline-origin: left; --button-underline-origin-hover: right; } .rtl .fusion-button[data-hover="underline"] { --button-underline-origin: right; --button-underline-origin-hover: left; } .fusion-button[data-hover="underline"] .fusion-button-text { position: relative; } .fusion-button[data-hover="underline"] .fusion-button-text:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; border-bottom: 1px solid currentColor; transition: transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1); transform-origin: var(--button-underline-origin); } .fusion-button[data-hover="underline"]:hover .fusion-button-text:after { transform: scaleX(0); transform-origin: var(--button-underline-origin-hover); } .fusion-button[data-hover="text_slide_up"] { --button-slide-text-2: translateY(90%); --button-slide-text-hover-1: translateY(-90%); --button-slide-text-hover-2: translateY(0%); } .fusion-button[data-hover="text_slide_down"] { --button-slide-text-2: translateY(-90%); --button-slide-text-hover-1: translateY(90%); --button-slide-text-hover-2: translateY(0%); } .fusion-button[data-hover*="bg_slide"] { overflow: hidden; } .fusion-button[data-hover*="bg_slide"]:before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; transform: translateZ(0); backface-visibility: hidden; transition: clip-path 0.35s cubic-bezier(0.21, 0.6, 0.35, 1); background: var(--button_gradient_hover, var(--button_gradient_top_color_hover)); } .fusion-button[data-hover*="bg_slide"].fusion-button-span-yes:before { transition-duration: 0.6s; } .fusion-button[data-hover*="bg_slide"]:hover { background: var(--button_gradient, var(--button_gradient_top_color)); } .fusion-button[data-hover*="bg_slide"] > i, .fusion-button[data-hover*="bg_slide"] .fusion-button-text { position: relative; } .fusion-button[data-hover="bg_slide_right"]:before { clip-path: polygon(0 0, 0 0, -50% 100%, 0 100%); } .fusion-button[data-hover="bg_slide_right"]:hover:before { clip-path: polygon(0 0, 150% 0, 100% 100%, 0 100%); } .fusion-button[data-hover="bg_slide_left"]:before { clip-path: polygon(100% 0, 150% 0, 100% 100%, 100% 100%); } .fusion-button[data-hover="bg_slide_left"]:hover:before { clip-path: polygon(100% 0, 0 0, -50% 100%, 100% 100%); } .fusion-button .awb-button-text-transition { display: flex; } .fusion-button .awb-button-text-transition .fusion-button-text { transition: color 0.2s, opacity 0.5s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1); } .fusion-button .awb-button-text-transition .fusion-button-text:nth-child(2) { transform: var(--button-slide-text-2); position: absolute; opacity: 0; pointer-events: none; } .fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(1) { transform: var(--button-slide-text-hover-1); opacity: 0; } .fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(2) { transform: var(--button-slide-text-hover-2); opacity: 1; } .fusion-button.button-3d { box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3); } .fusion-button.button-3d:active { transform: translateY(calc(0.15em - 1px)); box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3); } .fusion-button.button-3d:hover { box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3); } .fusion-button.button-3d:hover:active { box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3); } .fusion-builder-elements-button-3d { box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3); } .fusion-builder-elements-button-3d-active { transform: translateY(calc(0.15em - 1px)); box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3); } .fusion-builder-elements-button-3d-hover { box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3); } .fusion-builder-elements-button-3d-hover-active { box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3); } .fusion-builder-elements-button-quantity-default-qty { width: var(--qty_size-width, 38px); } .fusion-builder-elements-button-quantity-default { font-size: var(--qty_font_size, 14px); width: var(--qty_size-height, 36px); height: var(--qty_size-height, 36px); line-height: 1; } .fusion-body .quantity, .single-product .product .summary .cart .quantity { width: calc(var(--qty_size-width, 38px) + var(--qty_size-height, 36px) + var(--qty_size-height, 36px)); } .fusion-button-span-yes { width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0)); } body.fusion-button_span-yes .fusion-button-default-span { width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0)); } .fusion-button.fusion-button-submitting { outline: 0; letter-spacing: 0; } .fusion-button.fusion-button-submitting span, .fusion-button.fusion-button-submitting:hover span, .fusion-button.fusion-button-submitting:focus span, .fusion-button.fusion-button-submitting:active span { color: transparent !important; } .fusion-button.fusion-button-submitting::after { content: ""; display: inline-block; position: absolute; z-index: 10; line-height: 1; width: 0.4em; height: 0.4em; left: 50%; transform: translateX(-50%); border-radius: 50%; animation: dots 0.75s infinite cubic-bezier(0.42, 0.01, 0.58, 1); } @keyframes dots { 0% { box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent); background: currentColor; } 33% { box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent); background: currentColor; } 66% { box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor; background: color-mix(in sRGB, currentColor 50%, transparent); } 100% { box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor; background: currentColor; } }
Cokiee Shell Web 1.0, Coded By Razor
Neueste Kommentare