WordPress.org
Get WordPress

Plugin Directory

Changeset 2465250


Ignore:
Timestamp:
01/29/2021 09:11:57 PM (5 years ago)
Author:
horbenko
Message:

Added default theme styles for formm messages & notice. Added video to plugin description.

Location:
elysio-form
Files:
9 added
8 edited

Legend:

Unmodified
Added
Removed

  • elysio-form/tags/1.0/assets/css/style.css

    r2455967 r2465250  
    1 :root{--focus-color:rgba(233,32,134,0.65)}.ectf7-focus-none input:focus,.ectf7-focus-none textarea:focus{outline:none!important}.ectf7-focus-focus-solid input:focus,.ectf7-focus-focus-solid textarea:focus{outline:2px solid var(--focus-color)!important;outline-offset:0!important}.ectf7-focus-focus-dotted input:focus,.ectf7-focus-focus-dotted textarea:focus{outline-offset:2px!important;outline:2px dotted var(--focus-color)!important}.ectf7-focus-rounded-focus input:focus,.ectf7-focus-rounded-focus textarea:focus{outline:none!important;box-shadow:0 0 0 3px var(--focus-color)!important}.ectf7-focus-colored-focus-alpha input:focus,.ectf7-focus-colored-focus-alpha textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),2px 2px 7px var(--focus-color),-2px -2px 7px rgba(241,103,4,.75)!important}.ectf7-focus-colored-focus-beta input:focus,.ectf7-focus-colored-focus-beta textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),3px 3px 15px 2px var(--focus-color),-3px -3px 15px 1px rgba(241,103,4,.75)!important}.ectf7-focus-colored-focus-gamma input:focus,.ectf7-focus-colored-focus-gamma textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 0 3px hsla(0,0%,100%,.87),3px 3px 18px 0 var(--focus-color),-3px -3px 20px 0 rgba(241,103,4,.75)!important}.border-radius--grow{outline:none;box-shadow:0 0 0 0 var(--focus-color);transition:box-shadow .25s ease-in}.border-radius--grow:focus{box-shadow:0 0 0 .5rem var(--focus-color)}.border-radius--shrink{outline:none;box-shadow:0 0 0 .75rem transparent;transition:box-shadow .5s ease-out}.border-radius--shrink:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--swell{outline:none;box-shadow:0 0 0 0 var(--focus-color),inset 0 0 0 0 var(--focus-color);transition:box-shadow .25s ease-out}.border-radius--swell:focus{box-shadow:0 0 0 .25rem var(--focus-color),inset 0 0 0 .25rem var(--focus-color)}.border-radius--top-left{outline:none;box-shadow:-2rem -2em 0 .5rem transparent;transition:box-shadow .33s ease-in}.border-radius--top-left:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--top-right{outline:none;box-shadow:2rem -2em 0 .5rem transparent;transition:box-shadow .33s ease-in}.border-radius--top-right:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--fill{outline:none;box-shadow:inset 0 0 0 0 var(--focus-color);transition:all .33s ease-in}.border-radius--fill:focus{box-shadow:inset 0 0 0 3rem var(--focus-color);color:#fff}.style1{outline:thin dotted transparent;outline-offset:1em;transition:all 1.25s ease}.style1:focus{outline-color:var(--focus-color);outline-offset:.125em}.style2{outline:thin solid transparent;outline-offset:1em;transition:all 1.25s ease}.style2:focus{outline:3px solid var(--focus-color);outline-offset:0}.style3{outline:1em solid transparent;transition:all 1.25s ease}.style3:focus{outline:3px solid var(--focus-color);outline-offset:0}form.ewpcf7 *,form.ewpcf7 button,form.ewpcf7 input,form.ewpcf7 select,form.ewpcf7 textarea{box-sizing:border-box}form.ewpcf7 input[type=submit]{display:block}form.ewpcf7.invalid .wpcf7-response-output,form.ewpcf7.unaccepted .wpcf7-response-output{font-size:16px;margin:0;border-color:transparent}.ectf7-default label{width:100%}form.ectf7-material1 p{position:relative;margin:0 0 24px}form.ectf7-material1 .ewrap{position:relative;display:block}form.ectf7-material1 .ewrap .elabel{position:absolute;left:0;top:0;transform-origin:left top;transition:transform .6s,color .4s;z-index:1;display:block;transform:translateY(16px) scale(1);font-size:16px;line-height:1.2;font:inherit}form.ectf7-material1 .ewrap input,form.ectf7-material1 .ewrap textarea{font-size:16px;font:inherit}form.ectf7-material1 .ewrap.is-filled .elabel{transform:translateY(0) scale(.75)}form.ectf7-material1 .wpcf7-form-control:not([type=submit]){border-radius:0;border:none;font-size:16px;line-height:1.2;padding:16px 0;margin:8px 0 4px;display:block;background-color:transparent;background-image:linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#39414d 0,#39414d);background-position:bottom left -100vw,bottom left -100vw,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 2px,100% 2px;transition:background-position .4s cubic-bezier(1,.32,0,.61)}form.ectf7-material1 .wpcf7-form-control:not([type=submit]):focus{background-position:bottom left 0,bottom left -100vw,0 100%!important}form.ectf7-material1 .wpcf7-not-valid-tip{font-size:12px;padding:4px 0 0}form.ectf7-material1 .wpcf7-response-output{font-size:16px;margin:0}form.ectf7-material1 .wpcf7-form-control.wpcf7-acceptance,form.ectf7-material1 .wpcf7-form-control.wpcf7-checkbox,form.ectf7-material1 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}form.ectf7-material2 p{position:relative;margin:0 0 24px}form.ectf7-material2 .ewrap{position:relative;display:block}form.ectf7-material2 .ewrap .elabel{position:absolute;left:16px;top:0;transform-origin:left top;transition:transform .6s,color .4s;z-index:1;display:block;transform:translateY(18px) scale(1);font-size:16px;line-height:1.2;font:inherit}form.ectf7-material2 .ewrap input,form.ectf7-material2 .ewrap textarea{font-size:16px;font:inherit}form.ectf7-material2 .ewrap.is-filled .elabel{transform:translateY(9px) scale(.75)}form.ectf7-material2 .ewrap.is-focused .elabel{color:#42a5f5}form.ectf7-material2 .wpcf7-form-control:not([type=submit]){border:none;font-size:16px;line-height:1.2;padding:22px 16px 13px;margin:8px 0 0;display:block;background-color:#f3f5f8;border-radius:8px 8px 0 0;background-image:linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#39414d 0,#39414d);background-position:bottom left -100vw,bottom left -100vw,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 2px,100% 2px;transition:background-position .4s cubic-bezier(1,.32,0,.61)}form.ectf7-material2 .wpcf7-form-control:not([type=submit]):focus{background-position:bottom left 0,bottom left -100vw,0 100%!important}form.ectf7-material2 .wpcf7-not-valid-tip{font-size:12px;padding:4px 0 0 16px}form.ectf7-material2 .wpcf7-response-output{font-size:16px;margin:0}form.ectf7-material2 .wpcf7-form-control.wpcf7-acceptance,form.ectf7-material2 .wpcf7-form-control.wpcf7-checkbox,form.ectf7-material2 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}.wpcf7 form.ectf7-material3 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-material3 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-material3 .ewrap .elabel{position:absolute;left:12px;top:0;transform-origin:left top;transition:transform .6s,color .6s;z-index:1;display:block;background:transparent;padding:0 8px 0 4px;transform:translateY(16px) scale(1);font-size:16px;line-height:1.2;font:inherit}.wpcf7 form.ectf7-material3 .ewrap input,.wpcf7 form.ectf7-material3 .ewrap textarea{font-size:16px;font:inherit}.wpcf7 form.ectf7-material3 .ewrap.is-filled .elabel{transform:translateY(-4px) scale(.75);background:#fff;line-height:1}.wpcf7 form.ectf7-material3 .ewrap.is-focused .elabel{color:#42a5f5}.wpcf7 form.ectf7-material3 .wpcf7-form-control:not([type=submit]){font-size:16px;line-height:1.2;padding:16px;margin:8px 0 2px;display:block;border:1px solid #42a5f5;border-radius:4px;background:transparent}.wpcf7 form.ectf7-material3 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-material3 .wpcf7-response-output{font-size:16px;margin:0}.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-acceptance,.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-checkbox,.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}.wpcf7 form.ectf7-custom-style1 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-custom-style1 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-custom-style1 .ewrap .elabel{position:absolute;display:block;background:#c9c9c9;font-size:10px;line-height:1;padding:4px 6px;border-radius:24px;z-index:1;top:0;left:16px;transform:translateY(-50%);transition:color .6s,background .6s}.wpcf7 form.ectf7-custom-style1 .ewrap .wpcf7-form-control:not([type=submit]){padding:12px 16px 8px;margin:0 0 4px;transition:border .6s;border-radius:6px;font-size:16px;line-height:1.2}.wpcf7 form.ectf7-custom-style1 .ewrap .wpcf7-form-control:not([type=submit]):focus{border-color:#42a5f5}.wpcf7 form.ectf7-custom-style1 .ewrap.is-focused .elabel{background:#42a5f5}.wpcf7 form.ectf7-custom-style1 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-custom-style2 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-custom-style2 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-custom-style2 .ewrap .elabel{position:absolute;display:block;background:#c9c9c9;font-size:10px;line-height:1;padding:4px 6px;border-radius:24px;z-index:1;top:16px;right:16px;transition:color .6s,background .6s}.wpcf7 form.ectf7-custom-style2 .ewrap .wpcf7-form-control:not([type=submit]){padding:16px;margin:0 0 4px;transition:border .6s;border-radius:42px;font-size:16px;line-height:1.2}.wpcf7 form.ectf7-custom-style2 .ewrap .wpcf7-form-control:not([type=submit]):focus{border-color:#42a5f5}.wpcf7 form.ectf7-custom-style2 .ewrap.is-focused .elabel{background:#42a5f5}.wpcf7 form.ectf7-custom-style2 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-textarea-resize-none textarea{resize:none}.wpcf7 form.ectf7-material-button input[type=submit]{border:none;padding:10px 20px;border-radius:3px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background:#42a5f5;color:#c6e4fc}.wpcf7 form.ectf7-material-button input[type=submit]:hover{filter:brightness(1.2);box-shadow:0 7px 14px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)}.wpcf7 form.ectf7-hide-error-message .wpcf7-response-output,.wpcf7 form.ectf7-hide-form-response .wpcf7-not-valid-tip{display:none!important}
     1:root{--focus-color:rgba(233,32,134,0.65)}.ectf7-focus-none input:focus,.ectf7-focus-none textarea:focus{outline:none!important}.ectf7-focus-focus-solid input:focus,.ectf7-focus-focus-solid textarea:focus{outline:2px solid var(--focus-color)!important;outline-offset:0!important}.ectf7-focus-focus-dotted input:focus,.ectf7-focus-focus-dotted textarea:focus{outline-offset:2px!important;outline:2px dotted var(--focus-color)!important}.ectf7-focus-rounded-focus input:focus,.ectf7-focus-rounded-focus textarea:focus{outline:none!important;box-shadow:0 0 0 3px var(--focus-color)!important}.ectf7-focus-colored-focus-alpha input:focus,.ectf7-focus-colored-focus-alpha textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),2px 2px 7px var(--focus-color),-2px -2px 7px rgba(241,103,4,.75)!important}.ectf7-focus-colored-focus-beta input:focus,.ectf7-focus-colored-focus-beta textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),3px 3px 15px 2px var(--focus-color),-3px -3px 15px 1px rgba(241,103,4,.75)!important}.ectf7-focus-colored-focus-gamma input:focus,.ectf7-focus-colored-focus-gamma textarea:focus{outline:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 0 3px hsla(0,0%,100%,.87),3px 3px 18px 0 var(--focus-color),-3px -3px 20px 0 rgba(241,103,4,.75)!important}.border-radius--grow{outline:none;box-shadow:0 0 0 0 var(--focus-color);transition:box-shadow .25s ease-in}.border-radius--grow:focus{box-shadow:0 0 0 .5rem var(--focus-color)}.border-radius--shrink{outline:none;box-shadow:0 0 0 .75rem transparent;transition:box-shadow .5s ease-out}.border-radius--shrink:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--swell{outline:none;box-shadow:0 0 0 0 var(--focus-color),inset 0 0 0 0 var(--focus-color);transition:box-shadow .25s ease-out}.border-radius--swell:focus{box-shadow:0 0 0 .25rem var(--focus-color),inset 0 0 0 .25rem var(--focus-color)}.border-radius--top-left{outline:none;box-shadow:-2rem -2em 0 .5rem transparent;transition:box-shadow .33s ease-in}.border-radius--top-left:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--top-right{outline:none;box-shadow:2rem -2em 0 .5rem transparent;transition:box-shadow .33s ease-in}.border-radius--top-right:focus{box-shadow:0 0 0 .25rem var(--focus-color)}.border-radius--fill{outline:none;box-shadow:inset 0 0 0 0 var(--focus-color);transition:all .33s ease-in}.border-radius--fill:focus{box-shadow:inset 0 0 0 3rem var(--focus-color);color:#fff}.style1{outline:thin dotted transparent;outline-offset:1em;transition:all 1.25s ease}.style1:focus{outline-color:var(--focus-color);outline-offset:.125em}.style2{outline:thin solid transparent;outline-offset:1em;transition:all 1.25s ease}.style2:focus{outline:3px solid var(--focus-color);outline-offset:0}.style3{outline:1em solid transparent;transition:all 1.25s ease}.style3:focus{outline:3px solid var(--focus-color);outline-offset:0}form.ewpcf7 *,form.ewpcf7 button,form.ewpcf7 input,form.ewpcf7 select,form.ewpcf7 textarea{box-sizing:border-box}form.ewpcf7 input[type=submit]{display:block}form.ewpcf7.invalid .wpcf7-response-output,form.ewpcf7.unaccepted .wpcf7-response-output{font-size:16px;margin:0;border-color:transparent}.ectf7-default label{width:100%}form.ectf7-material1 p{position:relative;margin:0 0 24px}form.ectf7-material1 .ewrap{position:relative;display:block}form.ectf7-material1 .ewrap .elabel{position:absolute;left:0;top:0;transform-origin:left top;transition:transform .6s,color .4s;z-index:1;display:block;transform:translateY(16px) scale(1);font-size:16px;line-height:1.2;font:inherit}form.ectf7-material1 .ewrap input,form.ectf7-material1 .ewrap textarea{font-size:16px;font:inherit;margin:0}form.ectf7-material1 .ewrap.is-filled .elabel{transform:translateY(0) scale(.6)}form.ectf7-material1 .wpcf7-form-control:not([type=submit]){border-radius:0;border:none;font-size:16px;line-height:1.2;padding:16px 0;margin:0 0 4px;display:block;background-color:transparent;background-image:linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#39414d 0,#39414d);background-position:bottom left -100vw,bottom left -100vw,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 2px,100% 2px;transition:background-position .4s cubic-bezier(1,.32,0,.61)}form.ectf7-material1 .wpcf7-form-control:not([type=submit]):focus{background-position:bottom left 0,bottom left -100vw,0 100%!important}form.ectf7-material1 .wpcf7-not-valid-tip{font-size:12px;padding:4px 0 0}form.ectf7-material1 .wpcf7-response-output{font-size:16px;margin:0}form.ectf7-material1 .wpcf7-form-control.wpcf7-acceptance,form.ectf7-material1 .wpcf7-form-control.wpcf7-checkbox,form.ectf7-material1 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}form.ectf7-material2 p{position:relative;margin:0 0 24px}form.ectf7-material2 .ewrap{position:relative;display:block}form.ectf7-material2 .ewrap .elabel{position:absolute;left:16px;top:0;transform-origin:left top;transition:transform .6s,color .4s;z-index:1;display:block;transform:translateY(50%) scale(1);font-size:16px;line-height:1.2;font:inherit}form.ectf7-material2 .ewrap input,form.ectf7-material2 .ewrap textarea{font-size:16px;font:inherit;margin:0}form.ectf7-material2 .ewrap.is-filled .elabel{transform:translateY(9px) scale(.6)}form.ectf7-material2 .ewrap.is-focused .elabel{color:#42a5f5}form.ectf7-material2 .wpcf7-form-control:not([type=submit]){border:none;font-size:16px;line-height:1.2;padding:22px 16px 13px;margin:0;display:block;background-color:#f3f5f8;border-radius:8px 8px 0 0;background-image:linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#42a5f5 0,#42a5f5),linear-gradient(180deg,#39414d 0,#39414d);background-position:bottom left -100vw,bottom left -100vw,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 2px,100% 2px;transition:background-position .4s cubic-bezier(1,.32,0,.61)}form.ectf7-material2 .wpcf7-form-control:not([type=submit]):focus{background-position:bottom left 0,bottom left -100vw,0 100%!important}form.ectf7-material2 .wpcf7-not-valid-tip{font-size:12px;padding:4px 0 0 16px}form.ectf7-material2 .wpcf7-response-output{font-size:16px;margin:0}form.ectf7-material2 .wpcf7-form-control.wpcf7-acceptance,form.ectf7-material2 .wpcf7-form-control.wpcf7-checkbox,form.ectf7-material2 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}.wpcf7 form.ectf7-material3 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-material3 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-material3 .ewrap .elabel{position:absolute;left:12px;top:0;transform-origin:left top;transition:transform .6s,color .6s;z-index:1;display:block;background:transparent;padding:0 8px 0 4px;transform:translateY(16px) scale(1);font-size:16px;line-height:1.2;font:inherit}.wpcf7 form.ectf7-material3 .ewrap input,.wpcf7 form.ectf7-material3 .ewrap textarea{font-size:16px;font:inherit}.wpcf7 form.ectf7-material3 .ewrap.is-filled .elabel{transform:translateY(0) scale(.6);background:#fff;line-height:1}.wpcf7 form.ectf7-material3 .ewrap.is-focused .elabel{color:#42a5f5}.wpcf7 form.ectf7-material3 .wpcf7-form-control:not([type=submit]){font-size:16px;line-height:1.2;padding:16px;margin:0 0 2px;display:block;border:1px solid #42a5f5;border-radius:4px;background:transparent}.wpcf7 form.ectf7-material3 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-material3 .wpcf7-response-output{font-size:16px;margin:0}.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-acceptance,.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-checkbox,.wpcf7 form.ectf7-material3 .wpcf7-form-control.wpcf7-radio{background:transparent!important;background-color:transparent!important;border:transparent!important;padding:0!important;background-image:none!important}.wpcf7 form.ectf7-custom-style1 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-custom-style1 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-custom-style1 .ewrap .elabel{position:absolute;display:block;background:#c9c9c9;font-size:10px;line-height:1;padding:4px 6px;border-radius:24px;z-index:1;top:0;left:16px;transform:translateY(-50%);transition:color .6s,background .6s}.wpcf7 form.ectf7-custom-style1 .ewrap .wpcf7-form-control:not([type=submit]){padding:12px 16px 8px;margin:0 0 4px;transition:border .6s;border-radius:6px;font-size:16px;line-height:1.2}.wpcf7 form.ectf7-custom-style1 .ewrap .wpcf7-form-control:not([type=submit]):focus{border-color:#42a5f5}.wpcf7 form.ectf7-custom-style1 .ewrap.is-focused .elabel{background:#42a5f5}.wpcf7 form.ectf7-custom-style1 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-custom-style2 p{position:relative;margin:0 0 24px}.wpcf7 form.ectf7-custom-style2 .ewrap{position:relative;display:block}.wpcf7 form.ectf7-custom-style2 .ewrap .elabel{position:absolute;display:block;background:#c9c9c9;font-size:10px;line-height:1;padding:4px 6px;border-radius:24px;z-index:1;top:16px;right:16px;transition:color .6s,background .6s}.wpcf7 form.ectf7-custom-style2 .ewrap .wpcf7-form-control:not([type=submit]){padding:16px;margin:0 0 4px;transition:border .6s;border-radius:42px;font-size:16px;line-height:1.2}.wpcf7 form.ectf7-custom-style2 .ewrap .wpcf7-form-control:not([type=submit]):focus{border-color:#42a5f5}.wpcf7 form.ectf7-custom-style2 .ewrap.is-focused .elabel{background:#42a5f5}.wpcf7 form.ectf7-custom-style2 .wpcf7-not-valid-tip{font-size:12px;padding:0 0 0 16px}.wpcf7 form.ectf7-textarea-resize-none textarea{resize:none}.wpcf7 form.ectf7-material-button input[type=submit]{border:none;padding:10px 20px;border-radius:3px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background:#42a5f5;color:#c6e4fc}.wpcf7 form.ectf7-material-button input[type=submit]:hover{filter:brightness(1.2);box-shadow:0 7px 14px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)}.wpcf7 form.ectf7-hide-error-message .wpcf7-response-output,.wpcf7 form.ectf7-hide-form-response .wpcf7-not-valid-tip{display:none!important}body:not(.cf7p-message) form.ewpcf7.ectf7-custom-notifications .wpcf7-not-valid-tip{position:relative!important;width:100%!important;height:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;text-indent:0!important}body:not(.cf7p-message) form.ewpcf7.ectf7-custom-notifications .wpcf7-not-valid-tip:after,body:not(.cf7p-message) form.ewpcf7.ectf7-custom-notifications .wpcf7-not-valid-tip:before{content:none!important}

  • elysio-form/tags/1.0/elysio-form.php

    r2455967 r2465250  
    116116        // Once we get here, We have passed all validation checks so we can safely include our plugin
    117117        require_once( 'plugin.php' );
     118        require_once( 'inc/admin-notice/admin-notice.php');
    118119    }
    119120

  • elysio-form/tags/1.0/readme.txt

    r2455967 r2465250  
    11=== Elysio Form - Widget & Styles Contact Form 7 for Elementor ===
    22Contributors: horbenko
     3Donate link: https://www.buymeacoffee.com/artemhorbenko
    34Tags: Contact Form, Elementor, Contact Form 7, Contact Form 7 Widget, Elementor Addons, Widget, Contact, Addons, contact-form-7
    45Requires at least: 4.0
    … …  
    89License URI: http://www.gnu.org/licenses/gpl-2.0.html
    910
     11
    1012== Description ==
    1113Adds Elysio Form that are specifically designed to be used in conjunction with the Elementor Page Builder and Contact Form 7. [Live preview](https://form.elysio.top/?page_id=49)
     14
     15[youtube https://www.youtube.com/watch?v=0Pt4Xe0qEag&t=1s]
    1216
    1317== Features ==
    … …  
    2731= Install: =
    28321. Go to the WordPress Dashboard "Add New Plugin" section.
    29 2. Search For "Elysio Forms - Widget & Styles Contact Form 7 for Elementor".
     332. Search For "Elysio Form - Widget & Styles Contact Form 7 for Elementor".
    30343. Install, then Activate it.
    3135
    3236= OR: =
    33 1. Unzip (if it is zipped) and Upload `elysio-forms` folder to the `/wp-content/plugins/` directory
     371. Unzip (if it is zipped) and Upload `elysio-form` folder to the `/wp-content/plugins/` directory
    34382. Activate the plugin through the 'Plugins' menu in WordPress
    3539

  • elysio-form/tags/1.0/widgets/contactform7.php

    r2455967 r2465250  
    750750                'label' => __( 'Textarea Responsive Height', 'elysio-form' ),
    751751                'type' => Controls_Manager::SWITCHER,
    752                 'label_on' => __( 'Yes', 'your-plugin' ),
    753                 'label_off' => __( 'No', 'your-plugin' ),
     752                'label_on' => __( 'Yes', 'elysio-form' ),
     753                'label_off' => __( 'No', 'elysio-form' ),
    754754                'return_value' => 'yes',
    755755                'default' => 'yes',
    … …  
    11301130                'label' => __( 'Material Design', 'elysio-form' ),
    11311131                'type' => Controls_Manager::SWITCHER,
    1132                 'label_on' => __( 'Yes', 'your-plugin' ),
    1133                 'label_off' => __( 'No', 'your-plugin' ),
     1132                'label_on' => __( 'Yes', 'elysio-form' ),
     1133                'label_off' => __( 'No', 'elysio-form' ),
    11341134                'return_value' => 'yes',
    11351135                'default' => 'yes',
    … …  
    13901390
    13911391        $this->add_control(
     1392            'custom_notifications',
     1393            [
     1394                'label' => __( 'Custom Notifications', 'elysio-form' ),
     1395                'type' => Controls_Manager::POPOVER_TOGGLE,
     1396                'label_off' => __( 'Default', 'elysio-form' ),
     1397                'label_on' => __( 'Custom', 'elysio-form' ),
     1398                'return_value' => 'yes',
     1399                'default' => 'no',
     1400            ]
     1401        );
     1402
     1403        $this->add_control(
    13921404            'inputfield_invalid_color',
    13931405            [
    … …  
    14001412                ],
    14011413                'default'   => '#E53E3E',
     1414                'condition' => [ 'custom_notifications' => 'yes' ],
    14021415            ]
    14031416        );
    … …  
    14081421                'label' => __( 'Error Message', 'elysio-form' ),
    14091422                'type' => Controls_Manager::SWITCHER,
    1410                 'label_on' => __( 'Show', 'your-plugin' ),
    1411                 'label_off' => __( 'Hide', 'your-plugin' ),
     1423                'label_on' => __( 'Show', 'elysio-form' ),
     1424                'label_off' => __( 'Hide', 'elysio-form' ),
    14121425                'return_value' => 'yes',
    14131426                'default' => 'yes',
     1427                'condition' => [ 'custom_notifications' => 'yes' ],
    14141428            ]
    14151429        );
    … …  
    14211435                'scheme' => Scheme_Typography::TYPOGRAPHY_1,
    14221436                'selector' => '{{WRAPPER}} .wpcf7-not-valid-tip',
    1423                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1437                'conditions' => [
     1438                    'relation' => 'and',
     1439                    'terms' => [
     1440                        [
     1441                            'name' => 'error_message_toggle',
     1442                            'operator' => '==',
     1443                            'value' => 'yes'
     1444                        ],
     1445                        [
     1446                            'name' => 'custom_notifications',
     1447                            'operator' => '==',
     1448                            'value' => 'yes'
     1449                        ]
     1450                    ]
     1451                ],
    14241452            ]
    14251453        );
    … …  
    14331461                ],
    14341462                'default'   => '#E53E3E',
    1435                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1463                'conditions' => [
     1464                    'relation' => 'and',
     1465                    'terms' => [
     1466                        [
     1467                            'name' => 'error_message_toggle',
     1468                            'operator' => '==',
     1469                            'value' => 'yes'
     1470                        ],
     1471                        [
     1472                            'name' => 'custom_notifications',
     1473                            'operator' => '==',
     1474                            'value' => 'yes'
     1475                        ]
     1476                    ]
     1477                ],
    14361478            ]
    14371479        );
    … …  
    14451487                ],
    14461488                'default'   => '#ffffff',
    1447                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1489                'conditions' => [
     1490                    'relation' => 'and',
     1491                    'terms' => [
     1492                        [
     1493                            'name' => 'error_message_toggle',
     1494                            'operator' => '==',
     1495                            'value' => 'yes'
     1496                        ],
     1497                        [
     1498                            'name' => 'custom_notifications',
     1499                            'operator' => '==',
     1500                            'value' => 'yes'
     1501                        ]
     1502                    ]
     1503                ],
    14481504            ]
    14491505        );
    … …  
    14541510                'label' => __( 'Error Message Border', 'elysio-form' ),
    14551511                'selector'  => '{{WRAPPER}} .wpcf7-not-valid-tip',
    1456                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1512                'conditions' => [
     1513                    'relation' => 'and',
     1514                    'terms' => [
     1515                        [
     1516                            'name' => 'error_message_toggle',
     1517                            'operator' => '==',
     1518                            'value' => 'yes'
     1519                        ],
     1520                        [
     1521                            'name' => 'custom_notifications',
     1522                            'operator' => '==',
     1523                            'value' => 'yes'
     1524                        ]
     1525                    ]
     1526                ],
    14571527            ]
    14581528        );
    … …  
    14661536                    '{{WRAPPER}} .wpcf7-not-valid-tip'  => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    14671537                ],
    1468                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1538                'conditions' => [
     1539                    'relation' => 'and',
     1540                    'terms' => [
     1541                        [
     1542                            'name' => 'error_message_toggle',
     1543                            'operator' => '==',
     1544                            'value' => 'yes'
     1545                        ],
     1546                        [
     1547                            'name' => 'custom_notifications',
     1548                            'operator' => '==',
     1549                            'value' => 'yes'
     1550                        ]
     1551                    ]
     1552                ],
    14691553            ]
    14701554        );
    … …  
    14781562                    '{{WRAPPER}} .wpcf7-not-valid-tip' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    14791563                ],
    1480                 'condition' => [ 'error_message_toggle' => 'yes' ],
     1564                'conditions' => [
     1565                    'relation' => 'and',
     1566                    'terms' => [
     1567                        [
     1568                            'name' => 'error_message_toggle',
     1569                            'operator' => '==',
     1570                            'value' => 'yes'
     1571                        ],
     1572                        [
     1573                            'name' => 'custom_notifications',
     1574                            'operator' => '==',
     1575                            'value' => 'yes'
     1576                        ]
     1577                    ]
     1578                ],
    14811579            ]
    14821580        );
    … …  
    14901588                    '{{WRAPPER}} .wpcf7-not-valid-tip' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    14911589                ],
     1590                'condition' => [ 'custom_notifications' => 'yes' ],
    14921591            ]
    14931592        );
    … …  
    14981597            [
    14991598                'type' => Controls_Manager::DIVIDER,
     1599                'condition' => [ 'custom_notifications' => 'yes' ],
    15001600            ]
    15011601        );
    … …  
    15061606                'label' => __( 'Form Response', 'elysio-form' ),
    15071607                'type' => Controls_Manager::SWITCHER,
    1508                 'label_on' => __( 'Show', 'your-plugin' ),
    1509                 'label_off' => __( 'Hide', 'your-plugin' ),
     1608                'label_on' => __( 'Show', 'elysio-form' ),
     1609                'label_off' => __( 'Hide', 'elysio-form' ),
    15101610                'return_value' => 'yes',
    15111611                'default' => 'yes',
     1612                'condition' => [ 'custom_notifications' => 'yes' ],
    15121613            ]
    15131614        );
    … …  
    15191620                'scheme' => Scheme_Typography::TYPOGRAPHY_1,
    15201621                'selector' => '{{WRAPPER}} .wpcf7-response-output',
    1521                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1622                'conditions' => [
     1623                    'relation' => 'and',
     1624                    'terms' => [
     1625                        [
     1626                            'name' => 'form_response_toggle',
     1627                            'operator' => '==',
     1628                            'value' => 'yes'
     1629                        ],
     1630                        [
     1631                            'name' => 'custom_notifications',
     1632                            'operator' => '==',
     1633                            'value' => 'yes'
     1634                        ]
     1635                    ]
     1636                ],
    15221637            ]
    15231638        );
    … …  
    15331648                ],
    15341649                'default'   => '#E53E3E',
    1535                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1650                'conditions' => [
     1651                    'relation' => 'and',
     1652                    'terms' => [
     1653                        [
     1654                            'name' => 'form_response_toggle',
     1655                            'operator' => '==',
     1656                            'value' => 'yes'
     1657                        ],
     1658                        [
     1659                            'name' => 'custom_notifications',
     1660                            'operator' => '==',
     1661                            'value' => 'yes'
     1662                        ]
     1663                    ]
     1664                ],
    15361665            ]
    15371666        );
    … …  
    15451674                ],
    15461675                'default'   => '#FCECEC',
    1547                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1676                'conditions' => [
     1677                    'relation' => 'and',
     1678                    'terms' => [
     1679                        [
     1680                            'name' => 'form_response_toggle',
     1681                            'operator' => '==',
     1682                            'value' => 'yes'
     1683                        ],
     1684                        [
     1685                            'name' => 'custom_notifications',
     1686                            'operator' => '==',
     1687                            'value' => 'yes'
     1688                        ]
     1689                    ]
     1690                ],
    15481691            ]
    15491692        );
    … …  
    15541697                'label' => __( 'Form Response Error Border', 'elysio-form' ),
    15551698                'selector'  => '{{WRAPPER}} .wpcf7-form.invalid .wpcf7-response-output',
    1556                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1699                'conditions' => [
     1700                    'relation' => 'and',
     1701                    'terms' => [
     1702                        [
     1703                            'name' => 'form_response_toggle',
     1704                            'operator' => '==',
     1705                            'value' => 'yes'
     1706                        ],
     1707                        [
     1708                            'name' => 'custom_notifications',
     1709                            'operator' => '==',
     1710                            'value' => 'yes'
     1711                        ]
     1712                    ]
     1713                ],
    15571714            ]
    15581715        );
    … …  
    15681725                ],
    15691726                'default'   => '#fff',
    1570                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1727                'conditions' => [
     1728                    'relation' => 'and',
     1729                    'terms' => [
     1730                        [
     1731                            'name' => 'form_response_toggle',
     1732                            'operator' => '==',
     1733                            'value' => 'yes'
     1734                        ],
     1735                        [
     1736                            'name' => 'custom_notifications',
     1737                            'operator' => '==',
     1738                            'value' => 'yes'
     1739                        ]
     1740                    ]
     1741                ],
    15711742            ]
    15721743        );
    … …  
    15801751                ],
    15811752                'default'   => '#61CE70',
    1582                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1753                'conditions' => [
     1754                    'relation' => 'and',
     1755                    'terms' => [
     1756                        [
     1757                            'name' => 'form_response_toggle',
     1758                            'operator' => '==',
     1759                            'value' => 'yes'
     1760                        ],
     1761                        [
     1762                            'name' => 'custom_notifications',
     1763                            'operator' => '==',
     1764                            'value' => 'yes'
     1765                        ]
     1766                    ]
     1767                ],
    15831768            ]
    15841769        );
    … …  
    15891774                'label' => __( 'Form Response Success Border', 'elysio-form' ),
    15901775                'selector'  => '{{WRAPPER}} .wpcf7-response-output',
    1591                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1776                'conditions' => [
     1777                    'relation' => 'and',
     1778                    'terms' => [
     1779                        [
     1780                            'name' => 'form_response_toggle',
     1781                            'operator' => '==',
     1782                            'value' => 'yes'
     1783                        ],
     1784                        [
     1785                            'name' => 'custom_notifications',
     1786                            'operator' => '==',
     1787                            'value' => 'yes'
     1788                        ]
     1789                    ]
     1790                ],
    15921791            ]
    15931792        );
    … …  
    15981797            [
    15991798                'type' => Controls_Manager::DIVIDER,
     1799                'condition' => [ 'custom_notifications' => 'yes' ],
    16001800            ]
    16011801        );
    … …  
    16111811                    '{{WRAPPER}} .wpcf7-response-output' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    16121812                ],
    1613                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1813                'conditions' => [
     1814                    'relation' => 'and',
     1815                    'terms' => [
     1816                        [
     1817                            'name' => 'form_response_toggle',
     1818                            'operator' => '==',
     1819                            'value' => 'yes'
     1820                        ],
     1821                        [
     1822                            'name' => 'custom_notifications',
     1823                            'operator' => '==',
     1824                            'value' => 'yes'
     1825                        ]
     1826                    ]
     1827                ],
    16141828            ]
    16151829        );
    … …  
    16231837                    '{{WRAPPER}} .wpcf7-response-output' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    16241838                ],
    1625                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1839                'conditions' => [
     1840                    'relation' => 'and',
     1841                    'terms' => [
     1842                        [
     1843                            'name' => 'form_response_toggle',
     1844                            'operator' => '==',
     1845                            'value' => 'yes'
     1846                        ],
     1847                        [
     1848                            'name' => 'custom_notifications',
     1849                            'operator' => '==',
     1850                            'value' => 'yes'
     1851                        ]
     1852                    ]
     1853                ],
    16261854            ]
    16271855        );
    … …  
    16351863                    '{{WRAPPER}} .wpcf7-response-output' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
    16361864                ],
    1637                 'condition' => [ 'form_response_toggle' => 'yes' ],
     1865                'conditions' => [
     1866                    'relation' => 'and',
     1867                    'terms' => [
     1868                        [
     1869                            'name' => 'form_response_toggle',
     1870                            'operator' => '==',
     1871                            'value' => 'yes'
     1872                        ],
     1873                        [
     1874                            'name' => 'custom_notifications',
     1875                            'operator' => '==',
     1876                            'value' => 'yes'
     1877                        ]
     1878                    ]
     1879                ],
    16381880            ]
    16391881        );
    … …  
    17521994
    17531995       
    1754         if( $settings['error_message_toggle'] != 'yes' ){
     1996        if( $settings['custom_notifications'] == 'yes' ){
     1997            $html_class .= ' ectf7-custom-notifications';
     1998        }
     1999
     2000        if( $settings['error_message_toggle'] == 'no' ){
    17552001            $html_class .= ' ectf7-hide-error-message';
    17562002        }
    1757         if( $settings['form_response_toggle'] != 'yes' ){
     2003        if( $settings['form_response_toggle'] == 'no' ){
    17582004            $html_class .= ' ectf7-hide-form-response';
    17592005        }
     2006
     2007
     2008
    17602009
    17612010
Note: See TracChangeset for help on using the changeset viewer.