LoftLoader - Version 2.1.3

Version Description

  • New: Add close button and related settings
Download this release

Release Info

Developer loftocean
Plugin Icon 128x128 LoftLoader
Version 2.1.3
Comparing to
See all releases

Code changes from version 2.1.2 to 2.1.3

Files changed (16) hide show
  1. assets/css/loftloader-settings.css +8 -1
  2. assets/css/loftloader-settings.min.css +1 -1
  3. assets/css/loftloader.css +46 -3
  4. assets/css/loftloader.min.css +1 -1
  5. assets/js/loftloader.js +17 -1
  6. assets/js/loftloader.min.js +1 -1
  7. assets/scss/loftloader-settings.scss +1 -1
  8. assets/scss/loftloader.scss +56 -3
  9. inc/class-loftloader-customize.php +1 -0
  10. inc/class-loftloader-front.php +20 -1
  11. inc/class-loftloader-upgrade.php +1 -1
  12. inc/configs/customize-more.php +50 -0
  13. inc/configs/default-settings.php +3 -0
  14. languages/loftloader.pot +26 -10
  15. loftloader.php +2 -2
  16. readme.txt +9 -5
assets/css/loftloader-settings.css CHANGED
@@ -6,7 +6,7 @@
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
- * Version: 2.1.2
10
  */
11
  @import url(https://fonts.googleapis.com/css?family=Lato:400,600);
12
  #customize-theme-controls.loftloader-controls-wrapper {
@@ -52,6 +52,10 @@
52
  width: 80px;
53
  text-align: center;
54
  border-radius: 4px; }
 
 
 
 
55
  #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover {
56
  opacity: 0.75; }
57
  #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {
@@ -232,6 +236,9 @@
232
  letter-spacing: 0.1em;
233
  font-weight: bold;
234
  color: #111; }
 
 
 
235
  #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
236
  width: 60px;
237
  padding-right: 0;
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
+ * Version: 2.1.3
10
  */
11
  @import url(https://fonts.googleapis.com/css?family=Lato:400,600);
12
  #customize-theme-controls.loftloader-controls-wrapper {
52
  width: 80px;
53
  text-align: center;
54
  border-radius: 4px; }
55
+ #customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type=text] {
56
+ width: 100%;
57
+ text-align: left;
58
+ }
59
  #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover {
60
  opacity: 0.75; }
61
  #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {
236
  letter-spacing: 0.1em;
237
  font-weight: bold;
238
  color: #111; }
239
+ #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span.loftloader-show-close-timer {
240
+ font-size: 11px;
241
+ letter-spacing: 0.05em;}
242
  #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {
243
  width: 60px;
244
  padding-right: 0;
