Popup Anything – A Marketing Popup and Lead Generation Conversions - Version 1.7.4

Version Description

(02, March 2020) = * [*] Fix - Resolved some PHP warning when popup image not choosen for link type 'Image'.

Download this release

Release Info

Developer wponlinesupport
Plugin Icon 128x128 Popup Anything – A Marketing Popup and Lead Generation Conversions
Version 1.7.4
Comparing to
See all releases

Code changes from version 1.6.2 to 1.7.4

Files changed (13) hide show
  1. assets/css/popupaoc-admin-style.css +11 -2
  2. assets/css/popupaoc-public-style.css +14 -9
  3. assets/js/popupaoc-admin-script.js +6 -2
  4. assets/js/popupaoc-public.js +18 -0
  5. includes/admin/class-popupaoc-admin.php +77 -16
  6. includes/admin/metabox/popupaoc-post-sett-metabox.php +296 -81
  7. includes/admin/settings/premium.php +21 -1
  8. includes/class-paoc-public.php +2 -14
  9. includes/class-popupaoc-script.php +44 -61
  10. includes/popupaoc-functions.php +37 -0
  11. includes/shortcode/popupaoc-popup-shortcode.php +1 -1
  12. popup-anything-on-click.php +5 -2
  13. readme.txt +23 -2
assets/css/popupaoc-admin-style.css CHANGED
@@ -1,9 +1,12 @@
 
 
1
  .popupaoc-setting-block {font-size: 18px; font-weight: bold; margin-top: 20px;}