assets/css/loftloader-settings.min.css CHANGED
@@ -1 +1 @@
1
- @import url(https://fonts.googleapis.com/css?family=Lato:400,600);#customize-theme-controls.loftloader-controls-wrapper{font-family:Lato}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3{font-size:18px;font-weight:600;letter-spacing:.1em;color:#111}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 span{letter-spacing:0}#customize-theme-controls.loftloader-controls-wrapper .customize-control-title{margin-top:0;font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:none;color:#111}#customize-theme-controls.loftloader-controls-wrapper .customize-control-title + span.description{margin-top:-6px}#customize-theme-controls.loftloader-controls-wrapper span.description{margin-bottom:12px;font-size:11px;font-style:normal;color:#888}#customize-theme-controls.loftloader-controls-wrapper span.description strong{color:#111;font-weight:700}#customize-theme-controls.loftloader-controls-wrapper select,#customize-theme-controls.loftloader-controls-wrapper input[type="text"],#customize-theme-controls.loftloader-controls-wrapper input[type="number"],#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button{background:#FFF;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111;border-color:#41C7D3;box-shadow:none}#customize-theme-controls.loftloader-controls-wrapper input[type="text"],#customize-theme-controls.loftloader-controls-wrapper input[type="number"],#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button{width:80px;text-align:center;border-radius:4px}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]{position:relative;float:right;width:33px;height:33px;border-radius:50%;background:none;border:2px solid #41C7D3;box-shadow:none;font-size:0}#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 0 0 -3px;color:#41C7D3}@media screen and (max-width:782px){#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:checked:before{margin:0 0 0 -8px}}#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn{display:none;width:inherit;height:inherit;opacity:0;margin:0}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn + span{position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;border:2px solid #DDD;box-sizing:border-box}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked + span{border-color:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label{position:relative;display:inline-block;margin-left:0;padding:0}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div{float:right}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content{padding:0;background:#FFF}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content:before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:#FFF;content:""}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li{padding:15px 12px;margin-bottom:0;border-bottom:1px solid #EEE;box-sizing:border-box}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li.customize-section-description-container{padding:12px 12px 0;border-bottom:none}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li:last-of-type{border-bottom:none}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container{overflow:visible;width:auto}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result{width:24px;height:24px;padding:0;margin-top:2px;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:none!important;line-height:28px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after{right:auto;left:24px;width:80px;padding:0 6px;background:transparent;border:none;color:#555;font-size:11px;text-align:left;line-height:24px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-left:24px;background:none;border:none;color:inherit;line-height:24px}body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-right:24px;margin-left:0}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap{float:right;margin-top:-2px;width:auto}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type="text"].wp-color-picker{display:inline-block;padding:0 5px;margin-top:0;width:80px!important;border:1px solid #41C7D3;vertical-align:top;font-family:Lato;line-height:26px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default{display:none}#customize-theme-controls.loftloader-controls-wrapper .attachment-media-view,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image{background:none}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider{height:16px;margin-top:12px;background:none;border-radius:0;border:none}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;background:#DDD;content:""}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:2px;background:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:#41C7D3;border:none;border-radius:50%}#customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch~li{pointer-events:none;opacity:.5}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image{background-color:#EEE}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch{margin-bottom:10px}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title{padding:20px 10px 22px 14px}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after{display:none}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span{float:right;padding-right:5px;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input{width:60px;padding-right:0;background:none;border:none;box-shadow:none;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111;text-align:right}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle{position:relative;float:right;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);z-index:9;width:20px;height:20px;margin-top:-20px;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;background:#41C7D3;border-radius:50%;border:none}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-70%,-30%);-ms-transform:translate(-70%,-30%);transform:translate(-70%,-30%);display:block;width:6px;height:6px;border:1px solid #FFF;border-left:none;border-bottom:none;transform-origin:50% 50%;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:focus{outline:none;opacity:.5}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle.expanded{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle + span.description{margin:12px 0 0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation{margin-top:12px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label{position:relative;float:left;width:45px;height:45px;margin:0 -2px -2px 0;padding:0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(1) .loftloader-radiobtn + span:after{background-position:0 -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(2) .loftloader-radiobtn + span:after{background-position:-45px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(3) .loftloader-radiobtn + span:after{background-position:-90px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(4) .loftloader-radiobtn + span:after{background-position:-135px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(5) .loftloader-radiobtn + span:after{background-position:-180px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(6) .loftloader-radiobtn + span:after{background-position:-225px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn + span:after{background-position:-270px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(8) .loftloader-radiobtn + span:after{background-position:-315px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span{overflow:hidden}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span:after{position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;background-image:url(../img/animation-options.png);background-size:315px;opacity:.25;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span{z-index:8}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after{opacity:1}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after{position:relative;display:block;clear:both;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button{position:relative;float:right;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:33px;height:33px;border-radius:50%;background:none;border:2px solid #41C7D3;box-shadow:none;font-size:0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before,#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after{position:absolute;content:"";display:block}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before{top:50%;left:50%;-webkit-transform:translate(-22%,-76%);-ms-transform:translate(-22%,-76%);transform:translate(-22%,-76%);width:6px;height:6px;border:2px solid #41C7D3;border-left:none;border-bottom:none;transform-origin:50% 50%}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after{top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:2px;height:16px;background:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg .current{margin-top:15px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label{position:relative;display:block}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child{float:right;z-index:9;font-size:12px;font-weight:700;letter-spacing:.1em;color:#111}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child input[type="number"]{margin-right:5px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number span.customize-control-title{display:inline}.wp-full-overlay>.customize-controls-close,.wp-full-overlay>.et-core-modal-overlay{display:none;visibility:hidden}.customize-partial-edit-shortcut,.widget .customize-partial-edit-shortcut{display:none!important}
1
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,600);#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover,#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper{font-family:Lato}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3{font-size:18px;font-weight:600;letter-spacing:.1em;color:#111}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 span{letter-spacing:0}#customize-theme-controls.loftloader-controls-wrapper .customize-control-title{margin-top:0;font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:none;color:#111}#customize-theme-controls.loftloader-controls-wrapper .customize-control-title+span.description{margin-top:-6px}#customize-theme-controls.loftloader-controls-wrapper span.description{margin-bottom:12px;font-size:11px;font-style:normal;color:#888}#customize-theme-controls.loftloader-controls-wrapper span.description strong{color:#111;font-weight:700}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button,#customize-theme-controls.loftloader-controls-wrapper input[type=text],#customize-theme-controls.loftloader-controls-wrapper input[type=number],#customize-theme-controls.loftloader-controls-wrapper select{background:#FFF;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111;border-color:#41C7D3;box-shadow:none}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button,#customize-theme-controls.loftloader-controls-wrapper input[type=text],#customize-theme-controls.loftloader-controls-wrapper input[type=number]{width:80px;text-align:center;border-radius:4px}#customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type=text]{width:100%;text-align:left}#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]{position:relative;float:right;width:33px;height:33px;border-radius:50%;background:0 0;border:2px solid #41C7D3;box-shadow:none;font-size:0}#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]:checked:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 0 0 -3px;color:#41C7D3}@media screen and (max-width:782px){#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]:checked:before{margin:0 0 0 -8px}}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn{display:none;width:inherit;height:inherit;opacity:0;margin:0}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn+span{position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;border:2px solid #DDD;box-sizing:border-box}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked+span{border-color:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label{position:relative;display:inline-block;margin-left:0;padding:0}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title+div{float:right}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content{padding:0;background:#FFF}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content:before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:#FFF;content:""}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li{padding:15px 12px;margin-bottom:0;border-bottom:1px solid #EEE;box-sizing:border-box}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li.customize-section-description-container{padding:12px 12px 0;border-bottom:none}#customize-theme-controls.loftloader-controls-wrapper .accordion-section-content li:last-of-type{border-bottom:none}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container{overflow:visible;width:auto}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result{width:24px;height:24px;padding:0;margin-top:2px;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:none!important;line-height:28px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after{right:auto;left:24px;width:80px;padding:0 6px;background:0 0;border:none;color:#555;font-size:11px;text-align:left;line-height:24px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-left:24px;background:0 0;border:none;color:inherit;line-height:24px}body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-right:24px;margin-left:0}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open+.wp-picker-input-wrap{float:right;margin-top:-2px;width:auto}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type=text].wp-color-picker{display:inline-block;padding:0 5px;margin-top:0;width:80px!important;border:1px solid #41C7D3;vertical-align:top;font-family:Lato;line-height:26px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default,#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after{display:none}#customize-theme-controls.loftloader-controls-wrapper .attachment-media-view,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image{background:0 0}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider{height:16px;margin-top:12px;background:0 0;border-radius:0;border:none}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;background:#DDD;content:""}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:2px;background:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:#41C7D3;border:none;border-radius:50%}#customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch~li{pointer-events:none;opacity:.5}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image{background-color:#EEE}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch{margin-bottom:10px}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title{padding:20px 10px 22px 14px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title,#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span{float:right;padding-right:5px;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span.loftloader-show-close-timer{font-size:11px;letter-spacing:.05em}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span input{width:60px;padding-right:0;background:0 0;border:none;box-shadow:none;font-size:12px;letter-spacing:.1em;font-weight:700;color:#111;text-align:right}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle{position:relative;float:right;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);z-index:9;width:20px;height:20px;margin-top:-20px;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;background:#41C7D3;border-radius:50%;border:none}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-70%,-30%);-ms-transform:translate(-70%,-30%);transform:translate(-70%,-30%);display:block;width:6px;height:6px;border:1px solid #FFF;border-left:none;border-bottom:none;transform-origin:50% 50%;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:focus{outline:0;opacity:.5}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle.expanded{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle+span.description{margin:12px 0 0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation{margin-top:12px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label{position:relative;float:left;width:45px;height:45px;margin:0 -2px -2px 0;padding:0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(1) .loftloader-radiobtn+span:after{background-position:0 -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(2) .loftloader-radiobtn+span:after{background-position:-45px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(3) .loftloader-radiobtn+span:after{background-position:-90px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(4) .loftloader-radiobtn+span:after{background-position:-135px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(5) .loftloader-radiobtn+span:after{background-position:-180px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(6) .loftloader-radiobtn+span:after{background-position:-225px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn+span:after{background-position:-270px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(8) .loftloader-radiobtn+span:after{background-position:-315px -47px}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn+span{overflow:hidden}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn+span:after{position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;background-image:url(../img/animation-options.png);background-size:315px;opacity:.25;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked+span{z-index:8}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked+span:after{opacity:1}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after{position:relative;display:block;clear:both;content:""}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button{position:relative;float:right;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:33px;height:33px;border-radius:50%;background:0 0;border:2px solid #41C7D3;box-shadow:none;font-size:0}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after,#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before{position:absolute;content:"";display:block}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before{top:50%;left:50%;-webkit-transform:translate(-22%,-76%);-ms-transform:translate(-22%,-76%);transform:translate(-22%,-76%);width:6px;height:6px;border:2px solid #41C7D3;border-left:none;border-bottom:none;transform-origin:50% 50%}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after{top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:2px;height:16px;background:#41C7D3}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg .current{margin-top:15px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label{position:relative;display:block}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child{float:right;z-index:9;font-size:12px;font-weight:700;letter-spacing:.1em;color:#111}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child input[type=number]{margin-right:5px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number span.customize-control-title{display:inline}.wp-full-overlay>.customize-controls-close,.wp-full-overlay>.et-core-modal-overlay{display:none;visibility:hidden}.customize-partial-edit-shortcut,.widget .customize-partial-edit-shortcut{display:none!important}
assets/css/loftloader.css CHANGED
@@ -6,7 +6,7 @@
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
- * Version: 2.1
10
  */
11
  @-webkit-keyframes spinReturn {
12
  0% {
@@ -261,7 +261,8 @@ body {
261
  -webkit-transform: translate(-100%, 0);
262
  -ms-transform: translate(-100%, 0);
263
  transform: translate(-100%, 0); }
264
- .loaded #loftloader-wrapper #loader {
 
265
  opacity: 0;
266
  transition: all 0.3s ease-out; }
267
  #loftloader-wrapper .loader-inner {
@@ -280,7 +281,7 @@ body {
280
  z-index: 1002;
281
  display: inline-block;
282
  margin: 0 auto;
283
- color: #248ACC; }
284
  #loftloader-wrapper .loader-section {
285
  position: fixed;
286
  z-index: 999;
@@ -577,4 +578,46 @@ body {
577
  -webkit-animation: beat 1.5s linear infinite 1s;
578
  animation: beat 1.5s linear infinite 1s; }
579
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
580
  /*# sourceMappingURL=loftloader.css.map */
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
+ * Version: 2.1.3
10
  */
11
  @-webkit-keyframes spinReturn {
12
  0% {
261
  -webkit-transform: translate(-100%, 0);
262
  -ms-transform: translate(-100%, 0);
263
  transform: translate(-100%, 0); }
264
+ .loaded #loftloader-wrapper #loader,
265
+ .loaded #loftloader-wrapper .loader-close-button {
266
  opacity: 0;
267
  transition: all 0.3s ease-out; }
268
  #loftloader-wrapper .loader-inner {
281
  z-index: 1002;
282
  display: inline-block;
283
  margin: 0 auto;
284
+ color: #248acc; }
285
  #loftloader-wrapper .loader-section {
286
  position: fixed;
287
  z-index: 999;
578
  -webkit-animation: beat 1.5s linear infinite 1s;
579
  animation: beat 1.5s linear infinite 1s; }
580
 
581
+ /* ==========================================================================
582
+ Close Button
583
+ ========================================================================== */
584
+ .loader-close-button {
585
+ position: fixed;
586
+ right: 10px;
587
+ top: 10px;
588
+ z-index: 99999;
589
+ width: auto;
590
+ min-width: 35px;
591
+ height: 35px;
592
+ padding: 5px 30px 5px 5px;
593
+ border-radius: 999px;
594
+ background: rgba(0, 0, 0, 0.3);
595
+ color: #FFF;
596
+ font-size: 12px;
597
+ line-height: 25px;
598
+ cursor: pointer; }
599
+ .loader-close-button:hover {
600
+ background: rgba(0, 0, 0, 0.7); }
601
+ .loader-close-button:before, .loader-close-button:after {
602
+ position: absolute;
603
+ top: 16px;
604
+ right: 9px;
605
+ display: block;
606
+ width: 18px;
607
+ height: 2px;
608
+ transform-origin: 50% 50%;
609
+ content: "";
610
+ background: #FFF; }
611
+ .loader-close-button:before {
612
+ -webkit-transform: rotate(45deg);
613
+ -ms-transform: rotate(45deg);
614
+ transform: rotate(45deg); }
615
+ .loader-close-button:after {
616
+ -webkit-transform: rotate(135deg);
617
+ -ms-transform: rotate(135deg);
618
+ transform: rotate(135deg); }
619
+ .loader-close-button .close-des {
620
+ padding: 0 5px;
621
+ font-size: 12px; }
622
+
623
  /*# sourceMappingURL=loftloader.css.map */
assets/css/loftloader.min.css CHANGED
@@ -1 +1 @@
1
- @-webkit-keyframes spinReturn{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(225deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(405deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinReturn{0%{transform:rotate(0)}25%{transform:rotate(225deg)}50%{transform:rotate(180deg)}75%{transform:rotate(405deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lightUp{0%,100%,60%{opacity:.2}40%{opacity:1}}@keyframes lightUp{0%,100%,60%{opacity:.2}40%{opacity:1}}@-webkit-keyframes wave{0%,100%,80%{-webkit-transform:scaleY(1)}40%{-webkit-transform:scaleY(.1)}}@keyframes wave{0%,100%,80%{transform:scaleY(1)}40%{transform:scaleY(.1)}}@-webkit-keyframes drawframeTop{0%{-webkit-transform:scaleX(1);transform-origin:100% 0}12.5%{-webkit-transform:scaleX(0);transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform-origin:0 0}62.5%{-webkit-transform:scaleX(1);transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform-origin:100% 0}}@keyframes drawframeTop{0%{transform:scaleX(1);transform-origin:100% 0}12.5%{transform:scaleX(0);transform-origin:100% 0}50%{transform:scaleX(0);transform-origin:0 0}62.5%{transform:scaleX(1);transform-origin:0 0}100%{transform:scaleX(1);transform-origin:100% 0}}@-webkit-keyframes drawframeBottom{0%{-webkit-transform:scaleX(1);transform-origin:0 0}12.5%{-webkit-transform:scaleX(0);transform-origin:0 0}50%{-webkit-transform:scaleX(0);transform-origin:100% 0}62.5%{-webkit-transform:scaleX(1);transform-origin:100% 0}100%{-webkit-transform:scaleX(1);transform-origin:0 0}}@keyframes drawframeBottom{0%{transform:scaleX(1);transform-origin:0 0}12.5%{transform:scaleX(0);transform-origin:0 0}50%{transform:scaleX(0);transform-origin:100% 0}62.5%{transform:scaleX(1);transform-origin:100% 0}100%{transform:scaleX(1);transform-origin:0 0}}@-webkit-keyframes drawframeRight{0%{-webkit-transform:scaleY(1);transform-origin:0 100%}12.5%{-webkit-transform:scaleY(0);transform-origin:0 100%}50%{-webkit-transform:scaleY(0);transform-origin:0 0}62.5%{-webkit-transform:scaleY(1);transform-origin:0 0}100%{-webkit-transform:scaleY(1);transform-origin:0 100%}}@keyframes drawframeRight{0%{transform:scaleY(1);transform-origin:0 100%}12.5%{transform:scaleY(0);transform-origin:0 100%}50%{transform:scaleY(0);transform-origin:0 0}62.5%{transform:scaleY(1);transform-origin:0 0}100%{transform:scaleY(1);transform-origin:0 100%}}@-webkit-keyframes drawframeLeft{0%{-webkit-transform:scaleY(1);transform-origin:0 0}12.5%{-webkit-transform:scaleY(0);transform-origin:0 0}50%{-webkit-transform:scaleY(0);transform-origin:0 100%}62.5%{-webkit-transform:scaleY(1);transform-origin:0 100%}100%{-webkit-transform:scaleY(1);transform-origin:0 0}}@keyframes drawframeLeft{0%{transform:scaleY(1);transform-origin:0 0}12.5%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(0);transform-origin:0 100%}62.5%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(1);transform-origin:0 0}}@-webkit-keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@-webkit-keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}body,html{opacity:1!important}#loftloader-wrapper{position:fixed;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:999999;width:100%;height:100%;background:0 0!important}.loaded #loftloader-wrapper{-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);visibility:hidden;pointer-events:none;transition:all;transition-delay:1s}.loaded #loftloader-wrapper.slide-vertical{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.loaded #loftloader-wrapper #loader{opacity:0;transition:all .3s ease-out}#loftloader-wrapper .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0}#loftloader-wrapper .loader-inner #loader{position:relative;z-index:1002;display:inline-block;margin:0 auto;color:#248ACC}#loftloader-wrapper .loader-section{position:fixed;z-index:999;width:50%;height:100%;background:#000;opacity:.95;transition:all 0s;will-change:transform}#loftloader-wrapper .loader-section.section-fade{top:0;left:0;width:100%;will-change:opacity}.loaded #loftloader-wrapper .loader-section.section-fade{opacity:0!important;transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-slide-up{top:0;left:0;width:100%}.loaded #loftloader-wrapper .loader-section.section-slide-up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-left,#loftloader-wrapper .loader-section.section-right{top:0}#loftloader-wrapper .loader-section.section-left{left:0}.loaded #loftloader-wrapper .loader-section.section-left{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#loftloader-wrapper .loader-section.section-right{right:0}.loaded #loftloader-wrapper .loader-section.section-right{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#loftloader-wrapper .loader-section.section-down,#loftloader-wrapper .loader-section.section-up{left:0;width:100%;height:50%}#loftloader-wrapper .loader-section.section-up{top:0}.loaded #loftloader-wrapper .loader-section.section-up{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#loftloader-wrapper .loader-section.section-down{bottom:0}.loaded #loftloader-wrapper .loader-section.section-down{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}#loftloader-wrapper.pl-sun #loader{width:50px;height:50px}#loftloader-wrapper.pl-sun #loader span{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background:currentColor;opacity:.9;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-sun #loader span:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:inherit;opacity:.9;content:"";transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-circles #loader{width:100px;height:60px}#loftloader-wrapper.pl-circles #loader span,#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{position:absolute;display:block;width:10px;height:10px;border-radius:50%;opacity:.2;background:currentColor}#loftloader-wrapper.pl-circles #loader span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:lightUp 1.5s linear infinite .5s;animation:lightUp 1.5s linear infinite .5s}#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{content:"";top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#loftloader-wrapper.pl-circles #loader:before{left:0;-webkit-animation:lightUp 1.5s linear infinite;animation:lightUp 1.5s linear infinite}#loftloader-wrapper.pl-circles #loader:after{right:0;-webkit-animation:lightUp 1.5s linear infinite 1s;animation:lightUp 1.5s linear infinite 1s}#loftloader-wrapper.pl-wave #loader{width:60px;height:30px}#loftloader-wrapper.pl-wave #loader span,#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{position:relative;display:inline-block;width:6px;height:100%;background:currentColor}#loftloader-wrapper.pl-wave #loader span{margin:0 16px;-webkit-animation:wave .9s linear infinite .3s;animation:wave .9s linear infinite .3s}#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{content:""}#loftloader-wrapper.pl-wave #loader:before{-webkit-animation:wave .9s linear infinite;animation:wave .9s linear infinite}#loftloader-wrapper.pl-wave #loader:after{-webkit-animation:wave .9s linear infinite .6s;animation:wave .9s linear infinite .6s}#loftloader-wrapper.pl-square #loader{width:50px;height:50px;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-square #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:4px solid currentColor;box-sizing:border-box;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-frame #loader{width:80px;height:80px;max-width:90vw}#loftloader-wrapper.pl-frame #loader:after,#loftloader-wrapper.pl-frame #loader:before{position:absolute;width:100%;height:4px;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader:before{top:0;right:0;left:auto;-webkit-animation:drawframeTop 4s linear infinite;animation:drawframeTop 4s linear infinite}#loftloader-wrapper.pl-frame #loader:after{right:auto;bottom:0;left:0;-webkit-animation:drawframeBottom 4s linear infinite 1s;animation:drawframeBottom 4s linear infinite 1s}#loftloader-wrapper.pl-frame #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#loftloader-wrapper.pl-frame #loader span:after,#loftloader-wrapper.pl-frame #loader span:before{position:absolute;width:4px;height:100%;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader span:before{top:auto;right:0;bottom:0;-webkit-animation:drawframeRight 4s linear infinite .5s;animation:drawframeRight 4s linear infinite .5s}#loftloader-wrapper.pl-frame #loader span:after{top:0;bottom:auto;left:0;-webkit-animation:drawframeLeft 4s linear infinite 1.5s;animation:drawframeLeft 4s linear infinite 1.5s}#loftloader-wrapper.pl-frame #loader img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:80%;max-height:80%}#loftloader-wrapper.pl-imgloading #loader{width:auto;height:auto;max-width:90vw}#loftloader-wrapper.pl-imgloading #loader img{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0 auto;opacity:.3}#loftloader-wrapper.pl-imgloading #loader span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;background-repeat:no-repeat;background-size:cover;background-position:center bottom;-webkit-animation:imgLoading 6s linear infinite;animation:imgLoading 6s linear infinite}#loftloader-wrapper.pl-beating #loader{width:60px;height:60px}#loftloader-wrapper.pl-beating #loader span,#loftloader-wrapper.pl-beating #loader:before{position:absolute;top:0;left:0;display:block;width:60px;height:60px;border-radius:50%;background:currentColor;box-shadow:0 0 50px;opacity:0}#loftloader-wrapper.pl-beating #loader span{-webkit-animation:beat 1.5s linear infinite;animation:beat 1.5s linear infinite}#loftloader-wrapper.pl-beating #loader:before{content:"";-webkit-animation:beat 1.5s linear infinite 1s;animation:beat 1.5s linear infinite 1s}
1
+ @-webkit-keyframes spinReturn{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(225deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(405deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinReturn{0%{transform:rotate(0)}25%{transform:rotate(225deg)}50%{transform:rotate(180deg)}75%{transform:rotate(405deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lightUp{0%,100%,60%{opacity:.2}40%{opacity:1}}@keyframes lightUp{0%,100%,60%{opacity:.2}40%{opacity:1}}@-webkit-keyframes wave{0%,100%,80%{-webkit-transform:scaleY(1)}40%{-webkit-transform:scaleY(.1)}}@keyframes wave{0%,100%,80%{transform:scaleY(1)}40%{transform:scaleY(.1)}}@-webkit-keyframes drawframeTop{0%{-webkit-transform:scaleX(1);transform-origin:100% 0}12.5%{-webkit-transform:scaleX(0);transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform-origin:0 0}62.5%{-webkit-transform:scaleX(1);transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform-origin:100% 0}}@keyframes drawframeTop{0%{transform:scaleX(1);transform-origin:100% 0}12.5%{transform:scaleX(0);transform-origin:100% 0}50%{transform:scaleX(0);transform-origin:0 0}62.5%{transform:scaleX(1);transform-origin:0 0}100%{transform:scaleX(1);transform-origin:100% 0}}@-webkit-keyframes drawframeBottom{0%{-webkit-transform:scaleX(1);transform-origin:0 0}12.5%{-webkit-transform:scaleX(0);transform-origin:0 0}50%{-webkit-transform:scaleX(0);transform-origin:100% 0}62.5%{-webkit-transform:scaleX(1);transform-origin:100% 0}100%{-webkit-transform:scaleX(1);transform-origin:0 0}}@keyframes drawframeBottom{0%{transform:scaleX(1);transform-origin:0 0}12.5%{transform:scaleX(0);transform-origin:0 0}50%{transform:scaleX(0);transform-origin:100% 0}62.5%{transform:scaleX(1);transform-origin:100% 0}100%{transform:scaleX(1);transform-origin:0 0}}@-webkit-keyframes drawframeRight{0%{-webkit-transform:scaleY(1);transform-origin:0 100%}12.5%{-webkit-transform:scaleY(0);transform-origin:0 100%}50%{-webkit-transform:scaleY(0);transform-origin:0 0}62.5%{-webkit-transform:scaleY(1);transform-origin:0 0}100%{-webkit-transform:scaleY(1);transform-origin:0 100%}}@keyframes drawframeRight{0%{transform:scaleY(1);transform-origin:0 100%}12.5%{transform:scaleY(0);transform-origin:0 100%}50%{transform:scaleY(0);transform-origin:0 0}62.5%{transform:scaleY(1);transform-origin:0 0}100%{transform:scaleY(1);transform-origin:0 100%}}@-webkit-keyframes drawframeLeft{0%{-webkit-transform:scaleY(1);transform-origin:0 0}12.5%{-webkit-transform:scaleY(0);transform-origin:0 0}50%{-webkit-transform:scaleY(0);transform-origin:0 100%}62.5%{-webkit-transform:scaleY(1);transform-origin:0 100%}100%{-webkit-transform:scaleY(1);transform-origin:0 0}}@keyframes drawframeLeft{0%{transform:scaleY(1);transform-origin:0 0}12.5%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(0);transform-origin:0 100%}62.5%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(1);transform-origin:0 0}}@-webkit-keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@keyframes imgLoading{0%{height:0%;opacity:1}95%{height:100%;opacity:1}100%{height:100%;opacity:0}}@-webkit-keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes beat{0%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:.7}100%{transform:scale(1);opacity:0}}body,html{opacity:1!important}#loftloader-wrapper{position:fixed;top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:999999;width:100%;height:100%;background:0 0!important}.loaded #loftloader-wrapper{-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);visibility:hidden;pointer-events:none;transition:all;transition-delay:1s}.loaded #loftloader-wrapper.slide-vertical{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.loaded #loftloader-wrapper #loader,.loaded #loftloader-wrapper .loader-close-button{opacity:0;transition:all .3s ease-out}#loftloader-wrapper .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0}#loftloader-wrapper .loader-inner #loader{position:relative;z-index:1002;display:inline-block;margin:0 auto;color:#248acc}#loftloader-wrapper .loader-section{position:fixed;z-index:999;width:50%;height:100%;background:#000;opacity:.95;transition:all 0s;will-change:transform}#loftloader-wrapper .loader-section.section-fade{top:0;left:0;width:100%;will-change:opacity}.loaded #loftloader-wrapper .loader-section.section-fade{opacity:0!important;transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-slide-up{top:0;left:0;width:100%}.loaded #loftloader-wrapper .loader-section.section-slide-up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}#loftloader-wrapper .loader-section.section-left,#loftloader-wrapper .loader-section.section-right{top:0}#loftloader-wrapper .loader-section.section-left{left:0}.loaded #loftloader-wrapper .loader-section.section-left{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#loftloader-wrapper .loader-section.section-right{right:0}.loaded #loftloader-wrapper .loader-section.section-right{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#loftloader-wrapper .loader-section.section-down,#loftloader-wrapper .loader-section.section-up{left:0;width:100%;height:50%}#loftloader-wrapper .loader-section.section-up{top:0}.loaded #loftloader-wrapper .loader-section.section-up{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#loftloader-wrapper .loader-section.section-down{bottom:0}.loaded #loftloader-wrapper .loader-section.section-down{transition:all .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}#loftloader-wrapper.pl-sun #loader{width:50px;height:50px}#loftloader-wrapper.pl-sun #loader span{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background:currentColor;opacity:.9;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-sun #loader span:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:inherit;opacity:.9;content:"";transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-circles #loader{width:100px;height:60px}#loftloader-wrapper.pl-circles #loader span,#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{position:absolute;display:block;width:10px;height:10px;border-radius:50%;opacity:.2;background:currentColor}#loftloader-wrapper.pl-circles #loader span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:lightUp 1.5s linear infinite .5s;animation:lightUp 1.5s linear infinite .5s}#loftloader-wrapper.pl-circles #loader:after,#loftloader-wrapper.pl-circles #loader:before{content:"";top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#loftloader-wrapper.pl-circles #loader:before{left:0;-webkit-animation:lightUp 1.5s linear infinite;animation:lightUp 1.5s linear infinite}#loftloader-wrapper.pl-circles #loader:after{right:0;-webkit-animation:lightUp 1.5s linear infinite 1s;animation:lightUp 1.5s linear infinite 1s}#loftloader-wrapper.pl-wave #loader{width:60px;height:30px}#loftloader-wrapper.pl-wave #loader span,#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{position:relative;display:inline-block;width:6px;height:100%;background:currentColor}#loftloader-wrapper.pl-wave #loader span{margin:0 16px;-webkit-animation:wave .9s linear infinite .3s;animation:wave .9s linear infinite .3s}#loftloader-wrapper.pl-wave #loader:after,#loftloader-wrapper.pl-wave #loader:before{content:""}#loftloader-wrapper.pl-wave #loader:before{-webkit-animation:wave .9s linear infinite;animation:wave .9s linear infinite}#loftloader-wrapper.pl-wave #loader:after{-webkit-animation:wave .9s linear infinite .6s;animation:wave .9s linear infinite .6s}#loftloader-wrapper.pl-square #loader{width:50px;height:50px;transform-origin:50% 50%;-webkit-animation:spinReturn 4s ease infinite;animation:spinReturn 4s ease infinite}#loftloader-wrapper.pl-square #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:4px solid currentColor;box-sizing:border-box;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#loftloader-wrapper.pl-frame #loader{width:80px;height:80px;max-width:90vw}#loftloader-wrapper.pl-frame #loader:after,#loftloader-wrapper.pl-frame #loader:before{position:absolute;width:100%;height:4px;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader:before{top:0;right:0;left:auto;-webkit-animation:drawframeTop 4s linear infinite;animation:drawframeTop 4s linear infinite}#loftloader-wrapper.pl-frame #loader:after{right:auto;bottom:0;left:0;-webkit-animation:drawframeBottom 4s linear infinite 1s;animation:drawframeBottom 4s linear infinite 1s}#loftloader-wrapper.pl-frame #loader span{position:absolute;top:0;left:0;display:block;width:100%;height:100%}#loftloader-wrapper.pl-frame #loader span:after,#loftloader-wrapper.pl-frame #loader span:before{position:absolute;width:4px;height:100%;background:currentColor;content:""}#loftloader-wrapper.pl-frame #loader span:before{top:auto;right:0;bottom:0;-webkit-animation:drawframeRight 4s linear infinite .5s;animation:drawframeRight 4s linear infinite .5s}#loftloader-wrapper.pl-frame #loader span:after{top:0;bottom:auto;left:0;-webkit-animation:drawframeLeft 4s linear infinite 1.5s;animation:drawframeLeft 4s linear infinite 1.5s}#loftloader-wrapper.pl-frame #loader img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:80%;max-height:80%}#loftloader-wrapper.pl-imgloading #loader{width:auto;height:auto;max-width:90vw}#loftloader-wrapper.pl-imgloading #loader img{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0 auto;opacity:.3}#loftloader-wrapper.pl-imgloading #loader span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;background-repeat:no-repeat;background-size:cover;background-position:center bottom;-webkit-animation:imgLoading 6s linear infinite;animation:imgLoading 6s linear infinite}#loftloader-wrapper.pl-beating #loader{width:60px;height:60px}#loftloader-wrapper.pl-beating #loader span,#loftloader-wrapper.pl-beating #loader:before{position:absolute;top:0;left:0;display:block;width:60px;height:60px;border-radius:50%;background:currentColor;box-shadow:0 0 50px;opacity:0}#loftloader-wrapper.pl-beating #loader span{-webkit-animation:beat 1.5s linear infinite;animation:beat 1.5s linear infinite}#loftloader-wrapper.pl-beating #loader:before{content:"";-webkit-animation:beat 1.5s linear infinite 1s;animation:beat 1.5s linear infinite 1s}.loader-close-button{position:fixed;right:10px;top:10px;z-index:99999;width:auto;min-width:35px;height:35px;padding:5px 30px 5px 5px;border-radius:999px;background:rgba(0,0,0,.3);color:#FFF;font-size:12px;line-height:25px;cursor:pointer}.loader-close-button:hover{background:rgba(0,0,0,.7)}.loader-close-button:after,.loader-close-button:before{position:absolute;top:16px;right:9px;display:block;width:18px;height:2px;transform-origin:50% 50%;content:"";background:#FFF}.loader-close-button:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loader-close-button:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.loader-close-button .close-des{padding:0 5px;font-size:12px}
assets/js/loftloader.js CHANGED
@@ -1,5 +1,21 @@
1
  (function($){
 
 
 
2
  if($('#loftloader-wrapper').length){
3
- $(window).load(function(){ $('body').addClass('loaded'); });
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
  })(jQuery);
1
  (function($){
2
+ function loftloader_finished(){
3
+ $('body').addClass('loaded');
4
+ }
5
  if($('#loftloader-wrapper').length){
6
+ $(window).load(function(){ loftloader_finished(); });
7
+
8
+ $(document).ready(function(){
9
+ var $loader_wrapper = $('#loftloader-wrapper'), show_close_time = '';
10
+ if($loader_wrapper.data('show-close-time')){
11
+ show_close_time = parseInt($loader_wrapper.data('show-close-time'));
12
+ if(show_close_time){
13
+ setTimeout(function(){ $loader_wrapper.find('.loader-close-button').css('display', ''); }, show_close_time);
14
+ $('.loader-close-button').on('click', function(){
15
+ loftloader_finished();
16
+ });
17
+ }
18
+ }
19
+ });
20
  }
21
  })(jQuery);
assets/js/loftloader.min.js CHANGED
@@ -1 +1 @@
1
- !function(a){a("#loftloader-wrapper").length&&a(window).load(function(){a("body").addClass("loaded")})}(jQuery);
1
+ !function(o){function t(){o("body").addClass("loaded")}o("#loftloader-wrapper").length&&(o(window).load(function(){t()}),o(document).ready(function(){var e=o("#loftloader-wrapper"),n="";e.data("show-close-time")&&(n=parseInt(e.data("show-close-time")))&&(setTimeout(function(){e.find(".loader-close-button").css("display","")},n),o(".loader-close-button").on("click",function(){t()}))}))}(jQuery);
assets/scss/loftloader-settings.scss CHANGED
@@ -6,7 +6,7 @@
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
- * Version: 2.1.2
10
  */
11
 
12
 
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
+ * Version: 2.1.3
10
  */
11
 
12
 
assets/scss/loftloader.scss CHANGED
@@ -6,10 +6,10 @@
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
- * Version: 2.1
10
  */
11
 
12
- $primary-color: #248ACC;
13
 
14
  @import 'loftloader-animation';
15
  @import 'loftloader-mixins';
@@ -42,7 +42,8 @@ body {
42
  }
43
 
44
  // Hide the preloader elements
45
- #loader {
 
46
  @include endLoader;
47
  }
48
  }
@@ -445,4 +446,56 @@ body {
445
  @include animation(beat 1.5s linear infinite 1s);
446
  }
447
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
448
  }
6
  * Author: Kaylolo Yinxi Chen @Loft.Ocean
7
  * Author URI: http://www.loftocean.com
8
  * Description: LoftLoader (Lite Version) is a plugin for adding beautiful and smooth preload animation to your WordPress website. With setting options, you can choose from preset animations, add custom logo image, choose colours to match your branding, and amuse and impress your visitors while loading site content.
9
+ * Version: 2.1.3
10
  */
11
 
12
+ $primary-color: #248acc;
13
 
14
  @import 'loftloader-animation';
15
  @import 'loftloader-mixins';
42
  }
43
 
44
  // Hide the preloader elements
45
+ #loader,
46
+ .loader-close-button {
47
  @include endLoader;
48
  }
49
  }
446
  @include animation(beat 1.5s linear infinite 1s);
447
  }
448
  }
449
+ }
450
+
451
+
452
+ /* ==========================================================================
453
+ Close Button
454
+ ========================================================================== */
455
+
456
+ .loader-close-button {
457
+ position: fixed;
458
+ right: 10px;
459
+ top: 10px;
460
+ z-index: 99999;
461
+ width: auto;
462
+ min-width: 35px;
463
+ height: 35px;
464
+ padding: 5px 30px 5px 5px;
465
+ border-radius: 999px;
466
+ background: rgba(#000, 0.3);
467
+ color: #FFF;
468
+ font-size: 12px;
469
+ line-height: 25px;
470
+ cursor: pointer;
471
+
472
+ &:hover {
473
+ background: rgba(#000,0.7);
474
+ }
475
+
476
+ &:before,
477
+ &:after {
478
+ position: absolute;
479
+ top: 16px;
480
+ right: 9px;
481
+ display: block;
482
+ width: 18px;
483
+ height: 2px;
484
+ transform-origin: 50% 50%;
485
+ content: "";
486
+ background: #FFF;
487
+ }
488
+
489
+ &:before {
490
+ @include transform(rotate(45deg));
491
+ }
492
+
493
+ &:after {
494
+ @include transform(rotate(135deg));
495
+ }
496
+
497
+ .close-des {
498
+ padding: 0 5px;
499
+ font-size: 12px;
500
+ }
501
  }
inc/class-loftloader-customize.php CHANGED
@@ -28,6 +28,7 @@ if(!class_exists('LoftLoader_Customize')){
28
  require_once $config_dir . 'customize-background.php';
29
  require_once $config_dir . 'customize-loader.php';
30
  require_once $config_dir . 'customize-promo.php';
 
31
  require_once $config_dir . 'customize-any-page.php';
32
  }
33
 
28
  require_once $config_dir . 'customize-background.php';
29
  require_once $config_dir . 'customize-loader.php';
30
  require_once $config_dir . 'customize-promo.php';
31
+ require_once $config_dir . 'customize-more.php';
32
  require_once $config_dir . 'customize-any-page.php';
33
  }
34
 
inc/class-loftloader-front.php CHANGED
@@ -91,7 +91,7 @@ if(!class_exists('LoftLoader_Front')){
91
  $image = esc_url($this->get_loader_setting('loftloader_custom_img'));
92
  $ending = esc_attr($this->get_loader_setting('loftloader_bg_animation'));
93
 
94
- $html = '<div id="loftloader-wrapper" class="pl-' . $this->type . '">';
95
  $html .= '<div class="loader-inner"><div id="loader">';
96
  $html .= in_array($this->type, array('frame', 'imgloading'))
97
  ? ('<span></span>' . (empty($image) ? '' : ('<img src="' . $image . '" alt="preloder">'))) : '<span></span>';
@@ -111,6 +111,15 @@ if(!class_exists('LoftLoader_Front')){
111
  $html .= '<div class="loader-section section-left">';
112
  $html .= '</div><div class="loader-section section-right"></div>';
113
  }
 
 
 
 
 
 
 
 
 
114
  $html .= '</div>';
115
 
116
  $origin = ob_get_clean();
@@ -124,6 +133,16 @@ if(!class_exists('LoftLoader_Front')){
124
  }
125
  }
126
  /**
 
 
 
 
 
 
 
 
 
 
127
  * Helper function to test whether show loftloader
128
  * @return boolean return true if loftloader enabled and display on current page, otherwise false
129
  */
91
  $image = esc_url($this->get_loader_setting('loftloader_custom_img'));
92
  $ending = esc_attr($this->get_loader_setting('loftloader_bg_animation'));
93
 
94
+ $html = '<div id="loftloader-wrapper" class="pl-' . $this->type . '"' . $this->loader_attributes() . '>';
95
  $html .= '<div class="loader-inner"><div id="loader">';
96
  $html .= in_array($this->type, array('frame', 'imgloading'))
97
  ? ('<span></span>' . (empty($image) ? '' : ('<img src="' . $image . '" alt="preloder">'))) : '<span></span>';
111
  $html .= '<div class="loader-section section-left">';
112
  $html .= '</div><div class="loader-section section-right"></div>';
113
  }
114
+
115
+ if(!is_customize_preview()){
116
+ $close_description = $this->get_loader_setting('loftloader_show_close_tip');
117
+ $html .= sprintf(
118
+ '<div class="loader-close-button" style="display: none;"><span class="screen-reader-text">%s</span>%s</div>',
119
+ esc_html__('Close', 'loftloader'),
120
+ empty($close_description) ? '' : sprintf('<span class="close-des">%s</span>', $close_description)
121
+ );
122
+ }
123
  $html .= '</div>';
124
 
125
  $origin = ob_get_clean();
133
  }