2
  .popupaoc-border-bottom {border-bottom: 1px solid #dedede;}
3
  .popupaoc-action-btn{cursor:pointer; padding:4px 0 0 0; vertical-align:middle; display:inline-block;}
4
  .popupaoc-action-btn i{width:auto; height:auto; font-size: 24px;}
5
  .popupaoc-add-row{color:#348C34;}
6
  .popupaoc-del-row{color:#d54e21;}
 
7
  #single-button label{font-weight: bold; margin-right: 10px; line-height: 25px;}
8
  #single-button .row {margin: 20px 10px;}
9
  #popupaocos-pro-post-sett #single-button input, #popupaocos-pro-post-sett #single-button select{line-height: 25px;}
@@ -11,10 +14,16 @@
11
  .form-table{margin:0;}
12
  .popupaoc-no-padding{padding:0 !important;}
13
  .popupaoc-group-button-sett.form-table td{padding-left:0; padding-right:20px;}
14
- .popupaoc-select-box{max-width: 200px; width:100%;}
15
  th.popupaoc-act-head{width: 60px;}
16
  .popupaoc-group-btn-row td{vertical-align:top;}
17
  .popupaoc-sett-title{border-bottom: 2px solid #ccc; padding: 0 0 5px;}
18
  .popup-anything-imgs-preview{width:200px;}
19
  .popup-anything-imgs-preview img{width:100%; border:1px solid #d1d1d1; padding:5px; margin-top:5px; background:#f1f1f1;}
20
- .popupaoc-shortcode-preview { background-color:#e7e7e7;font-weight: 600; padding: 2px 5px; display: inline-block; margin: 0 0 2px 0;}
 
 
 
 
 
 
1
+ .popupaoc-post-sett-tbl th{width: 250px;}
2
+ .paoc-pro-ggl-anlyc-tbl.form-table th{width:auto !important;}
3
  .popupaoc-setting-block {font-size: 18px; font-weight: bold; margin-top: 20px;}
4
  .popupaoc-border-bottom {border-bottom: 1px solid #dedede;}
5
  .popupaoc-action-btn{cursor:pointer; padding:4px 0 0 0; vertical-align:middle; display:inline-block;}
6
  .popupaoc-action-btn i{width:auto; height:auto; font-size: 24px;}
7
  .popupaoc-add-row{color:#348C34;}
8
  .popupaoc-del-row{color:#d54e21;}
9
+ .popupaoc-sub-sett-title{ border-bottom: 2px solid #ccc;padding: 0 0 6px;}
10
  #single-button label{font-weight: bold; margin-right: 10px; line-height: 25px;}
11
  #single-button .row {margin: 20px 10px;}
12
  #popupaocos-pro-post-sett #single-button input, #popupaocos-pro-post-sett #single-button select{line-height: 25px;}
14
  .form-table{margin:0;}
15
  .popupaoc-no-padding{padding:0 !important;}
16
  .popupaoc-group-button-sett.form-table td{padding-left:0; padding-right:20px;}
17
+ .popupaoc-select-box{max-width: 200px !important; width:100%;}
18
  th.popupaoc-act-head{width: 60px;}
19
  .popupaoc-group-btn-row td{vertical-align:top;}
20
  .popupaoc-sett-title{border-bottom: 2px solid #ccc; padding: 0 0 5px;}
21
  .popup-anything-imgs-preview{width:200px;}
22
  .popup-anything-imgs-preview img{width:100%; border:1px solid #d1d1d1; padding:5px; margin-top:5px; background:#f1f1f1;}
23
+ .popupaoc-shortcode-preview { background-color:#e7e7e7;font-weight: 600; padding: 2px 5px; display: inline-block; margin: 0 0 2px 0;}
24
+ .popupaoc-pro-tag {padding: 4px 7px 4px 5px;background-color:#cdd9f3;color: #1e2b48; position: relative; font-size: 10px; margin: 0 10px; display: inline-block; line-height: 1.1;}
25
+ .popupaoc-pro-tag::before { content: ""; left: -10px; top: 0; border-top: 10px solid transparent;border-right: 10px solid #cdd9f3;border-bottom: 10px solid transparent; position: absolute;}
26
+ .popupaoc-pro-feature { opacity: 0.5;}
27
+ .popupaoc-pro-feature:hover{opacity: 0.8;}
28
+ input[type="text"].custom-small-text{width:100%;}
29
+
assets/css/popupaoc-public-style.css CHANGED
@@ -1,20 +1,25 @@
1
  .custombox-content,.custombox-overlay{position:fixed;overflow:hidden;top:0;width:100%;height:100%}.custombox-overlay{z-index:999997;opacity:0;transition-delay:0s;transition-timing-function:linear;transition-property:opacity}.custombox-content{z-index:999999;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.custombox-lock{overflow:hidden}.custombox-reference{display:none}.custombox-content{overflow-y:auto}.custombox-content>*{max-width:100%;max-height:95%}.custombox-fullscreen.custombox-content{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}.custombox-fullscreen.custombox-content>*{width:100%;max-height:100%}.custombox-y-top{-ms-flex-align:baseline;align-items:baseline}.custombox-x-left{-ms-flex-align:start;align-items:flex-start}.custombox-y-center{-ms-flex-align:center;align-items:center}.custombox-y-bottom{-ms-flex-align:end;align-items:flex-end}.custombox-x-center{-ms-flex-pack:center;justify-content:center}.custombox-x-right{-ms-flex-pack:end;justify-content:flex-end}.custombox-perspective,.custombox-perspective body{perspective:600px;height:100%;overflow:hidden}.custombox-perspective .custombox-container{overflow:hidden;height:100%}@keyframes fadeIn{from{transform:scale(.7);transition-property:all}to{transform:scale(1);opacity:1}}@keyframes fadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.7);transition-property:all}}.custombox-fadein.custombox-content{opacity:0}.custombox-fadein.custombox-content.custombox-open{animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fadein.custombox-content.custombox-close{animation-name:fadeOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes newspaperIn{from{transform:scale(0) rotate(720deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes newspaperOut{from{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.custombox-newspaper.custombox-content{opacity:0}.custombox-newspaper.custombox-content.custombox-open{animation-name:newspaperIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-newspaper.custombox-content.custombox-close{animation-name:newspaperOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes fallIn{from{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}}@keyframes fallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}}.custombox-fall.custombox-content{opacity:0}.custombox-fall.custombox-content.custombox-open{animation-name:fallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fall.custombox-content.custombox-close{animation-name:fallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes sidefallIn{from{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}}@keyframes sidefallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}to{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}}.custombox-sidefall.custombox-content{opacity:0}.custombox-sidefall.custombox-content.custombox-open{animation-name:sidefallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sidefall.custombox-content.custombox-close{animation-name:sidefallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes blurInTop{from{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-5%);opacity:0}}@keyframes blurInBottom{from{transform:translateY(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(5%);opacity:0}}@keyframes blurInRight{from{transform:translateX(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutRight{from{transform:translateY(0);opacity:1}to{transform:translateX(5%);opacity:0}}@keyframes blurInLeft{from{transform:translateX(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutLeft{from{transform:translateY(0);opacity:1}to{transform:translateX(-5%);opacity:0}}@keyframes blurInContainer{from{filter:blur(0)}to{filter:blur(3px)}}@keyframes blurOutContainer{from{filter:blur(3px)}to{filter:blur(0)}}.custombox-blur.custombox-content{opacity:0}.custombox-blur.custombox-content.custombox-open.custombox-top{animation-name:blurInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-bottom{animation-name:blurInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-left{animation-name:blurInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-right{animation-name:blurInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-top{animation-name:blurOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-bottom{animation-name:blurOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-right{animation-name:blurOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-left{animation-name:blurOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container{animation-name:blurOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container.custombox-open{animation-name:blurInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flipInTop{from{transform-style:preserve-3d;transform:rotateX(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutTop{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-70deg)}}@keyframes flipInBottom{from{transform-style:preserve-3d;transform:rotateX(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutBottom{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(70deg)}}@keyframes flipInRight{from{transform-style:preserve-3d;transform:rotateY(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutRight{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(70deg)}}@keyframes flipInLeft{from{transform-style:preserve-3d;transform:rotateY(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutLeft{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(-70deg)}}.custombox-flip.custombox-content{opacity:0}.custombox-flip.custombox-content.custombox-open.custombox-top{animation-name:flipInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-bottom{animation-name:flipInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-right{animation-name:flipInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-left{animation-name:flipInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-top{animation-name:flipOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-bottom{animation-name:flipOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-right{animation-name:flipOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-left{animation-name:flipOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes signIn{from{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}to{transform:rotateX(0);opacity:1}}@keyframes signOut{from{transform:rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}}.custombox-sign{perspective:1300px}.custombox-sign.custombox-content{opacity:0}.custombox-sign.custombox-content.custombox-open{animation-name:signIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sign.custombox-content.custombox-close{animation-name:signOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes superscaledIn{from{transform:scale(2)}to{transform:scale(1);opacity:1}}@keyframes superscaledOut{from{transform:scale(1);opacity:1}to{transform:scale(2)}}.custombox-superscaled.custombox-content{opacity:0}.custombox-superscaled.custombox-content.custombox-open{animation-name:superscaledIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-superscaled.custombox-content.custombox-close{animation-name:superscaledOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slitIn{0%{transform:translateZ(-3000px) rotateY(90deg)}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slitOut{0%{transform:translateZ(0) rotateY(0);opacity:1}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(-3000px) rotateY(90deg)}}.custombox-slit.custombox-content{opacity:0;transform-style:preserve-3d}.custombox-slit.custombox-content.custombox-open{animation-name:slitIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slit.custombox-content.custombox-close{animation-name:slitOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotateIn{from{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes rotateOut{from{transform:translateY(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}}.custombox-rotate{perspective:2300px}.custombox-rotate.custombox-content{-ms-transform:translateY(-100%);transform:translateY(-100%)}.custombox-rotate.custombox-content.custombox-open{animation-name:rotateIn;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotate.custombox-content.custombox-close{animation-name:rotateOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes letmeinBottomOverlay{to{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutBottomOverlay{from{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinLeftOverlay{to{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutLeftOverlay{from{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinRightOverlay{to{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutRightOverlay{from{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinTopOverlay{to{transform:rotateX(2deg);transform-origin:0 50%;transform-style:preserve-3d}}@keyframes letmeinOutTopOverlay{from{transform:rotateX(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}.custombox-letmein.custombox-overlay.custombox-open.custombox-top{animation-name:letmeinTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom{animation-name:letmeinBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-left{animation-name:letmeinLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-right{animation-name:letmeinRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-top{animation-name:letmeinOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom{animation-name:letmeinOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-left{animation-name:letmeinOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-right{animation-name:letmeinOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes makewayInContainer{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes makewayOutContainer{0%{transform:translateZ(-200px)}50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{opacity:0}}@keyframes makewayInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes makewayOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes makewayInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes makewayOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes makewayInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes makewayOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes makewayInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes makewayOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-makeway.custombox-overlay{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-overlay.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-overlay.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-container.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slipTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}.custombox-slip.custombox-overlay.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes cornerInOverlay{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform}}@keyframes cornerOutOverlay{from{transform:translateY(0);transition-property:opacity,transform}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}@keyframes cornerInContent{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform;opacity:1}}@keyframes cornerOutContent{from{transform:translateY(0);transition-property:opacity,transform;opacity:1}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}.custombox-corner.custombox-overlay.custombox-open{animation-name:cornerInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-overlay.custombox-close{animation-name:cornerOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-open{animation-name:cornerInContent;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-close{animation-name:cornerOutContent;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes scaleInOverlay{from{transform:scale(.9);transition:transform;opacity:0}to{transform:scale(1);transition:transform}}@keyframes scaleOutOverlay{from{transform:scale(1);transition:transform}to{transform:scale(.9);transition:transform;opacity:0;opacity:0}}.custombox-scale.custombox-overlay.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-overlay.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes doorInOverlay{from{position:fixed;bottom:0;left:50%;right:50%;width:0}to{width:100%;left:0;right:0;transition-property:width}}@keyframes doorOutOverlay{from{width:100%;left:0;right:0;transition-property:width}to{position:fixed;bottom:0;left:50%;right:50%;width:0}}.custombox-door.custombox-overlay.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-overlay.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes pushInLeftOverlay{from{transform:translateX(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutLeftOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(-100%)}}@keyframes pushInRightOverlay{from{transform:translateX(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutRightOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(100%)}}@keyframes pushInTopOverlay{from{transform:translateY(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInBottomOverlay{from{transform:translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutBottomOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(100%)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInLeftContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(100%)}}@keyframes pushOutLeftContainer{from{transform:translateX(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInRightContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(-100%)}}@keyframes pushOutRightContainer{from{transform:translateX(-100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInTopContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(100%)}}@keyframes pushOutTopContainer{from{transform:translateY(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInBottomContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(-100%)}}@keyframes pushOutBottomContainer{from{transform:translateY(-100%)}to{overflow-x:hidden;transition-property:transform}}.custombox-push.custombox-overlay{transition-property:transform}.custombox-push.custombox-overlay.custombox-open.custombox-top{animation-name:pushInTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-bottom{animation-name:pushInBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-left{animation-name:pushInLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-right{animation-name:pushInRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-top{animation-name:pushOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-bottom{animation-name:pushOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-left{animation-name:pushOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-right{animation-name:pushOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-top{animation-name:pushInTopContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-bottom{animation-name:pushInBottomContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-left{animation-name:pushInLeftContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-right{animation-name:pushInRightContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-top{animation-name:pushOutTopContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-bottom{animation-name:pushOutBottomContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-left{animation-name:pushOutLeftContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-right{animation-name:pushOutRightContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes contentscaleInContainer{from{transition:transform}to{transform:scale(.8)}}@keyframes contentscaleOutContainer{from{transform:scale(.8)}to{transition:transform}}.custombox-contentscale.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-open{animation-name:contentscaleInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-close{animation-name:contentscaleOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes swellOpen{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes swellClose{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-swell.custombox-content{opacity:0}.custombox-swell.custombox-content.custombox-open{animation-name:swellOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-swell.custombox-content.custombox-close{animation-name:swellClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotatedownOpen{0%{opacity:0;transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedownClose{0%{opacity:1}100%{opacity:0;transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedownElem{0%{opacity:0;transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-rotatedown.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1);-ms-transform-origin:-150% 50%;transform-origin:-150% 50%}.custombox-rotatedown.custombox-content.custombox-open{animation-name:rotatedownOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotatedown.custombox-content.custombox-close{animation-name:rotatedownClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flashOpen{0%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flashClose{0%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}20%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}.custombox-flash.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1)}.custombox-flash.custombox-content.custombox-open{animation-name:flashOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flash.custombox-content.custombox-close{animation-name:flashClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custombox-loader{display:none;border-style:solid;border-width:5px;border-radius:50%;width:40px;height:40px;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:999998}
2
- .popupaoc-button{padding:10px 20px; background:#e91e63; color:#fff; display:inline-block; text-decoration:none !important;}
3
- .popupaoc-link{text-decoration:none !important;}
4
  .popupaoc-button:hover, .popupaoc-button:focus{background:#555; color:#fff;}
5
- .paoc-popup-modal {
6
- background-color: #FFF;
7
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
8
- width: 60%; position: relative; display: none;
9
- }
10
  .paoc-popup-modal, .paoc-popup-modal p{line-height:normal; margin: 0 0 20px 0;}
11
  .paoc-popup-modal, .paoc-popup-modal p:last-child{margin:0;}
12
- .paoc-popup-modal-cnt{ background-color: #FFF; padding: 50px 20px 20px 20px;}
13
  .paoc-popup-modal img{max-width:100%; max-height: 100%;}
14
  .paoc-popup-close {display: block; position: absolute; outline:none; top: -12px; right: -12px; z-index: 10000; outline: none; background: url(../images/close.png) center center no-repeat; width:35px; height:35px; cursor:pointer;}
15
  .paoc-popup-close:focus, .paoc-popup-close:hover{outline:none;}
16
  .custombox-fullscreen .paoc-popup-close{ top:0px; right: 0px; }
17
  .popupaoc-close:focus{outline:none;}
 
 
 
 
 
 
18
  @media screen and (max-width: 480px){
19
- .paoc-popup-modal { width: 90%; }
 
 
20
  }
1
  .custombox-content,.custombox-overlay{position:fixed;overflow:hidden;top:0;width:100%;height:100%}.custombox-overlay{z-index:999997;opacity:0;transition-delay:0s;transition-timing-function:linear;transition-property:opacity}.custombox-content{z-index:999999;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.custombox-lock{overflow:hidden}.custombox-reference{display:none}.custombox-content{overflow-y:auto}.custombox-content>*{max-width:100%;max-height:95%}.custombox-fullscreen.custombox-content{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}.custombox-fullscreen.custombox-content>*{width:100%;max-height:100%}.custombox-y-top{-ms-flex-align:baseline;align-items:baseline}.custombox-x-left{-ms-flex-align:start;align-items:flex-start}.custombox-y-center{-ms-flex-align:center;align-items:center}.custombox-y-bottom{-ms-flex-align:end;align-items:flex-end}.custombox-x-center{-ms-flex-pack:center;justify-content:center}.custombox-x-right{-ms-flex-pack:end;justify-content:flex-end}.custombox-perspective,.custombox-perspective body{perspective:600px;height:100%;overflow:hidden}.custombox-perspective .custombox-container{overflow:hidden;height:100%}@keyframes fadeIn{from{transform:scale(.7);transition-property:all}to{transform:scale(1);opacity:1}}@keyframes fadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.7);transition-property:all}}.custombox-fadein.custombox-content{opacity:0}.custombox-fadein.custombox-content.custombox-open{animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fadein.custombox-content.custombox-close{animation-name:fadeOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes newspaperIn{from{transform:scale(0) rotate(720deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes newspaperOut{from{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.custombox-newspaper.custombox-content{opacity:0}.custombox-newspaper.custombox-content.custombox-open{animation-name:newspaperIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-newspaper.custombox-content.custombox-close{animation-name:newspaperOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes fallIn{from{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}}@keyframes fallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}}.custombox-fall.custombox-content{opacity:0}.custombox-fall.custombox-content.custombox-open{animation-name:fallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fall.custombox-content.custombox-close{animation-name:fallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes sidefallIn{from{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}}@keyframes sidefallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}to{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}}.custombox-sidefall.custombox-content{opacity:0}.custombox-sidefall.custombox-content.custombox-open{animation-name:sidefallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sidefall.custombox-content.custombox-close{animation-name:sidefallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes blurInTop{from{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-5%);opacity:0}}@keyframes blurInBottom{from{transform:translateY(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(5%);opacity:0}}@keyframes blurInRight{from{transform:translateX(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutRight{from{transform:translateY(0);opacity:1}to{transform:translateX(5%);opacity:0}}@keyframes blurInLeft{from{transform:translateX(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutLeft{from{transform:translateY(0);opacity:1}to{transform:translateX(-5%);opacity:0}}@keyframes blurInContainer{from{filter:blur(0)}to{filter:blur(3px)}}@keyframes blurOutContainer{from{filter:blur(3px)}to{filter:blur(0)}}.custombox-blur.custombox-content{opacity:0}.custombox-blur.custombox-content.custombox-open.custombox-top{animation-name:blurInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-bottom{animation-name:blurInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-left{animation-name:blurInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-right{animation-name:blurInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-top{animation-name:blurOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-bottom{animation-name:blurOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-right{animation-name:blurOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-left{animation-name:blurOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container{animation-name:blurOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container.custombox-open{animation-name:blurInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flipInTop{from{transform-style:preserve-3d;transform:rotateX(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutTop{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-70deg)}}@keyframes flipInBottom{from{transform-style:preserve-3d;transform:rotateX(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutBottom{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(70deg)}}@keyframes flipInRight{from{transform-style:preserve-3d;transform:rotateY(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutRight{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(70deg)}}@keyframes flipInLeft{from{transform-style:preserve-3d;transform:rotateY(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutLeft{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(-70deg)}}.custombox-flip.custombox-content{opacity:0}.custombox-flip.custombox-content.custombox-open.custombox-top{animation-name:flipInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-bottom{animation-name:flipInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-right{animation-name:flipInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-left{animation-name:flipInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-top{animation-name:flipOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-bottom{animation-name:flipOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-right{animation-name:flipOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-left{animation-name:flipOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes signIn{from{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}to{transform:rotateX(0);opacity:1}}@keyframes signOut{from{transform:rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}}.custombox-sign{perspective:1300px}.custombox-sign.custombox-content{opacity:0}.custombox-sign.custombox-content.custombox-open{animation-name:signIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sign.custombox-content.custombox-close{animation-name:signOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes superscaledIn{from{transform:scale(2)}to{transform:scale(1);opacity:1}}@keyframes superscaledOut{from{transform:scale(1);opacity:1}to{transform:scale(2)}}.custombox-superscaled.custombox-content{opacity:0}.custombox-superscaled.custombox-content.custombox-open{animation-name:superscaledIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-superscaled.custombox-content.custombox-close{animation-name:superscaledOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slitIn{0%{transform:translateZ(-3000px) rotateY(90deg)}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slitOut{0%{transform:translateZ(0) rotateY(0);opacity:1}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(-3000px) rotateY(90deg)}}.custombox-slit.custombox-content{opacity:0;transform-style:preserve-3d}.custombox-slit.custombox-content.custombox-open{animation-name:slitIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slit.custombox-content.custombox-close{animation-name:slitOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotateIn{from{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes rotateOut{from{transform:translateY(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}}.custombox-rotate{perspective:2300px}.custombox-rotate.custombox-content{-ms-transform:translateY(-100%);transform:translateY(-100%)}.custombox-rotate.custombox-content.custombox-open{animation-name:rotateIn;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotate.custombox-content.custombox-close{animation-name:rotateOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes letmeinBottomOverlay{to{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutBottomOverlay{from{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinLeftOverlay{to{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutLeftOverlay{from{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinRightOverlay{to{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutRightOverlay{from{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinTopOverlay{to{transform:rotateX(2deg);transform-origin:0 50%;transform-style:preserve-3d}}@keyframes letmeinOutTopOverlay{from{transform:rotateX(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}.custombox-letmein.custombox-overlay.custombox-open.custombox-top{animation-name:letmeinTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom{animation-name:letmeinBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-left{animation-name:letmeinLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-right{animation-name:letmeinRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-top{animation-name:letmeinOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom{animation-name:letmeinOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-left{animation-name:letmeinOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-right{animation-name:letmeinOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes makewayInContainer{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes makewayOutContainer{0%{transform:translateZ(-200px)}50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{opacity:0}}@keyframes makewayInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes makewayOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes makewayInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes makewayOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes makewayInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes makewayOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes makewayInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes makewayOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-makeway.custombox-overlay{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-overlay.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-overlay.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-container.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slipTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}.custombox-slip.custombox-overlay.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes cornerInOverlay{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform}}@keyframes cornerOutOverlay{from{transform:translateY(0);transition-property:opacity,transform}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}@keyframes cornerInContent{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform;opacity:1}}@keyframes cornerOutContent{from{transform:translateY(0);transition-property:opacity,transform;opacity:1}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}.custombox-corner.custombox-overlay.custombox-open{animation-name:cornerInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-overlay.custombox-close{animation-name:cornerOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-open{animation-name:cornerInContent;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-close{animation-name:cornerOutContent;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes scaleInOverlay{from{transform:scale(.9);transition:transform;opacity:0}to{transform:scale(1);transition:transform}}@keyframes scaleOutOverlay{from{transform:scale(1);transition:transform}to{transform:scale(.9);transition:transform;opacity:0;opacity:0}}.custombox-scale.custombox-overlay.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-overlay.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes doorInOverlay{from{position:fixed;bottom:0;left:50%;right:50%;width:0}to{width:100%;left:0;right:0;transition-property:width}}@keyframes doorOutOverlay{from{width:100%;left:0;right:0;transition-property:width}to{position:fixed;bottom:0;left:50%;right:50%;width:0}}.custombox-door.custombox-overlay.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-overlay.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes pushInLeftOverlay{from{transform:translateX(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutLeftOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(-100%)}}@keyframes pushInRightOverlay{from{transform:translateX(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutRightOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(100%)}}@keyframes pushInTopOverlay{from{transform:translateY(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInBottomOverlay{from{transform:translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutBottomOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(100%)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInLeftContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(100%)}}@keyframes pushOutLeftContainer{from{transform:translateX(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInRightContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(-100%)}}@keyframes pushOutRightContainer{from{transform:translateX(-100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInTopContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(100%)}}@keyframes pushOutTopContainer{from{transform:translateY(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInBottomContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(-100%)}}@keyframes pushOutBottomContainer{from{transform:translateY(-100%)}to{overflow-x:hidden;transition-property:transform}}.custombox-push.custombox-overlay{transition-property:transform}.custombox-push.custombox-overlay.custombox-open.custombox-top{animation-name:pushInTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-bottom{animation-name:pushInBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-left{animation-name:pushInLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-right{animation-name:pushInRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-top{animation-name:pushOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-bottom{animation-name:pushOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-left{animation-name:pushOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-right{animation-name:pushOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-top{animation-name:pushInTopContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-bottom{animation-name:pushInBottomContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-left{animation-name:pushInLeftContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-right{animation-name:pushInRightContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-top{animation-name:pushOutTopContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-bottom{animation-name:pushOutBottomContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-left{animation-name:pushOutLeftContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-right{animation-name:pushOutRightContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes contentscaleInContainer{from{transition:transform}to{transform:scale(.8)}}@keyframes contentscaleOutContainer{from{transform:scale(.8)}to{transition:transform}}.custombox-contentscale.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-open{animation-name:contentscaleInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-close{animation-name:contentscaleOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes swellOpen{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes swellClose{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-swell.custombox-content{opacity:0}.custombox-swell.custombox-content.custombox-open{animation-name:swellOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-swell.custombox-content.custombox-close{animation-name:swellClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotatedownOpen{0%{opacity:0;transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedownClose{0%{opacity:1}100%{opacity:0;transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedownElem{0%{opacity:0;transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-rotatedown.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1);-ms-transform-origin:-150% 50%;transform-origin:-150% 50%}.custombox-rotatedown.custombox-content.custombox-open{animation-name:rotatedownOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotatedown.custombox-content.custombox-close{animation-name:rotatedownClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flashOpen{0%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flashClose{0%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}20%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}.custombox-flash.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1)}.custombox-flash.custombox-content.custombox-open{animation-name:flashOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flash.custombox-content.custombox-close{animation-name:flashClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custombox-loader{display:none;border-style:solid;border-width:5px;border-radius:50%;width:40px;height:40px;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:999998}
2
+ .popupaoc-button{padding:10px 20px; background:#e91e63; color:#fff; display:inline-block; text-decoration:none !important; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
3
+ .popupaoc-link{text-decoration:none !important; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
4
  .popupaoc-button:hover, .popupaoc-button:focus{background:#555; color:#fff;}
5
+ .paoc-popup-modal {background-color: #fff; box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
6
+ width: 60%; position: relative; display: none; }
 
 
 
7
  .paoc-popup-modal, .paoc-popup-modal p{line-height:normal; margin: 0 0 20px 0;}
8
  .paoc-popup-modal, .paoc-popup-modal p:last-child{margin:0;}
9
+ .paoc-popup-modal-cnt{ background-color: #fff; padding: 30px 20px 20px 20px;}
10
  .paoc-popup-modal img{max-width:100%; max-height: 100%;}
11
  .paoc-popup-close {display: block; position: absolute; outline:none; top: -12px; right: -12px; z-index: 10000; outline: none; background: url(../images/close.png) center center no-repeat; width:35px; height:35px; cursor:pointer;}
12
  .paoc-popup-close:focus, .paoc-popup-close:hover{outline:none;}
13
  .custombox-fullscreen .paoc-popup-close{ top:0px; right: 0px; }
14
  .popupaoc-close:focus{outline:none;}
15
+ /****** Img Title and Caption CSS *****/
16
+ .popupaoc-image-popup{ padding: 10px 0; }
17
+ .popupaoc-image-popup h4.popupaoc-image-title{ margin: 10px 0; }
18
+ .popupaoc-image-popup .popupaoc-image-title, .popupaoc-image-popup .popupaoc-image-caption{ text-align: center; }
19
+
20
+ /****** End Img Title and Caption CSS *****/
21
  @media screen and (max-width: 480px){
22
+ .paoc-popup-modal { width: 90% !important; flex-basis: 90% !important;}
23
+ .custombox-fullscreen .paoc-popup-modal{ width: 100% !important; flex-basis: 100% !important;}
24
+
25
  }
assets/js/popupaoc-admin-script.js CHANGED
@@ -5,7 +5,8 @@ jQuery(document).ready(function($) {
5
 
6
  var imgfield,showfield;
7
  imgfield = jQuery(this).prev('input').attr('id');
8
- showfield = jQuery(this).parents('td').find('.popup-anything-imgs-preview');
 
9
 
10
  if(typeof wp == "undefined" || PopupaocAdmin.new_ui != '1' ){ // Check for media uploader
11
 
@@ -78,10 +79,13 @@ jQuery(document).ready(function($) {
78
  var selection = file_frame.state().get('selection');
79
  selection.each( function( attachment, index ) {
80
  attachment = attachment.toJSON();
81
-
 
82
  // Selected attachment url from media uploader
83
  var attachment_url = attachment.sizes[selected_size].url;
84
 
 
 
85
  if(index == 0){
86
  // place first attachment in field
87
  $('#'+imgfield).val(attachment_url);
5
 
6
  var imgfield,showfield;
7
  imgfield = jQuery(this).prev('input').attr('id');
8
+ parent = jQuery(this).parents('td');
9
+ showfield = parent.find('.popup-anything-imgs-preview');
10
 
11
  if(typeof wp == "undefined" || PopupaocAdmin.new_ui != '1' ){ // Check for media uploader
12
 
79
  var selection = file_frame.state().get('selection');
80
  selection.each( function( attachment, index ) {
81
  attachment = attachment.toJSON();
82
+ attachment_id = attachment.id;
83
+
84
  // Selected attachment url from media uploader
85
  var attachment_url = attachment.sizes[selected_size].url;
86
 
87
+ parent.find('.popup-image-id').val(attachment_id);
88
+
89
  if(index == 0){
90
  // place first attachment in field
91
  $('#'+imgfield).val(attachment_url);
assets/js/popupaoc-public.js ADDED
@@ -0,0 +1,18 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function($) {
2
+
3
+ $(document).on('click', '.paoc-popup', function() {
4
+ var target = $(this).data('target');
5
+ if( typeof( target ) !== 'undefined' ) {
6
+ var options = $(this).data('conf');
7
+ if( options ) {
8
+ new Custombox.modal(options).open();
9
+ }
10
+ }
11
+ });
12
+
13
+ /* Custom Popup Link */
14
+ $(document).on('click', '.paoc-close-popup', function(e) {
15
+ Custombox.modal.close();
16
+ return false;
17
+ });
18
+ });
includes/admin/class-popupaoc-admin.php CHANGED
@@ -44,8 +44,11 @@ class Popupaoc_Admin {
44
  * @since 1.0.0
45
  */
46
  function popupaoc_post_sett_metabox() {
47
- add_meta_box( 'popupaoc-post-sett', __( 'Popup - Settings', 'popup-anything-on-click' ), array($this, 'popupaoc_post_sett_mb_content'), POPUPAOC_POST_TYPE, 'normal', 'high' );
48
- add_meta_box( 'popupaoc-meta-box-shortcode', __( 'Shortcode', 'popup-anything-on-click' ), array($this, 'popupaoc_shortcode_display_callback'), POPUPAOC_POST_TYPE, 'side');
 
 
 
49
  }
50
 
51
  /**
@@ -65,9 +68,59 @@ class Popupaoc_Admin {
65
  */
66
  function popupaoc_shortcode_display_callback( $post) {
67
  echo "<h3>" .__( 'Shortcode', 'popup-anything-on-click'). "</h3>";
 
68
  echo '<div class="popupaoc-shortcode-preview">[popup_anything id="'.$post->ID.'"]</div>';
69
  echo "<h3>" .__( 'Template Code', 'popup-anything-on-click'). "</h3>";
70
- echo '<div class="popupaoc-shortcode-preview">&lt;?php do_shortcode("[popup_anything id="'.$post->ID.'"]"); ?&gt;</div>';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
71
  }
72
 
73
  /**
@@ -90,30 +143,38 @@ class Popupaoc_Admin {
90
  $prefix = POPUPAOC_META_PREFIX; // Taking metabox prefix
91
 
92
  // Taking variables
93
- $popup_type = isset($_POST[$prefix.'popup_type']) ? $_POST[$prefix.'popup_type'] : '';
94
- $popup_image_url = isset($_POST[$prefix.'popup_image_url']) ? $_POST[$prefix.'popup_image_url'] : '';
95
- $popup_button_txt = isset($_POST[$prefix.'popup_button_txt']) ? $_POST[$prefix.'popup_button_txt'] : '';
96
- $popup_link_txt = isset($_POST[$prefix.'popup_link_txt']) ? $_POST[$prefix.'popup_link_txt'] : '';
97
- $full_screen = isset($_POST[$prefix.'full_screen']) ? $_POST[$prefix.'full_screen'] : '';
98
- $enable_loader = isset($_POST[$prefix.'enable_loader']) ? $_POST[$prefix.'enable_loader'] : '';
99
- $enable_ovelay = isset($_POST[$prefix.'enable_ovelay']) ? $_POST[$prefix.'enable_ovelay'] : '';
100
- $popup_effect = isset($_POST[$prefix.'popup_effect']) ? $_POST[$prefix.'popup_effect'] : '';
101
- $popup_positionx = isset($_POST[$prefix.'popup_positionx']) ? $_POST[$prefix.'popup_positionx'] : '';
102
- $popup_positiony = isset($_POST[$prefix.'popup_positiony']) ? $_POST[$prefix.'popup_positiony'] : '';
103
- $speedin = isset($_POST[$prefix.'speedin']) ? $_POST[$prefix.'speedin'] : '';
104
- $speedout = isset($_POST[$prefix.'speedout']) ? $_POST[$prefix.'speedout'] : '';
105
- $delay = isset($_POST[$prefix.'delay']) ? $_POST[$prefix.'delay'] : '';
 
 
 
 
106
 
107
  update_post_meta($post_id, $prefix.'popup_type', $popup_type);
108
  update_post_meta($post_id, $prefix.'popup_button_txt', $popup_button_txt);
109
  update_post_meta($post_id, $prefix.'popup_link_txt', $popup_link_txt);
110
  update_post_meta($post_id, $prefix.'popup_image_url', $popup_image_url);
 
 
 
111
  update_post_meta($post_id, $prefix.'full_screen', $full_screen);
112
  update_post_meta($post_id, $prefix.'enable_loader', $enable_loader);
113
  update_post_meta($post_id, $prefix.'enable_ovelay', $enable_ovelay);
114
  update_post_meta($post_id, $prefix.'popup_effect', $popup_effect);
115
  update_post_meta($post_id, $prefix.'popup_positionx', $popup_positionx);
116
  update_post_meta($post_id, $prefix.'popup_positiony', $popup_positiony);
 
117
  update_post_meta($post_id, $prefix.'speedin', $speedin);
118
  update_post_meta($post_id, $prefix.'speedout', $speedout);
119
  update_post_meta($post_id, $prefix.'delay', $delay);
44
  * @since 1.0.0
45
  */
46
  function popupaoc_post_sett_metabox() {
47
+ add_meta_box( 'popupaoc-post-sett', __( 'Popup Anything - Settings', 'popup-anything-on-click' ), array($this, 'popupaoc_post_sett_mb_content'), POPUPAOC_POST_TYPE, 'normal', 'high' );
48
+ add_meta_box( 'popupaoc-meta-box-gevent', __( 'Google Analytic Event Setting', 'popup-anything-on-click' ), array($this, 'popupaoc_gevent_callback'), POPUPAOC_POST_TYPE, 'side');
49
+ add_meta_box( 'popupaoc-meta-box-popupimg', __( 'Popup Background Image', 'popup-anything-on-click' ), array($this, 'popupaoc_bgimg_callback'), POPUPAOC_POST_TYPE, 'side');
50
+ add_meta_box( 'popupaoc-meta-box-shortcode', __( 'Shortcode', 'popup-anything-on-click' ), array($this, 'popupaoc_shortcode_display_callback'), POPUPAOC_POST_TYPE, 'side');
51
+
52
  }
53
 
54
  /**
68
  */
69
  function popupaoc_shortcode_display_callback( $post) {
70
  echo "<h3>" .__( 'Shortcode', 'popup-anything-on-click'). "</h3>";
71
+ echo "<p>" .__( 'To display popup button or link, add the following shortcode to your page or post.', 'popup-anything-on-click' ). "</p>";
72
  echo '<div class="popupaoc-shortcode-preview">[popup_anything id="'.$post->ID.'"]</div>';
73
  echo "<h3>" .__( 'Template Code', 'popup-anything-on-click'). "</h3>";
74
+ echo "<p>" .__( 'If adding the button or link to your theme files, add the following template code.', 'popup-anything-on-click' ). "</p>";
75
+ echo '<div class="popupaoc-shortcode-preview">&lt;?php echo do_shortcode(\'[popup_anything id="'.$post->ID.'"]\'); ?&gt;</div>';
76
+ }
77
+
78
+ /**
79
+ * Meta box to display popup bg image
80
+ *
81
+ * @package Popup Anything
82
+ */
83
+ function popupaoc_bgimg_callback( $post) {
84
+ echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK);
85
+ }
86
+
87
+ /**
88
+ * Meta box to display event tracking
89
+ *
90
+ * @package Popup Anything
91
+ */
92
+ function popupaoc_gevent_callback( $post) {
93
+ ?>
94
+ <table class="paoc-pro-ggl-anlyc-tbl form-table popupaoc-pro-feature">
95
+ <tbody>
96
+ <tr>
97
+ <th scope="row"><label for="paoc-pro-analytic-action"><?php esc_html_e('Event Action', 'popup-anything-on-click'); ?></label></th>
98
+ <td>
99
+ <input type="text" class="custom-small-text" name="" value="Popup-Click" disabled /><br/>
100
+ <span class="description"><?php esc_html_e('Enter event action. eg : Popup-Click', 'popup-anything-on-click'); ?></span>
101
+ </td>
102
+ </tr>
103
+
104
+ <tr>
105
+ <th scope="row"><label for="paoc-pro-analytic-event"><?php esc_html_e('Event Category', 'popup-anything-on-click'); ?></label></th>
106
+ <td>
107
+ <input type="text" class="custom-small-text" name="" value="Popup-Open" disabled /><br/>
108
+ <span class="description"><?php esc_html_e('Enter event category. Eg: Popup-Open', 'popup-anything-on-click'); ?></span>
109
+ </td>
110
+ </tr>
111
+
112
+ <tr>
113
+ <th scope="row"><label for="paoc-pro-analytic-label"><?php esc_html_e('Event Label', 'popup-anything-on-click'); ?></label></th>
114
+ <td>
115
+ <input type="text" class="custom-small-text" name="" value="Popup" disabled /><br/>
116
+ <span class="description"><?php esc_html_e('Enter event label. eg: Popup', 'popup-anything-on-click'); ?></span>
117
+ </td>
118
+ </tr>
119
+ </tbody>
120
+ </table>
121
+
122
+ <?php
123
+ echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK);
124
  }
125
 
126
  /**
143
  $prefix = POPUPAOC_META_PREFIX; // Taking metabox prefix
144
 
145
  // Taking variables
146
+ $popup_type = isset($_POST[$prefix.'popup_type']) ? popupaoc_clean( $_POST[$prefix.'popup_type'] ) : '';
147
+ $popup_image_url = isset($_POST[$prefix.'popup_image_url']) ? popupaoc_clean_url( $_POST[$prefix.'popup_image_url'] ) : '';
148
+ $popup_image_id = isset($_POST[$prefix.'popup_image_id']) ? popupaoc_clean_numeric( $_POST[$prefix.'popup_image_id'] ) : '';
149
+ $image_title = isset($_POST[$prefix.'image_title']) ? popupaoc_clean($_POST[$prefix.'image_title']) : 'false';
150
+ $image_caption = isset($_POST[$prefix.'image_caption']) ? popupaoc_clean( $_POST[$prefix.'image_caption'] ) : 'false';
151
+ $popup_button_txt = isset($_POST[$prefix.'popup_button_txt']) ? popupaoc_clean( $_POST[$prefix.'popup_button_txt'] ) : '';
152
+ $popup_link_txt = isset($_POST[$prefix.'popup_link_txt']) ? popupaoc_clean( $_POST[$prefix.'popup_link_txt'] ) : '';
153
+ $full_screen = isset($_POST[$prefix.'full_screen']) ? popupaoc_clean( $_POST[$prefix.'full_screen']) : '';
154
+ $enable_loader = isset($_POST[$prefix.'enable_loader']) ? popupaoc_clean( $_POST[$prefix.'enable_loader'] ) : '';
155
+ $enable_ovelay = isset($_POST[$prefix.'enable_ovelay']) ? popupaoc_clean( $_POST[$prefix.'enable_ovelay'] ) : '';
156
+ $popup_effect = isset($_POST[$prefix.'popup_effect']) ? popupaoc_clean( $_POST[$prefix.'popup_effect'] ) : '';
157
+ $popup_positionx = isset($_POST[$prefix.'popup_positionx']) ? popupaoc_clean( $_POST[$prefix.'popup_positionx'] ) : '';
158
+ $popup_positiony = isset($_POST[$prefix.'popup_positiony']) ? popupaoc_clean( $_POST[$prefix.'popup_positiony'] ) : '';
159
+ $popupwidth = isset($_POST[$prefix.'popupwidth']) ? popupaoc_clean ( $_POST[$prefix.'popupwidth'] ) : '';
160
+ $speedin = isset($_POST[$prefix.'speedin']) ? popupaoc_clean_numeric ( $_POST[$prefix.'speedin'], 300 ) : 300;
161
+ $speedout = isset($_POST[$prefix.'speedout']) ? popupaoc_clean_numeric ( $_POST[$prefix.'speedout'], 300 ): 300;
162
+ $delay = isset($_POST[$prefix.'delay']) ? popupaoc_clean_numeric ( $_POST[$prefix.'delay'], 150 ) : 150;
163
 
164
  update_post_meta($post_id, $prefix.'popup_type', $popup_type);
165
  update_post_meta($post_id, $prefix.'popup_button_txt', $popup_button_txt);
166
  update_post_meta($post_id, $prefix.'popup_link_txt', $popup_link_txt);
167
  update_post_meta($post_id, $prefix.'popup_image_url', $popup_image_url);
168
+ update_post_meta($post_id, $prefix.'popup_image_id', $popup_image_id);
169
+ update_post_meta($post_id, $prefix.'image_title', $image_title);
170
+ update_post_meta($post_id, $prefix.'image_caption', $image_caption);
171
  update_post_meta($post_id, $prefix.'full_screen', $full_screen);
172
  update_post_meta($post_id, $prefix.'enable_loader', $enable_loader);
173
  update_post_meta($post_id, $prefix.'enable_ovelay', $enable_ovelay);
174
  update_post_meta($post_id, $prefix.'popup_effect', $popup_effect);
175
  update_post_meta($post_id, $prefix.'popup_positionx', $popup_positionx);
176
  update_post_meta($post_id, $prefix.'popup_positiony', $popup_positiony);
177
+ update_post_meta($post_id, $prefix.'popupwidth', $popupwidth);
178
  update_post_meta($post_id, $prefix.'speedin', $speedin);
179
  update_post_meta($post_id, $prefix.'speedout', $speedout);
180
  update_post_meta($post_id, $prefix.'delay', $delay);
includes/admin/metabox/popupaoc-post-sett-metabox.php CHANGED
@@ -22,20 +22,21 @@ $popup_fullscreen_list = popupaoc_popupfullscreen();
22
  $popup_overlay_list = popupaoc_popupoverlay();
23
  $popup_lodaer_list = popupaoc_lodaer();
24
 
25
-
26
  // Getting saved values
27
-
28
-
29
  $popup_type = get_post_meta( $post->ID, $prefix.'popup_type', true );
30
  $popup_link_txt = get_post_meta( $post->ID, $prefix.'popup_link_txt', true );
31
  $popup_button_txt = get_post_meta( $post->ID, $prefix.'popup_button_txt', true );
32
  $popup_image_url = get_post_meta( $post->ID, $prefix.'popup_image_url', true );
 
 
 
33
  $full_screen = get_post_meta( $post->ID, $prefix.'full_screen', true );
34
  $enable_loader = get_post_meta( $post->ID, $prefix.'enable_loader', true );
35
  $enable_ovelay = get_post_meta( $post->ID, $prefix.'enable_ovelay', true );
36
  $popup_effect = get_post_meta( $post->ID, $prefix.'popup_effect', true );
37
  $popup_positionx = get_post_meta( $post->ID, $prefix.'popup_positionx', true );
38
  $popup_positiony = get_post_meta( $post->ID, $prefix.'popup_positiony', true );
 
39
  $speedin = get_post_meta( $post->ID, $prefix.'speedin', true );
40
  $speedout = get_post_meta( $post->ID, $prefix.'speedout', true );
41
  $delay = get_post_meta( $post->ID, $prefix.'delay', true );
@@ -56,8 +57,6 @@ else{
56
  }
57
  ?>
58
 
59
-
60
-
61
  <table class="form-table popupaoc-post-sett-tbl">
62
  <tbody>
63
  <!-- popup button text -->
@@ -77,40 +76,50 @@ else{
77
  </select>
78
  <br/>
79
  <span class="description"><?php _e('Select on click type ie where user going to click.', 'popup-anything-on-click'); ?></span>
80
- </td>
81
  </tr>
82
  <!-- Simple button settings -->
83
  <tr valign="top">
84
  <td colspan="2" class="popupaoc-no-padding">
85
  <table class="form-table popupaoc-simple-link" <?php echo $popup_simple_style;?>>
86
-
87
  <tr>
88
  <th><label for="popupaoc-simple-btn-name"><?php echo __('Link Text','popup-anything-on-click');?></label></th>
89
  <td class="row-meta">
90
- <input type="text" name="<?php echo $prefix;?>popup_link_txt" value="<?php echo $popup_link_txt; ?>" class="large-text" placeholder="<?php _e('Link Text', 'popup-anything-on-click'); ?>" /><br/>
91
  <span class="description"><?php _e('Enter text.', 'popup-anything-on-click'); ?></span>
92
  </td>
93
- </tr>
94
-
95
  </table>
96
  <table class="form-table popupaoc-simple-button" <?php echo $popup_img_btn;?>>
97
-
98
  <tr>
99
  <th>
100
- <?php _e('Button Text','');?>
101
  </th>
102
  <td class="row-meta">
103
- <input type="text" name="<?php echo $prefix;?>popup_button_txt" value="<?php echo $popup_button_txt; ?>" class="large-text" placeholder="<?php _e('Button Text', 'popup-anything-on-click'); ?>" /><br/>
104
  <span class="description"><?php _e('Enter Popup button text.', 'popup-anything-on-click'); ?></span>
105
  </td>
106
  </tr>
 
 
 
 
 
 
 
 
 
 
 
107
 
108
  </table><!-- end .popupaoc-group-button-sett -->
109
  <table class="form-table popupaoc-simple-image" <?php echo $popup_img_style;?>>
110
-
111
  <tr>
112
  <th>
113
- <?php _e('Upload Image','');?>
114
  </th>
115
  <td>
116
  <input type="text" name="<?php echo $prefix.'popup_image_url';?>" value="<?php echo $popup_image_url;?>" id="popup-anything-default-img" class="regular-text popup-antything-default-img popup-antything-img-upload-input" />
@@ -124,19 +133,44 @@ else{
124
  }
125
  ?>
126
  <div class="popup-anything-imgs-preview"><?php echo $default_img; ?></div>
 
127
  </td>
128
  </tr>
129
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
130
  </table><!-- end .popupaoc-group-button-sett -->
131
  </td>
132
  </tr>
133
-
 
 
134
  <!-- popup screen -->
135
- <tr valign="top" style="border-top:1px solid #ddd;">
136
  <th scope="row">
137
  <label for="popupaoc-btn-style-type"><?php _e('Full Screen', 'popup-anything-on-click'); ?></label>
138
- </th>
139
- <td class="row-meta">
140
  <select name="<?php echo $prefix;?>full_screen" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
141
  <?php
142
  if( !empty($popup_fullscreen_list) ) {
@@ -146,51 +180,27 @@ else{
146
  }
147
  ?>
148
  </select><br/>
149
- <span class="description"><?php _e('Enable popup full screen.', 'popup-anything-on-click'); ?></span>
150
- </td>
151
- </tr>
152
- <!-- popup loader -->
153
- <tr valign="top">
154
- <th scope="row">
155
- <label for="popupaoc-btn-style-type"><?php _e('Enable Loader', 'popup-anything-on-click'); ?></label>
156
- </th>
157
- <td class="row-meta">
158
- <select name="<?php echo $prefix;?>enable_loader" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
159
- <?php
160
- if( !empty($popup_lodaer_list) ) {
161
- foreach ($popup_lodaer_list as $key => $value) {
162
- echo '<option value="'.$key.'" '.selected($enable_loader,$key).'>'.$value.'</option>';
163
- }
164
- }
165
- ?>
166
- </select><br/>
167
- <span class="description"><?php _e('Enable loader.', 'popup-anything-on-click'); ?></span>
168
- </td>
169
  </tr>
170
- <!-- popup overlay -->
 
171
  <tr valign="top">
172
  <th scope="row">
173
- <label for="popupaoc-btn-style-type"><?php _e('Enable Overlay', 'popup-anything-on-click'); ?></label>
174
  </th>
175
- <td class="row-meta">
176
- <select name="<?php echo $prefix;?>enable_ovelay" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
177
- <?php
178
- if( !empty($popup_overlay_list) ) {
179
- foreach ($popup_overlay_list as $key => $value) {
180
- echo '<option value="'.$key.'" '.selected($enable_ovelay,$key).'>'.$value.'</option>';
181
- }
182
- }
183
- ?>
184
- </select><br/>
185
- <span class="description"><?php _e('Enable Overlay', 'popup-anything-on-click'); ?></span>
186
- </td>
187
  </tr>
 
188
  <!-- popup effect -->
189
  <tr valign="top">
190
  <th scope="row">
191
  <label for="popupaoc-btn-clr-class"><?php _e('Effect', 'popup-anything-on-click'); ?></label>
192
  </th>
193
- <td class="row-meta">
194
  <select name="<?php echo $prefix;?>popup_effect" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
195
  <?php
196
  if( !empty($popup_effect_list) ) {
@@ -201,14 +211,49 @@ else{
201
  ?>
202
  </select><br/>
203
  <span class="description"><?php _e('Select effect.', 'popup-anything-on-click'); ?></span>
204
- </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
205
  </tr>
 
 
 
 
 
206
  <!-- popup positionx -->
207
  <tr valign="top">
208
  <th scope="row">
209
  <label for="popupaoc-btn-clr-class"><?php _e('PositionX', 'popup-anything-on-click'); ?></label>
210
  </th>
211
- <td class="row-meta">
212
  <select name="<?php echo $prefix;?>popup_positionx" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
213
  <?php
214
  if( !empty($popup_positionx_list) ) {
@@ -219,14 +264,14 @@ else{
219
  ?>
220
  </select><br/>
221
  <span class="description"><?php _e('Select positionx.', 'popup-anything-on-click'); ?></span>
222
- </td>
223
  </tr>
224
  <!-- popup positiony -->
225
  <tr valign="top">
226
  <th scope="row">
227
  <label for="popupaoc-btn-clr-class"><?php _e('PositionY', 'popup-anything-on-click'); ?></label>
228
  </th>
229
- <td class="row-meta">
230
  <select name="<?php echo $prefix;?>popup_positiony" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
231
  <?php
232
  if( !empty($popup_positiony_list) ) {
@@ -237,39 +282,209 @@ else{
237
  ?>
238
  </select><br/>
239
  <span class="description"><?php _e('Select positiony.', 'popup-anything-on-click'); ?></span>
240
- </td>
241
  </tr>
242
- <!-- popup speedin -->
243
- <tr valign="top">
244
- <th scope="row">
245
- <label for="popupaoc-btn-clr-class"><?php _e('SpeedIn', 'popup-anything-on-click'); ?></label>
246
- </th>
247
- <td class="row-meta">
248
- <input type="number" name="<?php echo $prefix;?>speedin" value="<?php echo $speedin; ?>" class="large-text" placeholder="<?php _e('300', 'popup-anything-on-click'); ?>" /><br/>
249
- <span class="description"><?php _e('Enter the speed start of the animation in milliseconds.', 'popup-anything-on-click'); ?></span>
250
- </td>
251
  </tr>
252
- <!-- popup speedout -->
 
253
  <tr valign="top">
254
  <th scope="row">
255
- <label for="popupaoc-btn-clr-class"><?php _e('SpeedOut', 'popup-anything-on-click'); ?></label>
256
  </th>
257
- <td class="row-meta">
258
- <input type="number" name="<?php echo $prefix;?>speedout" value="<?php echo $speedout; ?>" class="large-text" placeholder="<?php _e('300', 'popup-anything-on-click'); ?>" /><br/>
259
- <span class="description"><?php _e('Enter the speed end of the animation in milliseconds.', 'popup-anything-on-click'); ?></span>
260
- </td>
 
 
 
 
 
 
 
 
261
  </tr>
262
- <!-- popup delay -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
263
  <tr valign="top">
264
  <th scope="row">
265
- <label for="popupaoc-btn-clr-class"><?php _e('Delay', 'popup-anything-on-click'); ?></label>
266
  </th>
267
- <td class="row-meta">
268
- <input type="number" name="<?php echo $prefix;?>delay" value="<?php echo $delay; ?>" class="large-text" placeholder="<?php _e('150', 'popup-anything-on-click'); ?>" /><br/>
269
- <span class="description"><?php _e('Enter the wait before the transition effect start.', 'popup-anything-on-click'); ?></span>
270
- </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271
  </tr>
272
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
273
 
 
 
 
 
 
 
 
 
274
  </tbody>
275
  </table><!-- end .popupaoc-post-sett-tbl -->
22
  $popup_overlay_list = popupaoc_popupoverlay();
23
  $popup_lodaer_list = popupaoc_lodaer();
24
 
 
25
  // Getting saved values
 
 
26
  $popup_type = get_post_meta( $post->ID, $prefix.'popup_type', true );
27
  $popup_link_txt = get_post_meta( $post->ID, $prefix.'popup_link_txt', true );
28
  $popup_button_txt = get_post_meta( $post->ID, $prefix.'popup_button_txt', true );
29
  $popup_image_url = get_post_meta( $post->ID, $prefix.'popup_image_url', true );
30
+ $popup_image_id = get_post_meta( $post->ID, $prefix.'popup_image_id', true );
31
+ $image_title = get_post_meta( $post->ID, $prefix.'image_title', true );
32
+ $image_caption = get_post_meta( $post->ID, $prefix.'image_caption', true );
33
  $full_screen = get_post_meta( $post->ID, $prefix.'full_screen', true );
34
  $enable_loader = get_post_meta( $post->ID, $prefix.'enable_loader', true );
35
  $enable_ovelay = get_post_meta( $post->ID, $prefix.'enable_ovelay', true );
36
  $popup_effect = get_post_meta( $post->ID, $prefix.'popup_effect', true );
37
  $popup_positionx = get_post_meta( $post->ID, $prefix.'popup_positionx', true );
38
  $popup_positiony = get_post_meta( $post->ID, $prefix.'popup_positiony', true );
39
+ $popupwidth = get_post_meta( $post->ID, $prefix.'popupwidth', true );
40
  $speedin = get_post_meta( $post->ID, $prefix.'speedin', true );
41
  $speedout = get_post_meta( $post->ID, $prefix.'speedout', true );
42
  $delay = get_post_meta( $post->ID, $prefix.'delay', true );
57
  }
58
  ?>
59
 
 
 
60
  <table class="form-table popupaoc-post-sett-tbl">
61
  <tbody>
62
  <!-- popup button text -->
76
  </select>
77
  <br/>
78
  <span class="description"><?php _e('Select on click type ie where user going to click.', 'popup-anything-on-click'); ?></span>
79
+ </td>
80
  </tr>
81
  <!-- Simple button settings -->
82
  <tr valign="top">
83
  <td colspan="2" class="popupaoc-no-padding">
84
  <table class="form-table popupaoc-simple-link" <?php echo $popup_simple_style;?>>
 
85
  <tr>
86
  <th><label for="popupaoc-simple-btn-name"><?php echo __('Link Text','popup-anything-on-click');?></label></th>
87
  <td class="row-meta">
88
+ <input type="text" name="<?php echo $prefix;?>popup_link_txt" value="<?php echo $popup_link_txt; ?>" class="large-text" placeholder="<?php _e('Link Text', 'popup-anything-on-click'); ?>" /><br/>
89
  <span class="description"><?php _e('Enter text.', 'popup-anything-on-click'); ?></span>
90
  </td>
91
+ </tr>
92
+
93
  </table>
94
  <table class="form-table popupaoc-simple-button" <?php echo $popup_img_btn;?>>
95
+
96
  <tr>
97
  <th>
98
+ <?php _e('Button Text','popup-anything-on-click');?>
99
  </th>
100
  <td class="row-meta">
101
+ <input type="text" name="<?php echo $prefix;?>popup_button_txt" value="<?php echo $popup_button_txt; ?>" class="large-text" placeholder="<?php _e('Button Text', 'popup-anything-on-click'); ?>" /><br/>
102
  <span class="description"><?php _e('Enter Popup button text.', 'popup-anything-on-click'); ?></span>
103
  </td>
104
  </tr>
105
+
106
+ <tr class="popupaoc-pro-feature">
107
+ <th>
108
+ <?php _e('Button Custom Class','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
109
+ </th>
110
+ <td class="row-meta">
111
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
112
+ <span class="description"><?php _e('Enter Popup button custom class if you want to apply your own custom styling.', 'popup-anything-on-click'); ?></span>
113
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
114
+ </td>
115
+ </tr>
116
 
117
  </table><!-- end .popupaoc-group-button-sett -->
118
  <table class="form-table popupaoc-simple-image" <?php echo $popup_img_style;?>>
119
+
120
  <tr>
121
  <th>
122
+ <?php _e('Popup Image','popup-anything-on-click');?>
123
  </th>
124
  <td>
125
  <input type="text" name="<?php echo $prefix.'popup_image_url';?>" value="<?php echo $popup_image_url;?>" id="popup-anything-default-img" class="regular-text popup-antything-default-img popup-antything-img-upload-input" />
133
  }
134
  ?>
135
  <div class="popup-anything-imgs-preview"><?php echo $default_img; ?></div>
136
+ <input type="hidden" name="<?php echo $prefix.'popup_image_id';?>" value="<?php echo $popup_image_id; ?>" class="popup-image-id" />
137
  </td>
138
  </tr>
139
+
140
+ <tr>
141
+ <th scope="row"><label for="paoc-image-title"><?php esc_html_e('Image Title', 'popup-anything-on-click'); ?></label></th>
142
+ <td>
143
+ <select name="<?php echo $prefix;?>image_title" class="popupaoc-select-box paoc-image-title" id="paoc-image-title">
144
+ <option value="false" <?php selected( $image_title, 'false' ); ?>><?php esc_html_e('False', 'popup-anything-on-click'); ?></option>
145
+ <option value="true" <?php selected( $image_title, 'true' ); ?>><?php esc_html_e('True', 'popup-anything-on-click'); ?></option>
146
+ </select><br/>
147
+ <span class="description"><?php esc_html_e('Enable Image Title.', 'popup-anything-on-click'); ?></span>
148
+ </td>
149
+ </tr>
150
+
151
+ <tr>
152
+ <th scope="row"><label for="paoc-image-caption"><?php esc_html_e('Image Caption', 'popup-anything-on-click'); ?></label></th>
153
+ <td>
154
+ <select name="<?php echo $prefix;?>image_caption" class="popupaoc-select-box paoc-image-caption" id="paoc-image-caption">
155
+ <option value="false" <?php selected( $image_caption, 'false' ); ?>><?php esc_html_e('False', 'popup-anything-on-click'); ?></option>
156
+ <option value="true" <?php selected( $image_caption, 'true' ); ?>><?php esc_html_e('True', 'popup-anything-on-click'); ?></option>
157
+ </select><br/>
158
+ <span class="description"><?php esc_html_e('Enable Image Caption.', 'popup-anything-on-click'); ?></span>
159
+ </td>
160
+ </tr>
161
+
162
  </table><!-- end .popupaoc-group-button-sett -->
163
  </td>
164
  </tr>
165
+ <tr>
166
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Screen and Effects', 'popup-anything-on-click'); ?></div></th>
167
+ </tr>
168
  <!-- popup screen -->
169
+ <tr valign="top">
170
  <th scope="row">
171
  <label for="popupaoc-btn-style-type"><?php _e('Full Screen', 'popup-anything-on-click'); ?></label>
172
+ </th>
173
+ <td class="row-meta">
174
  <select name="<?php echo $prefix;?>full_screen" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
175
  <?php
176
  if( !empty($popup_fullscreen_list) ) {
180
  }
181
  ?>
182
  </select><br/>
183
+ <span class="description"><?php _e('Enable popup full screen. NOTE: If you are using Full Screen: True then Popup Width value added by you will not work.', 'popup-anything-on-click'); ?></span>
184
+ </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
185
  </tr>
186
+ <!-- popup width -->
187
+
188
  <tr valign="top">
189
  <th scope="row">
190
+ <label for="popupaoc-btn-clr-class"><?php _e('Popup Width', 'popup-anything-on-click'); ?></label>
191
  </th>
192
+ <td class="row-meta">
193
+ <input type="text" name="<?php echo $prefix;?>popupwidth" value="<?php echo $popupwidth; ?>" class="regular-text" placeholder="<?php _e('300px', 'popup-anything-on-click'); ?>" /><br/>
194
+ <span class="description"><?php _e('Set popup width. e.g 80% OR 800px. Leave empty for default width.', 'popup-anything-on-click'); ?></span>
195
+ </td>
 
 
 
 
 
 
 
 
196
  </tr>
197
+
198
  <!-- popup effect -->
199
  <tr valign="top">
200
  <th scope="row">
201
  <label for="popupaoc-btn-clr-class"><?php _e('Effect', 'popup-anything-on-click'); ?></label>
202
  </th>
203
+ <td class="row-meta">
204
  <select name="<?php echo $prefix;?>popup_effect" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
205
  <?php
206
  if( !empty($popup_effect_list) ) {
211
  ?>
212
  </select><br/>
213
  <span class="description"><?php _e('Select effect.', 'popup-anything-on-click'); ?></span>
214
+ </td>
215
+ </tr>
216
+ <!-- popup speedin -->
217
+ <tr valign="top">
218
+ <th scope="row">
219
+ <label for="popupaoc-btn-clr-class"><?php _e('SpeedIn', 'popup-anything-on-click'); ?></label>
220
+ </th>
221
+ <td class="row-meta">
222
+ <input type="number" name="<?php echo $prefix;?>speedin" value="<?php echo $speedin; ?>" class="small-text" placeholder="<?php _e('300', 'popup-anything-on-click'); ?>" /><br/>
223
+ <span class="description"><?php _e('Enter the speed start of the animation in milliseconds.', 'popup-anything-on-click'); ?></span>
224
+ </td>
225
+ </tr>
226
+ <!-- popup speedout -->
227
+ <tr valign="top">
228
+ <th scope="row">
229
+ <label for="popupaoc-btn-clr-class"><?php _e('SpeedOut', 'popup-anything-on-click'); ?></label>
230
+ </th>
231
+ <td class="row-meta">
232
+ <input type="number" name="<?php echo $prefix;?>speedout" value="<?php echo $speedout; ?>" class="small-text" placeholder="<?php _e('300', 'popup-anything-on-click'); ?>" /><br/>
233
+ <span class="description"><?php _e('Enter the speed end of the animation in milliseconds.', 'popup-anything-on-click'); ?></span>
234
+ </td>
235
+ </tr>
236
+ <!-- popup delay -->
237
+ <tr valign="top">
238
+ <th scope="row">
239
+ <label for="popupaoc-btn-clr-class"><?php _e('Delay', 'popup-anything-on-click'); ?></label>
240
+ </th>
241
+ <td class="row-meta">
242
+ <input type="number" name="<?php echo $prefix;?>delay" value="<?php echo $delay; ?>" class="small-text" placeholder="<?php _e('150', 'popup-anything-on-click'); ?>" /><br/>
243
+ <span class="description"><?php _e('Enter the wait before the transition effect start.', 'popup-anything-on-click'); ?></span>
244
+ </td>
245
  </tr>
246
+
247
+ <tr>
248
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Position', 'popup-anything-on-click'); ?></div></th>
249
+ </tr>
250
+
251
  <!-- popup positionx -->
252
  <tr valign="top">
253
  <th scope="row">
254
  <label for="popupaoc-btn-clr-class"><?php _e('PositionX', 'popup-anything-on-click'); ?></label>
255
  </th>
256
+ <td class="row-meta">
257
  <select name="<?php echo $prefix;?>popup_positionx" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
258
  <?php
259
  if( !empty($popup_positionx_list) ) {
264
  ?>
265
  </select><br/>
266
  <span class="description"><?php _e('Select positionx.', 'popup-anything-on-click'); ?></span>
267
+ </td>
268
  </tr>
269
  <!-- popup positiony -->
270
  <tr valign="top">
271
  <th scope="row">
272
  <label for="popupaoc-btn-clr-class"><?php _e('PositionY', 'popup-anything-on-click'); ?></label>
273
  </th>
274
+ <td class="row-meta">
275
  <select name="<?php echo $prefix;?>popup_positiony" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
276
  <?php
277
  if( !empty($popup_positiony_list) ) {
282
  ?>
283
  </select><br/>
284
  <span class="description"><?php _e('Select positiony.', 'popup-anything-on-click'); ?></span>
285
+ </td>
286
  </tr>
287
+
288
+ <tr>
289
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Overlay Setting', 'popup-anything-on-click'); ?></div></th>
 
 
 
 
 
 
290
  </tr>
291
+
292
+ <!-- popup overlay -->
293
  <tr valign="top">
294
  <th scope="row">
295
+ <label for="popupaoc-btn-style-type"><?php _e('Enable Overlay', 'popup-anything-on-click'); ?></label>
296
  </th>
297
+ <td class="row-meta">
298
+ <select name="<?php echo $prefix;?>enable_ovelay" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
299
+ <?php
300
+ if( !empty($popup_overlay_list) ) {
301
+ foreach ($popup_overlay_list as $key => $value) {
302
+ echo '<option value="'.$key.'" '.selected($enable_ovelay,$key).'>'.$value.'</option>';
303
+ }
304
+ }
305
+ ?>
306
+ </select><br/>
307
+ <span class="description"><?php _e('Enable Overlay', 'popup-anything-on-click'); ?></span>
308
+ </td>
309
  </tr>
310
+
311
+ <!-- popup Overlay Color -->
312
+ <tr class="popupaoc-pro-feature">
313
+ <th>
314
+ <?php _e('Popup Overlay Color','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
315
+ </th>
316
+ <td class="row-meta">
317
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
318
+ <span class="description"><?php _e('Select popup overlay background color.', 'popup-anything-on-click'); ?></span>
319
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
320
+ </td>
321
+ </tr>
322
+
323
+ <!-- popup Popup Overlay Opacity -->
324
+ <tr class="popupaoc-pro-feature">
325
+ <th>
326
+ <?php _e('Popup Overlay Opacity','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
327
+ </th>
328
+ <td class="row-meta">
329
+ <input type="number" name="" value="" class="small-text" disabled /><br/>
330
+ <span class="description"><?php _e('Set the popup overlay opacity. Value must be from 0 to 1.', 'popup-anything-on-click'); ?></span>
331
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
332
+ </td>
333
+ </tr>
334
+
335
+ <!-- Close Popup On Overlay -->
336
+ <tr class="popupaoc-pro-feature">
337
+ <th>
338
+ <?php _e('Close Popup On Overlay','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
339
+ </th>
340
+ <td class="row-meta">
341
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
342
+ <span class="description"><?php _e('Allow users to close the popup by clicking the overlay or outside the popup.', 'popup-anything-on-click'); ?></span>
343
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
344
+ </td>
345
+ </tr>
346
+
347
+ <tr>
348
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Loader Setting', 'popup-anything-on-click'); ?></div></th>
349
+ </tr>
350
+ <!-- popup loader -->
351
  <tr valign="top">
352
  <th scope="row">
353
+ <label for="popupaoc-btn-style-type"><?php _e('Enable Loader', 'popup-anything-on-click'); ?></label>
354
  </th>
355
+ <td class="row-meta">
356
+ <select name="<?php echo $prefix;?>enable_loader" class="popupaoc-select-box popupaoc-btn-clr-class" id="popupaoc-btn-clr-class">
357
+ <?php
358
+ if( !empty($popup_lodaer_list) ) {
359
+ foreach ($popup_lodaer_list as $key => $value) {
360
+ echo '<option value="'.$key.'" '.selected($enable_loader,$key).'>'.$value.'</option>';
361
+ }
362
+ }
363
+ ?>
364
+ </select><br/>
365
+ <span class="description"><?php _e('Enable loader.', 'popup-anything-on-click'); ?></span>
366
+ </td>
367
+ </tr>
368
+
369
+ <!-- popup Loader Color -->
370
+ <tr class="popupaoc-pro-feature">
371
+ <th>
372
+ <?php _e('Popup Loader Color','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
373
+ </th>
374
+ <td class="row-meta">
375
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
376
+ <span class="description"><?php _e(' Select popup loader color.', 'popup-anything-on-click'); ?></span>
377
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
378
+ </td>
379
+ </tr>
380
+ <!-- popup Loader Speed -->
381
+ <tr class="popupaoc-pro-feature">
382
+ <th>
383
+ <?php _e('Loader Speed','popup-anything-on-click');?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span>
384
+ </th>
385
+ <td class="row-meta">
386
+ <input type="number" name="" value="" class="small-text" disabled /><br/>
387
+ <span class="description"><?php _e(' Enter the popup loader speed. Leave empty for default. Value should be in milliseconds. e.g 300.', 'popup-anything-on-click'); ?></span>
388
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get this option.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
389
+ </td>
390
+ </tr>
391
+
392
+ <tr class="popupaoc-pro-feature">
393
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Colors Setting', 'popup-anything-on-click'); ?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span></div> </th>
394
  </tr>
395
 
396
+ <!-- Popup Background Color -->
397
+ <tr class="popupaoc-pro-feature">
398
+ <th>
399
+ <?php _e('Popup Background Color','popup-anything-on-click');?>
400
+ </th>
401
+ <td class="row-meta">
402
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
403
+ <span class="description"><?php _e('Select popup background color.', 'popup-anything-on-click'); ?></span>
404
+ </td>
405
+ </tr>
406
+ <!-- Popup Background Color Opacity -->
407
+ <tr class="popupaoc-pro-feature">
408
+ <th>
409
+ <?php _e('Popup Background Color Opacity','popup-anything-on-click');?>
410
+ </th>
411
+ <td class="row-meta">
412
+ <input type="number" name="" value="" class="small-text" disabled /><br/>
413
+ <span class="description"><?php _e('Set the popup background color opacity if background image also added. Value must be from 0 to 1.', 'popup-anything-on-click'); ?></span>
414
+ </td>
415
+ </tr>
416
+ <!-- Popup Background Color Opacity -->
417
+ <tr class="popupaoc-pro-feature">
418
+ <th>
419
+ <?php _e('Popup Fonts Color','popup-anything-on-click');?>
420
+ </th>
421
+ <td class="row-meta">
422
+ <input type="text" name="" value="" class="regular-text" disabled /><br/>
423
+ <span class="description"><?php _e('Select popup fonts color.', 'popup-anything-on-click'); ?></span>
424
+ </td>
425
+ </tr>
426
+ <!-- Buylink -->
427
+ <tr class="popupaoc-pro-feature">
428
+ <th>
429
+
430
+ </th>
431
+ <td class="row-meta">
432
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get these options.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
433
+ </td>
434
+ </tr>
435
+
436
+ <tr class="popupaoc-pro-feature">
437
+ <th scope="row" colspan="2"><div class="popupaoc-sub-sett-title"> <?php _e('Popup Background Image Setting. (Note: These settings only works with Popup background image)', 'popup-anything-on-click'); ?> <span class="popupaoc-pro-tag"><?php _e('PRO','popup-anything-on-click');?></span></div></th>
438
+ </tr>
439
+
440
+ <!-- Background Image Repeat -->
441
+ <tr class="popupaoc-pro-feature">
442
+ <th>
443
+ <?php _e('Background Image Repeat','popup-anything-on-click');?>
444
+ </th>
445
+ <td class="row-meta">
446
+ <select name="" class="popupaoc-select-box popupaoc-btn-clr-class" disabled>
447
+ <option><?php esc_html_e('No Repeat', 'popup-anything-on-click'); ?></option>
448
+ <option><?php esc_html_e('Repeat', 'popup-anything-on-click'); ?></option>
449
+ </select><br/>
450
+ <span class="description"><?php _e('Select popup background image repeat.', 'popup-anything-on-click'); ?></span>
451
+ </td>
452
+ </tr>
453
+
454
+ <!-- Background Position X -->
455
+ <tr class="popupaoc-pro-feature">
456
+ <th>
457
+ <?php _e('Background Position X','popup-anything-on-click');?>
458
+ </th>
459
+ <td class="row-meta">
460
+ <select name="" class="popupaoc-select-box popupaoc-btn-clr-class" disabled>
461
+ <option><?php esc_html_e('Center', 'popup-anything-on-click'); ?></option>
462
+ <option><?php esc_html_e('Center', 'popup-anything-on-click'); ?></option>
463
+ </select><br/>
464
+ <span class="description"><?php _e('Select popup background position X (Horizontal)', 'popup-anything-on-click'); ?></span>
465
+ </td>
466
+ </tr>
467
+ <!-- Background Position Y -->
468
+ <tr class="popupaoc-pro-feature">
469
+ <th>
470
+ <?php _e('Background Position Y','popup-anything-on-click');?>
471
+ </th>
472
+ <td class="row-meta">
473
+ <select name="" class="popupaoc-select-box popupaoc-btn-clr-class" disabled>
474
+ <option><?php esc_html_e('Center', 'popup-anything-on-click'); ?></option>
475
+ <option><?php esc_html_e('Center', 'popup-anything-on-click'); ?></option>
476
+ </select><br/>
477
+ <span class="description"><?php _e('Select popup background position Y (Vertical)', 'popup-anything-on-click'); ?></span>
478
+ </td>
479
+ </tr>
480
 
481
+ <!-- Buylink -->
482
+ <tr class="popupaoc-pro-feature">
483
+ <th>
484
+ </th>
485
+ <td class="row-meta">
486
+ <?php echo sprintf( __( 'Upgrade to <a href="%s" target="_blank">Premium Version</a> to get these options.', 'popup-anything-on-click'), POPUPAOC_PLUGIN_LINK); ?>
487
+ </td>
488
+ </tr>
489
  </tbody>
490
  </table><!-- end .popupaoc-post-sett-tbl -->
includes/admin/settings/premium.php CHANGED
@@ -112,6 +112,16 @@ if ( !defined( 'ABSPATH' ) ) {
112
  <th>Popup Location <span>Set popup location on the screen</span></th>
113
  <td>Limited</td>
114
  <td>9 Locations</td>
 
 
 
 
 
 
 
 
 
 
115
  </tr>
116
  <tr>
117
  <th>Full Screen Popup<span> Set popup full screen on the screen</span></th>
@@ -124,10 +134,20 @@ if ( !defined( 'ABSPATH' ) ) {
124
  <td><i class="dashicons dashicons-yes"></i></td>
125
  </tr>
126
  <tr>
127
- <th>Popup width <span>Customize popup width during creating a popup. </span></th>
128
  <td><i class="dashicons dashicons-no-alt"></i></td>
129
  <td><i class="dashicons dashicons-yes"></i></td>
130
  </tr>
 
 
 
 
 
 
 
 
 
 
131
  <tr>
132
  <th>Popup Overlay Color <span>Customize popup overlay color </span></th>
133
  <td><i class="dashicons dashicons-no-alt"></i></td>
112
  <th>Popup Location <span>Set popup location on the screen</span></th>
113
  <td>Limited</td>
114
  <td>9 Locations</td>
115
+ </tr>
116
+ <tr>
117
+ <th>Image Title and Caption <span>Display image title and caption on the front-end side.</span></th>
118
+ <td><i class="dashicons dashicons-yes"></i></td>
119
+ <td><i class="dashicons dashicons-yes"></i></td>
120
+ </tr>
121
+ <tr>
122
+ <th>Popup with Custom Link <span>Add popup to any custom link.</span></th>
123
+ <td><i class="dashicons dashicons-no-alt"></i></td>
124
+ <td><i class="dashicons dashicons-yes"></i></td>
125
  </tr>
126
  <tr>
127
  <th>Full Screen Popup<span> Set popup full screen on the screen</span></th>
134
  <td><i class="dashicons dashicons-yes"></i></td>
135
  </tr>
136
  <tr>
137
+ <th>Google Analytic Event Setting <span>Track google analytic events. </span></th>
138
  <td><i class="dashicons dashicons-no-alt"></i></td>
139
  <td><i class="dashicons dashicons-yes"></i></td>
140
  </tr>
141
+ <tr>
142
+ <th>Popup width <span>Customize popup width during creating a popup. </span></th>
143
+ <td><i class="dashicons dashicons-yes"></i></td>
144
+ <td><i class="dashicons dashicons-yes"></i></td>
145
+ </tr>
146
+ <tr>
147
+ <th>Popup Background Image<span>Add background image for popup.</span></th>
148
+ <td><i class="dashicons dashicons-no-alt"></i></td>
149
+ <td><i class="dashicons dashicons-yes"></i></td>
150
+ </tr>
151
  <tr>
152
  <th>Popup Overlay Color <span>Customize popup overlay color </span></th>
153
  <td><i class="dashicons dashicons-no-alt"></i></td>
includes/class-paoc-public.php CHANGED
@@ -35,26 +35,14 @@ class Paoc_Public {
35
  foreach ($paoc_popup_data as $unique => $popup_data) {
36
  ?>
37
  <div id="paoc-modal-<?php echo $unique;?>" class="paoc-popup-modal">
38
- <a href="javascript:void(0);" onclick="Custombox.modal.close();" class="paoc-popup-close"></a>
39
  <div class="paoc-popup-modal-cnt">
40
  <?php echo $popup_data; ?>
41
  </div>
42
  </div>
43
- <?php } ?>
44
-
45
- <script>
46
- jQuery(function() {
47
- jQuery(document).on('click', '.paoc-popup', function() {
48
- var options = jQuery(this).data('conf');
49
- new Custombox.modal(options).open();
50
- });
51
- });
52
- </script>
53
- <?php
54
-
55
  // Flushing the global variable
56
  $paoc_popup_data = '';
57
-
58
  } // End of main if
59
  }
60
  }
35
  foreach ($paoc_popup_data as $unique => $popup_data) {
36
  ?>
37
  <div id="paoc-modal-<?php echo $unique;?>" class="paoc-popup-modal">
38
+ <a href="javascript:void(0);" class="paoc-popup-close paoc-close-popup"></a>
39
  <div class="paoc-popup-modal-cnt">
40
  <?php echo $popup_data; ?>
41
  </div>
42
  </div>
43
+ <?php }
 
 
 
 
 
 
 
 
 
 
 
44
  // Flushing the global variable
45
  $paoc_popup_data = '';
 
46
  } // End of main if
47
  }
48
  }
includes/class-popupaoc-script.php CHANGED
@@ -14,34 +14,60 @@ class Popupaoc_Script {
14
 
15
  function __construct() {
16
 
 
 
 
17
  // Action to add script at front side
18
  add_action( 'wp_enqueue_scripts', array($this, 'popupaoc_front_style') );
19
 
20
- // Action to add style in backend
21
- add_action( 'admin_enqueue_scripts', array($this, 'popupaoc_admin_style') );
22
-
23
  // Action to add script at front side
24
- add_action( 'wp_enqueue_scripts', array($this, 'popupaoc_plugin_script') );
25
-
26
- // Action to add script in backend
27
- add_action( 'admin_enqueue_scripts', array($this, 'popupaoc_admin_script') );
28
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
  }
30
-
31
  /**
32
  * Function to add style at front side
33
  *
34
  * @package Popup anything on click
35
  * @since 1.0.0
36
  */
37
- function popupaoc_front_style() {
38
 
39
  // Registring and enqueing button with style pro css
40
  wp_register_style( 'popupaoc-public-style', POPUPAOC_URL.'assets/css/popupaoc-public-style.css', array(), POPUPAOC_VERSION );
41
  wp_enqueue_style( 'popupaoc-public-style' );
42
 
43
  }
44
-
45
  /**
46
  * Function to add script at front side
47
  *
@@ -54,64 +80,21 @@ class Popupaoc_Script {
54
 
55
  // Registring frontend js
56
  if( !wp_script_is( 'jquery-custombox-legacy', 'registered' ) ) {
57
- wp_register_script( 'jquery-custombox-legacy', POPUPAOC_URL.'assets/js/custombox.legacy.min.js', array('jquery'), POPUPAOC_VERSION, false );
58
  }
59
-
60
  // Register js in header
61
- if( !empty($popupaoc_options['add_js']) && $popupaoc_options['add_js'] == 2 ) {
62
- wp_enqueue_script('jquery-custombox-legacy');
63
- }
64
-
65
- if( !wp_script_is( 'jquery-custombox', 'registered' ) ) {
66
- wp_register_script( 'jquery-custombox', POPUPAOC_URL.'assets/js/custombox.min.js', array('jquery'), POPUPAOC_VERSION, true );
67
  }
68
-
69
- }
70
 
71
- /**
72
- * Enqueue admin styles
73
- *
74
- * @package Popup anything on click
75
- * @since 1.0.0
76
- */
77
- function popupaoc_admin_style( $hook ) {
78
-
79
- global $typenow;
80
-
81
- // Taking pages array
82
- $pages_arr = array( POPUPAOC_POST_TYPE );
83
-
84
- if( in_array($typenow, $pages_arr) ) {
85
- wp_register_style( 'popupaoc-admin-style', POPUPAOC_URL.'assets/css/popupaoc-admin-style.css', array(), POPUPAOC_VERSION );
86
- wp_enqueue_style( 'popupaoc-admin-style' );
87
  }
88
- }
89
-
90
- /**
91
- * Enqueue admin script
92
- *
93
- * @package Popup anything on click
94
- * @since 1.0.0
95
- */
96
- function popupaoc_admin_script( $hook ) {
97
 
98
- global $typenow, $wp_version;
99
- $new_ui = $wp_version >= '3.5' ? '1' : '0'; // Check wordpress version for older scripts
100
- // Taking pages array
101
- $pages_arr = array( POPUPAOC_POST_TYPE );
102
 
103
- if( in_array($typenow, $pages_arr) ) {
104
-
105
- // Registring admin script
106
- wp_register_script( 'popupaoc-admin-script', POPUPAOC_URL.'assets/js/popupaoc-admin-script.js', array('jquery'), POPUPAOC_VERSION, true );
107
- wp_enqueue_script( 'popupaoc-admin-script' );
108
- wp_localize_script( 'popupaoc-admin-script', 'PopupaocAdmin', array(
109
- 'new_ui' => $new_ui,
110
- 'sry_msg' => __('Sorry, One entry should be there.', 'buttons-with-style'),
111
- ));
112
- }
113
  }
114
-
115
  }
116
 
117
  $popupaoc_script = new Popupaoc_Script();
14
 
15
  function __construct() {
16
 
17
+ // Action to add style in backend
18
+ add_action( 'admin_enqueue_scripts', array($this, 'popupaoc_admin_style_script') );
19
+
20
  // Action to add script at front side
21
  add_action( 'wp_enqueue_scripts', array($this, 'popupaoc_front_style') );
22
 
 
 
 
23
  // Action to add script at front side
24
+ add_action( 'wp_enqueue_scripts', array($this, 'popupaoc_plugin_script') );
25
+
26
+ }
27
+
28
+ /**
29
+ * Enqueue admin styles
30
+ *
31
+ * @package Popup anything on click
32
+ * @since 1.0.0
33
+ */
34
+ function popupaoc_admin_style_script( $hook ) {
35
+
36
+ global $typenow, $wp_version;
37
+
38
+ $new_ui = $wp_version >= '3.5' ? '1' : '0'; // Check wordpress version for older scripts
39
+
40
+ // Taking pages array
41
+ $pages_arr = array( POPUPAOC_POST_TYPE );
42
+
43
+ if( in_array($typenow, $pages_arr) ) {
44
+ wp_register_style( 'popupaoc-admin-style', POPUPAOC_URL.'assets/css/popupaoc-admin-style.css', array(), POPUPAOC_VERSION );
45
+ wp_enqueue_style( 'popupaoc-admin-style' );
46
+
47
+ // Registring admin script
48
+ wp_register_script( 'popupaoc-admin-script', POPUPAOC_URL.'assets/js/popupaoc-admin-script.js', array('jquery'), POPUPAOC_VERSION, true );
49
+ wp_enqueue_script( 'popupaoc-admin-script' );
50
+ wp_localize_script( 'popupaoc-admin-script', 'PopupaocAdmin', array(
51
+ 'new_ui' => $new_ui,
52
+ 'sry_msg' => __('Sorry, One entry should be there.', 'buttons-with-style'),
53
+ ));
54
+ }
55
  }
56
+
57
  /**
58
  * Function to add style at front side
59
  *
60
  * @package Popup anything on click
61
  * @since 1.0.0
62
  */
63
+ function popupaoc_front_style() {
64
 
65
  // Registring and enqueing button with style pro css
66
  wp_register_style( 'popupaoc-public-style', POPUPAOC_URL.'assets/css/popupaoc-public-style.css', array(), POPUPAOC_VERSION );
67
  wp_enqueue_style( 'popupaoc-public-style' );
68
 
69
  }
70
+
71
  /**
72
  * Function to add script at front side
73
  *
80
 
81
  // Registring frontend js
82
  if( !wp_script_is( 'jquery-custombox-legacy', 'registered' ) ) {
83
+ wp_register_script( 'jquery-custombox-legacy', POPUPAOC_URL.'assets/js/custombox.legacy.min.js', array('jquery'), POPUPAOC_VERSION, false );
84
  }
85
+
86
  // Register js in header
87
+ if( !empty($popupaoc_options['add_js']) && $popupaoc_options['add_js'] == 2 ) {
88
+ wp_enqueue_script('jquery-custombox-legacy');
 
 
 
 
89
  }
 
 
90
 
91
+ if( !wp_script_is( 'jquery-custombox', 'registered' ) ) {
92
+ wp_register_script( 'jquery-custombox', POPUPAOC_URL.'assets/js/custombox.min.js', array('jquery'), POPUPAOC_VERSION, true );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
93
  }
 
 
 
 
 
 
 
 
 
94
 
95
+ wp_register_script( 'wpos-public-script-js', POPUPAOC_URL.'assets/js/popupaoc-public.js', array('jquery'), POPUPAOC_VERSION, true );
 
 
 
96
 
 
 
 
 
 
 
 
 
 
 
97
  }
 
98
  }
99
 
100
  $popupaoc_script = new Popupaoc_Script();
includes/popupaoc-functions.php CHANGED
@@ -218,6 +218,43 @@ function popupaoc_slashes_deep($data = array(), $flag = false) {
218
  return $data;
219
  }
220
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
221
  /**
222
  * Strip Html Tags
223
  *
218
  return $data;
219
  }
220
 
221
+ /**
222
+ * Clean variables using sanitize_text_field. Arrays are cleaned recursively.
223
+ * Non-scalar values are ignored.
224
+ *
225
+ * @package Popup Anything On Click
226
+ * @since 1.0
227
+ */
228
+ function popupaoc_clean( $var ) {
229
+ if ( is_array( $var ) ) {
230
+ return array_map( 'popupaoc_clean', $var );
231
+ } else {
232
+ $data = is_scalar( $var ) ? sanitize_text_field( $var ) : $var;
233
+ return wp_unslash($data);
234
+ }
235
+ }
236
+
237
+ /**
238
+ * Sanitize numeric value and return fallback value if it is blank
239
+ *
240
+ * @package Popup Anything On Click
241
+ * @since 1.0
242
+ */
243
+ function popupaoc_clean_numeric( $var, $fallback = null ) {
244
+ $data = abs($var);
245
+ return ( empty($data) && $fallback ) ? $fallback : $data;
246
+ }
247
+
248
+ /**
249
+ * Sanitize URL
250
+ *
251
+ * @package Popup Anything On Click
252
+ * @since 1.0
253
+ */
254
+ function popupaoc_clean_url( $url ) {
255
+ return esc_url_raw( trim($url) );
256
+ }
257
+
258
  /**
259
  * Strip Html Tags
260
  *
includes/shortcode/popupaoc-popup-shortcode.php CHANGED
@@ -1 +1 @@
1
- <?php
2
  * 'popup_anything' Shortcode
3
  *
4
  * @package Popup anything on click
5
  * @since 1.0.0
6
  */
 
7
  * 'popup_anything' Shortcode
8
  *
9
  * @package Popup anything on click
10
  * @since 1.0.0
11
  */
 
1
  * 'popup_anything' Shortcode
2
  *
3
  * @package Popup anything on click
4
  * @since 1.0.0
5
  */
6
+ <?php
7
  * 'popup_anything' Shortcode
8
  *
9
  * @package Popup anything on click
10
  * @since 1.0.0
11
  */
popup-anything-on-click.php CHANGED
@@ -5,13 +5,13 @@
5
  * Text Domain: popup-anything-on-click
6
  * Description: Display a modal popup by clicking on a link, image or button. Also work with Gutenberg shortcode block.
7
  * Domain Path: /languages/
8
- * Version: 1.6.2
9
  * Author: WP OnlineSupport
10
  * Author URI: https://www.wponlinesupport.com
11
  */
12
 
13
  if( !defined( 'POPUPAOC_VERSION' ) ) {
14
- define( 'POPUPAOC_VERSION', '1.6.2' ); // Version of plugin
15
  }
16
  if( !defined( 'POPUPAOC_DIR' ) ) {
17
  define( 'POPUPAOC_DIR', dirname( __FILE__ ) ); // Plugin dir
@@ -28,6 +28,9 @@ if(!defined( 'POPUPAOC_POST_TYPE' ) ) {
28
  if(!defined( 'POPUPAOC_META_PREFIX' ) ) {
29
  define('POPUPAOC_META_PREFIX','_aoc_'); // Plugin metabox prefix
30
  }
 
 
 
31
 
32
  /**
33
  * Load Text Domain
5
  * Text Domain: popup-anything-on-click
6
  * Description: Display a modal popup by clicking on a link, image or button. Also work with Gutenberg shortcode block.
7
  * Domain Path: /languages/
8
+ * Version: 1.7.4
9
  * Author: WP OnlineSupport
10
  * Author URI: https://www.wponlinesupport.com
11
  */
12
 
13
  if( !defined( 'POPUPAOC_VERSION' ) ) {
14
+ define( 'POPUPAOC_VERSION', '1.7.4' ); // Version of plugin
15
  }
16
  if( !defined( 'POPUPAOC_DIR' ) ) {
17
  define( 'POPUPAOC_DIR', dirname( __FILE__ ) ); // Plugin dir
28
  if(!defined( 'POPUPAOC_META_PREFIX' ) ) {
29
  define('POPUPAOC_META_PREFIX','_aoc_'); // Plugin metabox prefix
30
  }
31
+ if(!defined( 'POPUPAOC_PLUGIN_LINK' ) ) {
32
+ define('POPUPAOC_PLUGIN_LINK','https://www.wponlinesupport.com/wp-plugin/popup-anything-click/?utm_source=WP&utm_medium=WP-Plugins&utm_campaign=Features-PRO'); // Plugin link
33
+ }
34
 
35
  /**
36
  * Load Text Domain
readme.txt CHANGED
@@ -2,7 +2,7 @@
2
  Contributors: wponlinesupport, anoopranawat, pratik-jain
3
  Tags: modal popup, popup, modal, full screen popup, html popup, image popup, popup on click, modal popup on click, full screen popup on click, on click popup,
4
  Requires at least: 4.0
5
- Tested up to: 5.3.2
6
  Stable tag: trunk
7
  License: GPLv3
8
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -46,6 +46,8 @@ You can also display popup in template/php file:
46
  * Link click popup.
47
  * Html popup.
48
  * Image popup.
 
 
49
  * Set Popup position ie center, top left, top right, bottom left, bottom right, center left and center right.
50
  * Create and manage as many popups as you want.
51
  * Customize the look and feel of the popup.
@@ -66,7 +68,12 @@ You can also display popup in template/php file:
66
  > * 17 Effect.
67
  > * Popup background color and font color.
68
  > * Popup background image.
 
69
  > * Customize popup width.
 
 
 
 
70
  > * Customize popup overlay color.
71
  > * Customize popup overlay opacity.
72
  > * Customize popup loader color.
@@ -110,8 +117,22 @@ You are getting this error because of there are two version of polyfill.js loadi
110
  3. Popup Effects
111
  4. Also work with Gutenberg shortcode block.
112
 
113
-
114
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
115
 
116
  = 1.6.2 (16, Jan 2020) =
117
  * [+] Added new setting page (Popup Anything --> Settings) to manage "babel-polyfill" js. Under this setting page you can manage babel-polyfill disable to load from Popup anything plugin or add babel-polyfill on header to remove conflict with WordPress default "wp-polyfill" js.
2
  Contributors: wponlinesupport, anoopranawat, pratik-jain
3
  Tags: modal popup, popup, modal, full screen popup, html popup, image popup, popup on click, modal popup on click, full screen popup on click, on click popup,
4
  Requires at least: 4.0
5
+ Tested up to: 5.4
6
  Stable tag: trunk
7
  License: GPLv3
8
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
46
  * Link click popup.
47
  * Html popup.
48
  * Image popup.
49
+ * Image title and caption option.
50
+ * Manage popup width.
51
  * Set Popup position ie center, top left, top right, bottom left, bottom right, center left and center right.
52
  * Create and manage as many popups as you want.
53
  * Customize the look and feel of the popup.
68
  > * 17 Effect.
69
  > * Popup background color and font color.
70
  > * Popup background image.
71
+ > * Popup with custom link
72
  > * Customize popup width.
73
+ > * Google Analytic Event Setting.
74
+ > * Image Title and Image Caption option.
75
+ > * WP templating features.
76
+ > * Customize button style.
77
  > * Customize popup overlay color.
78
  > * Customize popup overlay opacity.
79
  > * Customize popup loader color.
117
  3. Popup Effects
118
  4. Also work with Gutenberg shortcode block.
119
 
 
120
  == Changelog ==
121
+ = 1.7.4 (02, March 2020) =
122
+ * [*] Fix - Resolved some PHP warning when popup image not choosen for link type 'Image'.
123
+
124
+ = 1.7.3 (25, Feb 2020) =
125
+ * [*] Fixed popup width issue in mobile (screen size < 480px).
126
+ * [*] Fixed popup full width issue in mobile (screen size < 480px).
127
+
128
+ = 1.7.1 (12, Feb 2020) =
129
+ * [*] Fixed Template Code display issue in the right side during creating a popup.
130
+
131
+ = 1.7 (21, Jan 2020) =
132
+ * [+] New : Added popup width option.
133
+ * [+] New : Added image title and image caption option.
134
+ * [+] New : Added 3 new functions : popupaoc_clean() - Clean variables using sanitize_text_field. Arrays are cleaned recursively, popupaoc_clean_numeric() - Sanitize numeric value and return fallback value if it is blank and popupaoc_clean_url() - Sanitize URL
135
+ * [*] New : If Full Screen : True then taken care with Popup Width.
136
 
137
  = 1.6.2 (16, Jan 2020) =
138
  * [+] Added new setting page (Popup Anything --> Settings) to manage "babel-polyfill" js. Under this setting page you can manage babel-polyfill disable to load from Popup anything plugin or add babel-polyfill on header to remove conflict with WordPress default "wp-polyfill" js.