134
  }
135
  /**
136
+ * Helper function to add manual loader settings
137
+ */
138
+ private function loader_attributes(){
139
+ $attrs = '';
140
+ $show_close_time = $this->get_loader_setting('loftloader_show_close_timer');
141
+ $show_close_time = number_format($show_close_time, 0, '.', '');
142
+ $attrs .= sprintf(' data-show-close-time="%s"', esc_js(esc_attr($show_close_time * 1000)));
143
+ return apply_filters('loftloader_loader_attributes', $attrs);
144
+ }
145
+ /**
146
  * Helper function to test whether show loftloader
147
  * @return boolean return true if loftloader enabled and display on current page, otherwise false
148
  */
inc/class-loftloader-upgrade.php CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  if(!class_exists('LoftLoader_Upgrade')){
3
  class LoftLoader_Upgrade{
4
- private $version ='2.1.2';
5
  function __construct(){
6
  $old_version = get_option('loftloader_lite_version', '1.0');
7
  if(version_compare($old_version, $this->version, '<')){
1
  <?php
2
  if(!class_exists('LoftLoader_Upgrade')){
3
  class LoftLoader_Upgrade{
4
+ private $version ='2.1.3';
5
  function __construct(){
6
  $old_version = get_option('loftloader_lite_version', '1.0');
7
  if(version_compare($old_version, $this->version, '<')){
inc/configs/customize-more.php ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Load loftloader lite more section
4
+ *
5
+ * @since version 2.1.3
6
+ */
7
+ add_action('customize_register', 'loftloader_customize_more', 45);
8
+ function loftloader_customize_more($wp_customize){
9
+ global $loftloader_default_settings;
10
+
11
+ $wp_customize->add_section(new LoftLoader_Customize_Section($wp_customize, 'loftloader_section_more', array(
12
+ 'title' => esc_html__('More', 'loftloader'),
13
+ 'description' => '',
14
+ 'priority' => 50
15
+ )));
16
+
17
+ $wp_customize->add_setting(new WP_Customize_Setting($wp_customize, 'loftloader_show_close_timer', array(
18
+ 'default' => $loftloader_default_settings['loftloader_show_close_timer'],
19
+ 'transport' => 'postMessage',
20
+ 'type' => 'option',
21
+ 'sanitize_callback' => 'absint'
22
+ )));
23
+ $wp_customize->add_setting(new WP_Customize_Setting($wp_customize, 'loftloader_show_close_tip', array(
24
+ 'default' => $loftloader_default_settings['loftloader_show_close_tip'],
25
+ 'transport' => 'postMessage',
26
+ 'type' => 'option',
27
+ 'sanitize_callback' => 'sanitize_text_field'
28
+ )));
29
+
30
+ $wp_customize->add_control(new LoftLoader_Customize_Slider_Control($wp_customize, 'loftloader_show_close_timer', array(
31
+ 'type' => 'slider',
32
+ 'label' => esc_html__('Show Close Button after', 'loftloader'),
33
+ 'after_text' => 'second(s)',
34
+ 'input_attrs' => array(
35
+ 'data-default' => '15',
36
+ 'data-min' => '5',
37
+ 'data-max' => '20',
38
+ 'data-step' => '1'
39
+ ),
40
+ 'input_class' => 'loftloader-show-close-timer',
41
+ 'section' => 'loftloader_section_more',
42
+ 'settings' => 'loftloader_show_close_timer'
43
+ )));
44
+ $wp_customize->add_control(new LoftLoader_Customize_Control($wp_customize, 'loftloader_show_close_tip', array(
45
+ 'type' => 'text',
46
+ 'label' => esc_html__('Description for Close Button', 'loftloader'),
47
+ 'section' => 'loftloader_section_more',
48
+ 'settings' => 'loftloader_show_close_tip'
49
+ )));
50
+ }
inc/configs/default-settings.php CHANGED
@@ -20,5 +20,8 @@ $loftloader_default_settings = array(
20
  'loftloader_custom_img' => LOFTLOADER_URI . 'assets/img/loftloader-logo.png',
21
  'loftloader_img_width' => 76,
22
 
 
 
 
23
  'loftloader_enable_any_page' => ''
24
  );
20
  'loftloader_custom_img' => LOFTLOADER_URI . 'assets/img/loftloader-logo.png',
21
  'loftloader_img_width' => 76,
22
 
23
+ 'loftloader_show_close_timer' => 15,
24
+ 'loftloader_show_close_tip' => '',
25
+
26
  'loftloader_enable_any_page' => ''
27
  );
languages/loftloader.pot CHANGED
@@ -1,15 +1,15 @@
1
- # Copyright (C) 2017 LoftLoader
2
  # This file is distributed under the same license as the LoftLoader package.
3
  #, fuzzy
4
  msgid ""
5
  msgstr ""
6
- "Project-Id-Version: LoftLoader 2.1.2\n"
7
  "Report-Msgid-Bugs-To: http://wordpress.org/support/plugin/loftloader\n"
8
- "POT-Creation-Date: 2017-06-21 21:54+0800\n"
9
  "MIME-Version: 1.0\n"
10
  "Content-Type: text/plain; charset=UTF-8\n"
11
  "Content-Transfer-Encoding: 8bit\n"
12
- "PO-Revision-Date: 2017-MO-DA HO:MI+ZONE\n"
13
  "Last-Translator: Suihai <cain@loftocean.com>\n"
14
  "Language-Team: Loft Ocean <cain@loftocean.com>\n"
15
  "X-Generator: Poedit 1.8.12\n"
@@ -18,30 +18,34 @@ msgstr ""
18
  msgid "LoftLoader Any Page Shortcode"
19
  msgstr ""
20
 
21
- #: inc/class-loftloader-customize.php:54 loftloader.php:85
22
  msgid "LoftLoader Lite"
23
  msgstr ""
24
 
25
- #: inc/class-loftloader-customize.php:93 inc/class-loftloader-customize.php:117
26
  msgid "Setting"
27
  msgstr ""
28
 
29
- #: inc/class-loftloader-customize.php:107
30
  msgid "Press return or enter to open this section"
31
  msgstr ""
32
 
33
- #: inc/class-loftloader-customize.php:114
34
  msgid "Back"
35
  msgstr ""
36
 
37
- #: inc/class-loftloader-customize.php:160 inc/configs/customize-any-page.php:18
38
  msgid "Generate"
39
  msgstr ""
40
 
41
- #: inc/class-loftloader-customize.php:239
42
  msgid "More info"
43
  msgstr ""
44
 
 
 
 
 
45
  #: inc/configs/customize-any-page.php:24
46
  msgid "Advanced"
47
  msgstr ""
@@ -142,6 +146,18 @@ msgstr ""
142
  msgid "Enable LoftLoader"
143
  msgstr ""
144
 
 
 
 
 
 
 
 
 
 
 
 
 
145
  #: inc/configs/customize-promo.php:16
146
  msgid "Upgrade to Pro"
147
  msgstr ""
1
+ # Copyright (C) 2018 LoftLoader
2
  # This file is distributed under the same license as the LoftLoader package.
3
  #, fuzzy
4
  msgid ""
5
  msgstr ""
6
+ "Project-Id-Version: LoftLoader 2.1.3\n"
7
  "Report-Msgid-Bugs-To: http://wordpress.org/support/plugin/loftloader\n"
8
+ "POT-Creation-Date: 2018-04-16 16:34+0800\n"
9
  "MIME-Version: 1.0\n"
10
  "Content-Type: text/plain; charset=UTF-8\n"
11
  "Content-Transfer-Encoding: 8bit\n"
12
+ "PO-Revision-Date: 2018-MO-DA HO:MI+ZONE\n"
13
  "Last-Translator: Suihai <cain@loftocean.com>\n"
14
  "Language-Team: Loft Ocean <cain@loftocean.com>\n"
15
  "X-Generator: Poedit 1.8.12\n"
18
  msgid "LoftLoader Any Page Shortcode"
19
  msgstr ""
20
 
21
+ #: inc/class-loftloader-customize.php:55 loftloader.php:85
22
  msgid "LoftLoader Lite"
23
  msgstr ""
24
 
25
+ #: inc/class-loftloader-customize.php:94 inc/class-loftloader-customize.php:118
26
  msgid "Setting"
27
  msgstr ""
28
 
29
+ #: inc/class-loftloader-customize.php:108
30
  msgid "Press return or enter to open this section"
31
  msgstr ""
32
 
33
+ #: inc/class-loftloader-customize.php:115
34
  msgid "Back"
35
  msgstr ""
36
 
37
+ #: inc/class-loftloader-customize.php:161 inc/configs/customize-any-page.php:18
38
  msgid "Generate"
39
  msgstr ""
40
 
41
+ #: inc/class-loftloader-customize.php:240
42
  msgid "More info"
43
  msgstr ""
44
 
45
+ #: inc/class-loftloader-front.php:119
46
+ msgid "Close"
47
+ msgstr ""
48
+
49
  #: inc/configs/customize-any-page.php:24
50
  msgid "Advanced"
51
  msgstr ""
146
  msgid "Enable LoftLoader"
147
  msgstr ""
148
 
149
+ #: inc/configs/customize-more.php:12
150
+ msgid "More"
151
+ msgstr ""
152
+
153
+ #: inc/configs/customize-more.php:32
154
+ msgid "Show Close Button after"
155
+ msgstr ""
156
+
157
+ #: inc/configs/customize-more.php:46
158
+ msgid "Description for Close Button"
159
+ msgstr ""
160
+
161
  #: inc/configs/customize-promo.php:16
162
  msgid "Upgrade to Pro"
163
  msgstr ""
loftloader.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: LoftLoader
4
  Plugin URI: http://www.loftocean.com/
5
  Description: An easy to use plugin to add an animated preloader to your website with fully customisations.
6
- Version: 2.1.2
7
  Author: Loft Ocean
8
  Author URI: http://www.loftocean.com/
9
  Text Domain: loftloader
@@ -32,7 +32,7 @@ if(!class_exists('LoftLoader')){
32
  define('LOFTLOADER_ROOT', dirname(__FILE__) . '/');
33
  define('LOFTLOADER_NAME', plugin_basename( __FILE__ ));
34
  define('LOFTLOADER_URI', plugin_dir_url( __FILE__ ));
35
- define('LOFTLOADER_ASSET_VERSION', '2017113001');
36
 
37
  class LoftLoader{
38
  public function __construct(){
3
  Plugin Name: LoftLoader
4
  Plugin URI: http://www.loftocean.com/
5
  Description: An easy to use plugin to add an animated preloader to your website with fully customisations.
6
+ Version: 2.1.3
7
  Author: Loft Ocean
8
  Author URI: http://www.loftocean.com/
9
  Text Domain: loftloader
32
  define('LOFTLOADER_ROOT', dirname(__FILE__) . '/');
33
  define('LOFTLOADER_NAME', plugin_basename( __FILE__ ));
34
  define('LOFTLOADER_URI', plugin_dir_url( __FILE__ ));
35
+ define('LOFTLOADER_ASSET_VERSION', '2018041802');
36
 
37
  class LoftLoader{
38
  public function __construct(){
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: loader, load, preloader, page preloader, prelader spinner, preloader with
4
  Donate link:
5
  Requires at least: 4.3
6
  Tested up to: 4.9
7
- Stable tag: 2.1.2
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -27,20 +27,21 @@ Small and powerful. LoftLoader helps you to add a beautiful animated preloader t
27
  * Responsive & retina ready.
28
  * Option to enable/disable the preloader.
29
  * Option to enable preloader on site homepage only.
 
30
  * Ready for translation (.pot file included).
31
  * Light weight, fast. Coded with SASS. CSS & JS minified.
32
 
33
  = Online Documentation =
34
- To know how to use the plugin, please click the link to check [online documentation](http://www.loftocean.com/loftloader-doc/documentation.pdf). It’s the documentation of Pro version. But you can still find Lite version features details in it.
35
 
36
  = How to contact us =
37
- If you have any questions or encounter a problem while using LoftLoader, please [create a topic in the support forum](https://wordpress.org/support/plugin/loftloader). If you contact us via email, please indicate that your question corresponds to LoftLoader Lite.
38
 
39
  = To speed along the support request, please follow the steps below =
40
  * Update to the latest versions of your WordPress, themes and plugins.
41
- * Check [online documentation](http://www.loftocean.com/loftloader-doc/documentation.pdf) and [FAQ](https://wordpress.org/plugins/loftloader/#faq) first.
42
  * Test by [following this guide](https://wordpress.org/support/topic/how-to-check-for-conflicts/) to check if it is a conflict with other plugins or themes.
43
- * If you still cannot find a solution, please contact us.
44
  * When submit your support request, please [follow the guide](https://wordpress.org/support/topic/please-read-before-posting-63/).
45
 
46
 
@@ -90,6 +91,9 @@ Check some [examples](http://www.loftocean.com/loftloader/example-13/) created b
90
  8. Pro version: Load Time, Device Control & Smooth Page Transition
91
 
92
  == Changelog ==
 
 
 
93
  = 2.1.2 =
94
  * Fixed: Compatibility issue which affected Customizer > Menu panel.
95
  * Fixed: Minor CSS issues of Settings Panel UI for RTL sites
4
  Donate link:
5
  Requires at least: 4.3
6
  Tested up to: 4.9
7
+ Stable tag: 2.1.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
27
  * Responsive & retina ready.
28
  * Option to enable/disable the preloader.
29
  * Option to enable preloader on site homepage only.
30
+ * Close button to quit the loading screen. Users can set when to show the close button (range: 5 to 20 seconds), and customize the close button text.
31
  * Ready for translation (.pot file included).
32
  * Light weight, fast. Coded with SASS. CSS & JS minified.
33
 
34
  = Online Documentation =
35
+ To know how to use the plugin, please click the link to check [online documentation](http://loftocean.com/doc/loftloader/). It’s the documentation of Pro version. But you can still find Lite version features details in it.
36
 
37
  = How to contact us =
38
+ If you have any questions or encounter a problem while using LoftLoader, please [create a topic in the support forum](https://wordpress.org/support/plugin/loftloader).
39
 
40
  = To speed along the support request, please follow the steps below =
41
  * Update to the latest versions of your WordPress, themes and plugins.
42
+ * Check [online documentation](http://loftocean.com/doc/loftloader/) and [FAQ](https://wordpress.org/plugins/loftloader/#faq) first.
43
  * Test by [following this guide](https://wordpress.org/support/topic/how-to-check-for-conflicts/) to check if it is a conflict with other plugins or themes.
44
+ * If you still cannot find a solution, please [create a topic in the support forum](https://wordpress.org/support/plugin/loftloader).
45
  * When submit your support request, please [follow the guide](https://wordpress.org/support/topic/please-read-before-posting-63/).
46
 
47
 
91
  8. Pro version: Load Time, Device Control & Smooth Page Transition
92
 
93
  == Changelog ==
94
+ = 2.1.3 =
95
+ * New: Add close button and related settings
96
+
97
  = 2.1.2 =
98
  * Fixed: Compatibility issue which affected Customizer > Menu panel.
99
  * Fixed: Minor CSS issues of Settings Panel UI for RTL sites