Version Description
- Improved: LoftLoader Customizer panel independence (so it wont be affected by theme or other plugins code)
- New: Loader Section - New Loader Animation: Beating
- Fixed: Minor CSS issues
Download this release
Release Info
Developer | loftocean |
Plugin | LoftLoader |
Version | 2.1.0 |
Comparing to | |
See all releases |
Code changes from version 2.0.0 to 2.1.0
- assets/css/loftloader-settings.css +9 -3
- assets/css/loftloader-settings.min.css +1 -12
- assets/css/loftloader.css +49 -5
- assets/css/loftloader.min.css +1 -12
- assets/img/animation-options.png +0 -0
- assets/img/pro-ad.jpg +0 -0
- assets/js/customize.js +8 -0
- assets/js/customize.min.js +1 -6
- assets/js/loftloader.min.js +0 -0
- assets/js/preview.min.js +0 -0
- assets/scss/_loftloader-animation.scss +30 -0
- assets/scss/loftloader-settings.scss +9 -4
- assets/scss/loftloader.scss +37 -3
- inc/class-loftloader-any-page.php +0 -0
- inc/class-loftloader-customize.php +23 -11
- inc/class-loftloader-front.php +7 -4
- inc/class-loftloader-upgrade.php +5 -3
- inc/configs/customize-any-page.php +0 -0
- inc/configs/customize-background.php +0 -0
- inc/configs/customize-loader.php +3 -2
- inc/configs/customize-main.php +0 -0
- inc/configs/customize-promo.php +0 -0
- inc/configs/customize-range.php +0 -0
- inc/configs/default-settings.php +0 -0
- languages/loftloader.pot +15 -11
- loftloader.php +2 -2
- readme.txt +14 -9
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.
|
10 |
*/
|
11 |
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);
|
12 |
#customize-theme-controls.loftloader-controls-wrapper {
|
@@ -296,6 +296,8 @@
|
|
296 |
background-position: -225px -47px; }
|
297 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn + span:after {
|
298 |
background-position: -270px -47px; }
|
|
|
|
|
299 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span {
|
300 |
overflow: hidden; }
|
301 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span:after {
|
@@ -306,11 +308,11 @@
|
|
306 |
width: inherit;
|
307 |
height: inherit;
|
308 |
background-image: url(../img/animation-options.png);
|
309 |
-
background-size:
|
310 |
opacity: 0.25;
|
311 |
content: ""; }
|
312 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span {
|
313 |
-
z-index:
|
314 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after {
|
315 |
opacity: 1; }
|
316 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after {
|
@@ -379,4 +381,8 @@
|
|
379 |
display: none;
|
380 |
visibility: hidden; }
|
381 |
|
|
|
|
|
|
|
|
|
382 |
/*# sourceMappingURL=loftloader-settings.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
|
10 |
*/
|
11 |
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);
|
12 |
#customize-theme-controls.loftloader-controls-wrapper {
|
296 |
background-position: -225px -47px; }
|
297 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(7) .loftloader-radiobtn + span:after {
|
298 |
background-position: -270px -47px; }
|
299 |
+
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label:nth-child(8) .loftloader-radiobtn + span:after {
|
300 |
+
background-position: -315px -47px; }
|
301 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span {
|
302 |
overflow: hidden; }
|
303 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn + span:after {
|
308 |
width: inherit;
|
309 |
height: inherit;
|
310 |
background-image: url(../img/animation-options.png);
|
311 |
+
background-size: 315px;
|
312 |
opacity: 0.25;
|
313 |
content: ""; }
|
314 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span {
|
315 |
+
z-index: 8; }
|
316 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after {
|
317 |
opacity: 1; }
|
318 |
#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after {
|
381 |
display: none;
|
382 |
visibility: hidden; }
|
383 |
|
384 |
+
.customize-partial-edit-shortcut,
|
385 |
+
.widget .customize-partial-edit-shortcut {
|
386 |
+
display: none !important; }
|
387 |
+
|
388 |
/*# sourceMappingURL=loftloader-settings.css.map */
|
assets/css/loftloader-settings.min.css
CHANGED
@@ -1,12 +1 @@
|
|
1 |
-
/**
|
2 |
-
* LoftLoader Lite Setting Panel Style
|
3 |
-
*
|
4 |
-
* Plugin Name: LoftLoader
|
5 |
-
* Plugin URI: http://www.loftocean.com/loftloader
|
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.0
|
10 |
-
*/
|
11 |
-
|
12 |
-
@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 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-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 .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 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 .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:270px;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:99}#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}
|
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 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-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 .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 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.
|
10 |
*/
|
11 |
@-webkit-keyframes spinReturn {
|
12 |
0% {
|
@@ -214,6 +214,26 @@
|
|
214 |
100% {
|
215 |
height: 100%;
|
216 |
opacity: 0; } }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
217 |
html,
|
218 |
body {
|
219 |
opacity: 1 !important; }
|
@@ -230,12 +250,11 @@ body {
|
|
230 |
height: 100%;
|
231 |
background: transparent !important; }
|
232 |
.loaded #loftloader-wrapper {
|
233 |
-
-webkit-transform: translateX(-
|
234 |
-
-ms-transform: translateX(-
|
235 |
-
transform: translateX(-
|
236 |
visibility: hidden;
|
237 |
pointer-events: none;
|
238 |
-
overflow: hidden;
|
239 |
transition: all;
|
240 |
transition-delay: 1s; }
|
241 |
.loaded #loftloader-wrapper.slide-vertical {
|
@@ -533,4 +552,29 @@ body {
|
|
533 |
-webkit-animation: imgLoading 6s linear infinite;
|
534 |
animation: imgLoading 6s linear infinite; }
|
535 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
536 |
/*# 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
|
10 |
*/
|
11 |
@-webkit-keyframes spinReturn {
|
12 |
0% {
|
214 |
100% {
|
215 |
height: 100%;
|
216 |
opacity: 0; } }
|
217 |
+
@-webkit-keyframes beat {
|
218 |
+
0% {
|
219 |
+
transform: scale(0);
|
220 |
+
opacity: 0; }
|
221 |
+
80% {
|
222 |
+
transform: scale(1);
|
223 |
+
opacity: 0.7; }
|
224 |
+
100% {
|
225 |
+
transform: scale(1);
|
226 |
+
opacity: 0; } }
|
227 |
+
@keyframes beat {
|
228 |
+
0% {
|
229 |
+
transform: scale(0);
|
230 |
+
opacity: 0; }
|
231 |
+
80% {
|
232 |
+
transform: scale(1);
|
233 |
+
opacity: 0.7; }
|
234 |
+
100% {
|
235 |
+
transform: scale(1);
|
236 |
+
opacity: 0; } }
|
237 |
html,
|
238 |
body {
|
239 |
opacity: 1 !important; }
|
250 |
height: 100%;
|
251 |
background: transparent !important; }
|
252 |
.loaded #loftloader-wrapper {
|
253 |
+
-webkit-transform: translateX(-200%);
|
254 |
+
-ms-transform: translateX(-200%);
|
255 |
+
transform: translateX(-200%);
|
256 |
visibility: hidden;
|
257 |
pointer-events: none;
|
|
|
258 |
transition: all;
|
259 |
transition-delay: 1s; }
|
260 |
.loaded #loftloader-wrapper.slide-vertical {
|
552 |
-webkit-animation: imgLoading 6s linear infinite;
|
553 |
animation: imgLoading 6s linear infinite; }
|
554 |
|
555 |
+
/* ==========================================================================
|
556 |
+
Loading - Beating
|
557 |
+
========================================================================== */
|
558 |
+
#loftloader-wrapper.pl-beating #loader {
|
559 |
+
width: 60px;
|
560 |
+
height: 60px; }
|
561 |
+
#loftloader-wrapper.pl-beating #loader span, #loftloader-wrapper.pl-beating #loader:before {
|
562 |
+
position: absolute;
|
563 |
+
top: 0;
|
564 |
+
left: 0;
|
565 |
+
display: block;
|
566 |
+
width: 60px;
|
567 |
+
height: 60px;
|
568 |
+
border-radius: 50%;
|
569 |
+
background: currentColor;
|
570 |
+
box-shadow: 0 0 50px;
|
571 |
+
opacity: 0; }
|
572 |
+
#loftloader-wrapper.pl-beating #loader span {
|
573 |
+
-webkit-animation: beat 1.5s linear infinite;
|
574 |
+
animation: beat 1.5s linear infinite; }
|
575 |
+
#loftloader-wrapper.pl-beating #loader:before {
|
576 |
+
content: "";
|
577 |
+
-webkit-animation: beat 1.5s linear infinite 1s;
|
578 |
+
animation: beat 1.5s linear infinite 1s; }
|
579 |
+
|
580 |
/*# sourceMappingURL=loftloader.css.map */
|
assets/css/loftloader.min.css
CHANGED
@@ -1,12 +1 @@
|
|
1 |
-
/**
|
2 |
-
* LoftLoader Lite Frontend Style
|
3 |
-
*
|
4 |
-
* Plugin Name: LoftLoader
|
5 |
-
* Plugin URI: http://www.loftocean.com/loftloader
|
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.0
|
10 |
-
*/
|
11 |
-
|
12 |
-
@-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}}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(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;pointer-events:none;overflow:hidden;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}
|
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}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
assets/img/animation-options.png
CHANGED
Binary file
|
assets/img/pro-ad.jpg
CHANGED
File without changes
|
assets/js/customize.js
CHANGED
@@ -73,6 +73,14 @@
|
|
73 |
min = $(this).attr('min') ? parseInt($(this).attr('min')) : 1;
|
74 |
(val < min) ? $(this).val(min).trigger('change') : '';
|
75 |
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
76 |
.on('click', '.customize-more-toggle', function(e){
|
77 |
e.preventDefault();
|
78 |
var self = $(this),
|
73 |
min = $(this).attr('min') ? parseInt($(this).attr('min')) : 1;
|
74 |
(val < min) ? $(this).val(min).trigger('change') : '';
|
75 |
})
|
76 |
+
.on('change', 'input.loftlader-checkbox', function(e){
|
77 |
+
var checked = $(this).attr('checked') ? true : false,
|
78 |
+
$element = $(this).siblings('input');
|
79 |
+
if($element.length){
|
80 |
+
checked ? $element.attr('checked', 'checked') : $element.removeAttr('checked');
|
81 |
+
$element.trigger('change');
|
82 |
+
}
|
83 |
+
})
|
84 |
.on('click', '.customize-more-toggle', function(e){
|
85 |
e.preventDefault();
|
86 |
var self = $(this),
|
assets/js/customize.min.js
CHANGED
@@ -1,6 +1 @@
|
|
1 |
-
|
2 |
-
* Copyright (c) Loft.Ocean
|
3 |
-
* http://www.loftocean.com
|
4 |
-
*/
|
5 |
-
|
6 |
-
!function(a,b){function c(a){return a===!0?"on":a}function d(b){var d=a.get(),e=!!d[b]&&d[b];return"string"==typeof e&&(e=e.trim()),c(e)}b("head").append(b("<style>",{id:"loftloader-hide-site-title",text:".site-title { opacity: 0; }"})),a.LoftLoaderSwitchSection=a.Section.extend({initialize:function(){return a.Section.prototype.initialize.apply(this,arguments)},ready:function(){var a=!!this.container.find("input[name=loftloader-main-switch]").attr("checked");a?"":b("#customize-theme-controls").addClass("loftloader-settings-disabled"),b("#customize-theme-controls").addClass("loftloader-controls-wrapper")},attachEvents:function(){var a=this.container;a.on("change","input[name=loftloader-main-switch]",function(c){var d=!!b(this).attr("checked"),e=a.find("#customize-control-loftloader_main_switch input[type=checkbox]"),f=b("#customize-theme-controls");d?e.attr("checked","checked"):e.removeAttr("checked"),e.trigger("change"),d?f.removeClass("loftloader-settings-disabled"):f.addClass("loftloader-settings-disabled")})}}),b.extend(a.sectionConstructor,{loftloader_switch:a.LoftLoaderSwitchSection}),a.controlConstructor.slider=a.Control.extend({ready:function(){var a=this.container.find(".loader-ui-slider"),b=this.container.find("input[data-customize-setting-link]");a.slider({range:"min",min:a.data("min"),max:a.data("max"),value:a.data("value"),step:a.data("step"),slide:function(a,c){b.val(c.value).trigger("change")}})}}),a.bind("ready",function(c){loftloader_lite_i18n?b(".site-title").text(loftloader_lite_i18n.name):"",b("#loftloader-hide-site-title").remove();var d=a.get(),e=b("#customize-control-loftloader_custom_img");if(e.length&&!e.find(".attachment-thumb").length&&d&&d.loftloader_custom_img){var f=d.loftloader_custom_img;if(f){var g=e.find(".attachment-media-view").addClass("attachment-media-view-image"),h=b("<div>",{class:"thumbnail thumbnail-image"}).append(b("<img>",{class:"attachment-thumb",src:f}));g.children(".placeholder").css("display","none").after(h).remove()}}b("body").on("change","input[type=number]",function(a){var c=parseInt(b(this).val()),d=b(this).attr("min")?parseInt(b(this).attr("min")):1;c<d?b(this).val(d).trigger("change"):""}).on("click",".customize-more-toggle",function(a){a.preventDefault();var c=b(this),d=b(this).siblings(".customize-control-description");d.length&&(c.hasClass("expanded")?d.slideUp("slow"):d.slideDown("slow",function(){b(this).css("display","block")}),c.toggleClass("expanded"))}).on("click",".loftloader-any-page-generate",function(c){c.preventDefault();var d=a.loftloader_generate_parameters();b(this).siblings(".loftloader-any-page-shortcode").val("[loftloader "+d+"]").select()})}),a.loftloader_generate_parameters=function(){var a={loftloader_bg_color:{},loftloader_bg_opacity:{},loftloader_bg_animation:{},loftloader_loader_type:{sun:["loftloader_loader_color"],circles:["loftloader_loader_color"],wave:["loftloader_loader_color"],square:["loftloader_loader_color"],frame:["loftloader_loader_color","loftloader_custom_img"],imgloading:["loftloader_custom_img","loftloader_img_width"]}},b=type_value=loop="";if("on"===d("loftloader_main_switch")){b="loftloader_main_switch=on loftloader_show_range=sitewide";for(var c in a){switch(type_value=d(c),c){case"loftloader_bg_color":case"loftloader_bg_opacity":case"loftloader_bg_animation":loop=[];break;default:loop=a[c][type_value]?a[c][type_value]:[]}if(b+=" "+c+"="+type_value,loop)for(var e in loop)b+=" "+loop[e]+"="+d(loop[e])}}else b="loftloader_main_switch=false";return b}}(wp.customize,jQuery);
|
1 |
+
!function(e,t){function o(e){return!0===e?"on":e}function a(t){var a=e.get(),l=!!a[t]&&a[t];return"string"==typeof l&&(l=l.trim()),o(l)}t("head").append(t("<style>",{id:"loftloader-hide-site-title",text:".site-title { opacity: 0; }"})),e.LoftLoaderSwitchSection=e.Section.extend({initialize:function(){return e.Section.prototype.initialize.apply(this,arguments)},ready:function(){!!this.container.find("input[name=loftloader-main-switch]").attr("checked")||t("#customize-theme-controls").addClass("loftloader-settings-disabled"),t("#customize-theme-controls").addClass("loftloader-controls-wrapper")},attachEvents:function(){var e=this.container;e.on("change","input[name=loftloader-main-switch]",function(o){var a=!!t(this).attr("checked"),l=e.find("#customize-control-loftloader_main_switch input[type=checkbox]"),i=t("#customize-theme-controls");a?l.attr("checked","checked"):l.removeAttr("checked"),l.trigger("change"),a?i.removeClass("loftloader-settings-disabled"):i.addClass("loftloader-settings-disabled")})}}),t.extend(e.sectionConstructor,{loftloader_switch:e.LoftLoaderSwitchSection}),e.controlConstructor.slider=e.Control.extend({ready:function(){var e=this.container.find(".loader-ui-slider"),t=this.container.find("input[data-customize-setting-link]");e.slider({range:"min",min:e.data("min"),max:e.data("max"),value:e.data("value"),step:e.data("step"),slide:function(e,o){t.val(o.value).trigger("change")}})}}),e.bind("ready",function(o){loftloader_lite_i18n&&t(".site-title").text(loftloader_lite_i18n.name),t("#loftloader-hide-site-title").remove();var a=e.get(),l=t("#customize-control-loftloader_custom_img");if(l.length&&!l.find(".attachment-thumb").length&&a&&a.loftloader_custom_img){var i=a.loftloader_custom_img;if(i){var n=l.find(".attachment-media-view").addClass("attachment-media-view-image"),r=t("<div>",{class:"thumbnail thumbnail-image"}).append(t("<img>",{class:"attachment-thumb",src:i}));n.children(".placeholder").css("display","none").after(r).remove()}}t("body").on("change","input[type=number]",function(e){var o=parseInt(t(this).val()),a=t(this).attr("min")?parseInt(t(this).attr("min")):1;o<a&&t(this).val(a).trigger("change")}).on("change","input.loftlader-checkbox",function(e){var o=!!t(this).attr("checked"),a=t(this).siblings("input");a.length&&(o?a.attr("checked","checked"):a.removeAttr("checked"),a.trigger("change"))}).on("click",".customize-more-toggle",function(e){e.preventDefault();var o=t(this),a=t(this).siblings(".customize-control-description");a.length&&(o.hasClass("expanded")?a.slideUp("slow"):a.slideDown("slow",function(){t(this).css("display","block")}),o.toggleClass("expanded"))}).on("click",".loftloader-any-page-generate",function(o){o.preventDefault();var a=e.loftloader_generate_parameters();t(this).siblings(".loftloader-any-page-shortcode").val("[loftloader "+a+"]").select()})}),e.loftloader_generate_parameters=function(){var e={loftloader_bg_color:{},loftloader_bg_opacity:{},loftloader_bg_animation:{},loftloader_loader_type:{sun:["loftloader_loader_color"],circles:["loftloader_loader_color"],wave:["loftloader_loader_color"],square:["loftloader_loader_color"],frame:["loftloader_loader_color","loftloader_custom_img"],imgloading:["loftloader_custom_img","loftloader_img_width"]}},t=type_value=loop="";if("on"===a("loftloader_main_switch")){t="loftloader_main_switch=on loftloader_show_range=sitewide";for(var o in e){switch(type_value=a(o),o){case"loftloader_bg_color":case"loftloader_bg_opacity":case"loftloader_bg_animation":loop=[];break;default:loop=e[o][type_value]?e[o][type_value]:[]}if(t+=" "+o+"="+type_value,loop)for(var l in loop)t+=" "+loop[l]+"="+a(loop[l])}}else t="loftloader_main_switch=false";return t}}(wp.customize,jQuery);
|
|
|
|
|
|
|
|
|
|
assets/js/loftloader.min.js
CHANGED
File without changes
|
assets/js/preview.min.js
CHANGED
File without changes
|
assets/scss/_loftloader-animation.scss
CHANGED
@@ -308,4 +308,34 @@
|
|
308 |
height: 100%;
|
309 |
opacity: 0;
|
310 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
311 |
}
|
308 |
height: 100%;
|
309 |
opacity: 0;
|
310 |
}
|
311 |
+
}
|
312 |
+
|
313 |
+
@-webkit-keyframes beat {
|
314 |
+
0% {
|
315 |
+
transform: scale(0);
|
316 |
+
opacity: 0;
|
317 |
+
}
|
318 |
+
80% {
|
319 |
+
transform: scale(1);
|
320 |
+
opacity: 0.7;
|
321 |
+
}
|
322 |
+
100% {
|
323 |
+
transform: scale(1);
|
324 |
+
opacity: 0;
|
325 |
+
}
|
326 |
+
}
|
327 |
+
|
328 |
+
@keyframes beat {
|
329 |
+
0% {
|
330 |
+
transform: scale(0);
|
331 |
+
opacity: 0;
|
332 |
+
}
|
333 |
+
80% {
|
334 |
+
transform: scale(1);
|
335 |
+
opacity: 0.7;
|
336 |
+
}
|
337 |
+
100% {
|
338 |
+
transform: scale(1);
|
339 |
+
opacity: 0;
|
340 |
+
}
|
341 |
}
|
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.
|
10 |
*/
|
11 |
|
12 |
|
@@ -416,7 +416,7 @@ $description-color: #888;
|
|
416 |
margin: 0 -2px -2px 0;
|
417 |
padding: 0;
|
418 |
|
419 |
-
@include animations(
|
420 |
|
421 |
.loftloader-radiobtn {
|
422 |
& + span {
|
@@ -430,7 +430,7 @@ $description-color: #888;
|
|
430 |
width: inherit;
|
431 |
height: inherit;
|
432 |
background-image: url(../img/animation-options.png);
|
433 |
-
background-size:
|
434 |
opacity: 0.25;
|
435 |
content: "";
|
436 |
}
|
@@ -438,7 +438,7 @@ $description-color: #888;
|
|
438 |
}
|
439 |
|
440 |
.loftloader-radiobtn:checked + span {
|
441 |
-
z-index:
|
442 |
&:after {
|
443 |
opacity: 1;
|
444 |
}
|
@@ -538,4 +538,9 @@ $description-color: #888;
|
|
538 |
display: none;
|
539 |
visibility: hidden;
|
540 |
}
|
|
|
|
|
|
|
|
|
|
|
541 |
}
|
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 |
|
416 |
margin: 0 -2px -2px 0;
|
417 |
padding: 0;
|
418 |
|
419 |
+
@include animations(8);
|
420 |
|
421 |
.loftloader-radiobtn {
|
422 |
& + span {
|
430 |
width: inherit;
|
431 |
height: inherit;
|
432 |
background-image: url(../img/animation-options.png);
|
433 |
+
background-size: 315px;
|
434 |
opacity: 0.25;
|
435 |
content: "";
|
436 |
}
|
438 |
}
|
439 |
|
440 |
.loftloader-radiobtn:checked + span {
|
441 |
+
z-index: 8;
|
442 |
&:after {
|
443 |
opacity: 1;
|
444 |
}
|
538 |
display: none;
|
539 |
visibility: hidden;
|
540 |
}
|
541 |
+
}
|
542 |
+
|
543 |
+
.customize-partial-edit-shortcut,
|
544 |
+
.widget .customize-partial-edit-shortcut {
|
545 |
+
display: none !important;
|
546 |
}
|
assets/scss/loftloader.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.
|
10 |
*/
|
11 |
|
12 |
$primary-color: #248ACC;
|
@@ -31,10 +31,9 @@ body {
|
|
31 |
|
32 |
// After the page content has been loaded:
|
33 |
.loaded & {
|
34 |
-
@include transform(translateX(-
|
35 |
visibility: hidden;
|
36 |
pointer-events: none;
|
37 |
-
overflow: hidden;
|
38 |
transition: all;
|
39 |
transition-delay: 1s;
|
40 |
|
@@ -411,4 +410,39 @@ body {
|
|
411 |
@include animation(imgLoading 6s linear infinite);
|
412 |
}
|
413 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
414 |
}
|
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;
|
31 |
|
32 |
// After the page content has been loaded:
|
33 |
.loaded & {
|
34 |
+
@include transform(translateX(-200%));
|
35 |
visibility: hidden;
|
36 |
pointer-events: none;
|
|
|
37 |
transition: all;
|
38 |
transition-delay: 1s;
|
39 |
|
410 |
@include animation(imgLoading 6s linear infinite);
|
411 |
}
|
412 |
}
|
413 |
+
}
|
414 |
+
|
415 |
+
|
416 |
+
/* ==========================================================================
|
417 |
+
Loading - Beating
|
418 |
+
========================================================================== */
|
419 |
+
|
420 |
+
#loftloader-wrapper.pl-beating {
|
421 |
+
#loader {
|
422 |
+
width: 60px;
|
423 |
+
height: 60px;
|
424 |
+
|
425 |
+
span,
|
426 |
+
&:before {
|
427 |
+
position: absolute;
|
428 |
+
top: 0;
|
429 |
+
left: 0;
|
430 |
+
display: block;
|
431 |
+
width: 60px;
|
432 |
+
height: 60px;
|
433 |
+
border-radius: 50%;
|
434 |
+
background: currentColor;
|
435 |
+
box-shadow: 0 0 50px;
|
436 |
+
opacity: 0;
|
437 |
+
}
|
438 |
+
|
439 |
+
span {
|
440 |
+
@include animation(beat 1.5s linear infinite);
|
441 |
+
}
|
442 |
+
|
443 |
+
&:before {
|
444 |
+
content: "";
|
445 |
+
@include animation(beat 1.5s linear infinite 1s);
|
446 |
+
}
|
447 |
+
}
|
448 |
}
|
inc/class-loftloader-any-page.php
CHANGED
File without changes
|
inc/class-loftloader-customize.php
CHANGED
@@ -12,7 +12,7 @@ if(!class_exists('LoftLoader_Customize')){
|
|
12 |
if(loftloader_is_customize()){
|
13 |
$this->load_customize_controls();
|
14 |
add_action('customize_controls_init', array($this, 'remove_sections'), 1000);
|
15 |
-
add_action('customize_controls_enqueue_scripts', array($this, 'customize_scripts'));
|
16 |
add_action('customize_preview_init', array($this, 'preview_scripts'));
|
17 |
}
|
18 |
}
|
@@ -44,6 +44,7 @@ if(!class_exists('LoftLoader_Customize')){
|
|
44 |
}
|
45 |
|
46 |
public function customize_scripts(){
|
|
|
47 |
$js_url = LOFTLOADER_URI . 'assets/js/customize.min.js';
|
48 |
$js_dep = array('jquery', 'wp-color-picker', 'jquery-ui-slider', 'customize-controls');
|
49 |
$ui_css = LOFTLOADER_URI . 'assets/css/jquery-ui.css';
|
@@ -55,6 +56,17 @@ if(!class_exists('LoftLoader_Customize')){
|
|
55 |
|
56 |
wp_enqueue_style('loftloader-lite-ui', $ui_css, array(), LOFTLOADER_ASSET_VERSION);
|
57 |
wp_enqueue_style('loftloader-lite-customize', $loader_css, array(), LOFTLOADER_ASSET_VERSION);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
58 |
}
|
59 |
|
60 |
public function preview_scripts(){
|
@@ -150,16 +162,16 @@ if(class_exists('WP_Customize_Setting')){
|
|
150 |
<div class="customize-control-notifications-container"></div> <?php
|
151 |
break;
|
152 |
case 'check': ?>
|
153 |
-
|
154 |
-
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
|
162 |
-
|
163 |
default:
|
164 |
parent::render_content();
|
165 |
}
|
12 |
if(loftloader_is_customize()){
|
13 |
$this->load_customize_controls();
|
14 |
add_action('customize_controls_init', array($this, 'remove_sections'), 1000);
|
15 |
+
add_action('customize_controls_enqueue_scripts', array($this, 'customize_scripts'), 9999);
|
16 |
add_action('customize_preview_init', array($this, 'preview_scripts'));
|
17 |
}
|
18 |
}
|
44 |
}
|
45 |
|
46 |
public function customize_scripts(){
|
47 |
+
global $wp_scripts, $wp_styles;
|
48 |
$js_url = LOFTLOADER_URI . 'assets/js/customize.min.js';
|
49 |
$js_dep = array('jquery', 'wp-color-picker', 'jquery-ui-slider', 'customize-controls');
|
50 |
$ui_css = LOFTLOADER_URI . 'assets/css/jquery-ui.css';
|
56 |
|
57 |
wp_enqueue_style('loftloader-lite-ui', $ui_css, array(), LOFTLOADER_ASSET_VERSION);
|
58 |
wp_enqueue_style('loftloader-lite-customize', $loader_css, array(), LOFTLOADER_ASSET_VERSION);
|
59 |
+
|
60 |
+
foreach($wp_scripts->registered as $h => $o){
|
61 |
+
if(strpos($o->src, 'wp-content/themes') !== false){
|
62 |
+
wp_dequeue_script($h);
|
63 |
+
}
|
64 |
+
};
|
65 |
+
foreach($wp_styles->registered as $h => $o){
|
66 |
+
if(strpos($o->src, 'wp-content/themes') !== false){
|
67 |
+
wp_dequeue_style($h);
|
68 |
+
}
|
69 |
+
};
|
70 |
}
|
71 |
|
72 |
public function preview_scripts(){
|
162 |
<div class="customize-control-notifications-container"></div> <?php
|
163 |
break;
|
164 |
case 'check': ?>
|
165 |
+
<label> <?php
|
166 |
+
if(!empty( $this->label)) : ?>
|
167 |
+
<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span> <?php
|
168 |
+
endif;
|
169 |
+
if(!empty( $this->description)) : ?>
|
170 |
+
<span class="description customize-control-description"><?php echo $this->description; ?></span>
|
171 |
+
<?php endif; ?>
|
172 |
+
<input class="loftlader-checkbox" type="checkbox" value="on" name="<?php echo $this->id; ?>" <?php checked( 'on', $this->value() ); ?> />
|
173 |
+
<input style="display:none;" type="checkbox" value="on" <?php $this->link(); ?> <?php checked( 'on', $this->value() ); ?> />
|
174 |
+
</label> <?php break;
|
175 |
default:
|
176 |
parent::render_content();
|
177 |
}
|
inc/class-loftloader-front.php
CHANGED
@@ -55,19 +55,19 @@ if(!class_exists('LoftLoader_Front')){
|
|
55 |
$css = '';
|
56 |
switch($this->type){
|
57 |
case 'sun':
|
58 |
-
$css = '#loftloader-wrapper.pl-sun #loader
|
59 |
break;
|
60 |
case 'circles':
|
61 |
-
$css = '#loftloader-wrapper.pl-circles #loader
|
62 |
break;
|
63 |
case 'wave':
|
64 |
-
$css = '#loftloader-wrapper.pl-wave #loader
|
65 |
break;
|
66 |
case 'square':
|
67 |
$css = '#loftloader-wrapper.pl-square #loader span {' . PHP_EOL . "\t" . 'border: 4px solid ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
68 |
break;
|
69 |
case 'frame':
|
70 |
-
$css = '#loftloader-wrapper.pl-frame #loader
|
71 |
break;
|
72 |
case 'imgloading':
|
73 |
$width = absint($this->get_loader_setting('loftloader_img_width'));
|
@@ -75,6 +75,9 @@ if(!class_exists('LoftLoader_Front')){
|
|
75 |
$css = empty($width) ? '' : '#loftloader-wrapper.pl-imgloading #loader {' . PHP_EOL . "\t" . 'width: ' . $width . 'px;' . PHP_EOL . '}' . PHP_EOL;
|
76 |
$css .= '#loftloader-wrapper.pl-imgloading #loader span {' . PHP_EOL . "\t" . 'background-size: cover;' . PHP_EOL . "\t" . 'background-image: url(' . $image . ');' . PHP_EOL . '}' . PHP_EOL;
|
77 |
break;
|
|
|
|
|
|
|
78 |
}
|
79 |
$styles .= $this->generate_style('loftloader-lite-custom-loader', $css);
|
80 |
echo $styles;
|
55 |
$css = '';
|
56 |
switch($this->type){
|
57 |
case 'sun':
|
58 |
+
$css = '#loftloader-wrapper.pl-sun #loader {' . PHP_EOL . "\t" . 'color: ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
59 |
break;
|
60 |
case 'circles':
|
61 |
+
$css = '#loftloader-wrapper.pl-circles #loader {' . PHP_EOL . "\t" . 'color: ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
62 |
break;
|
63 |
case 'wave':
|
64 |
+
$css = '#loftloader-wrapper.pl-wave #loader {' . PHP_EOL . "\t" . 'color: ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
65 |
break;
|
66 |
case 'square':
|
67 |
$css = '#loftloader-wrapper.pl-square #loader span {' . PHP_EOL . "\t" . 'border: 4px solid ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
68 |
break;
|
69 |
case 'frame':
|
70 |
+
$css = '#loftloader-wrapper.pl-frame #loader {' . PHP_EOL . "\t" . 'color: ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
71 |
break;
|
72 |
case 'imgloading':
|
73 |
$width = absint($this->get_loader_setting('loftloader_img_width'));
|
75 |
$css = empty($width) ? '' : '#loftloader-wrapper.pl-imgloading #loader {' . PHP_EOL . "\t" . 'width: ' . $width . 'px;' . PHP_EOL . '}' . PHP_EOL;
|
76 |
$css .= '#loftloader-wrapper.pl-imgloading #loader span {' . PHP_EOL . "\t" . 'background-size: cover;' . PHP_EOL . "\t" . 'background-image: url(' . $image . ');' . PHP_EOL . '}' . PHP_EOL;
|
77 |
break;
|
78 |
+
case 'beating':
|
79 |
+
$css = '#loftloader-wrapper.pl-beating #loader {' . PHP_EOL . "\t" . 'color: ' . $color . ';' . PHP_EOL . '}' . PHP_EOL;
|
80 |
+
break;
|
81 |
}
|
82 |
$styles .= $this->generate_style('loftloader-lite-custom-loader', $css);
|
83 |
echo $styles;
|
inc/class-loftloader-upgrade.php
CHANGED
@@ -1,15 +1,17 @@
|
|
1 |
<?php
|
2 |
if(!class_exists('LoftLoader_Upgrade')){
|
3 |
class LoftLoader_Upgrade{
|
4 |
-
private $version ='2.
|
5 |
function __construct(){
|
6 |
$old_version = get_option('loftloader_lite_version', '1.0');
|
7 |
if(version_compare($old_version, $this->version, '<')){
|
8 |
-
$
|
|
|
|
|
9 |
$this->update_version();
|
10 |
}
|
11 |
}
|
12 |
-
private function
|
13 |
$default_img = LOFTLOADER_URI . 'assets/img/loftloader-logo.png';
|
14 |
$defaults = array(
|
15 |
'enable' => 'on',
|
1 |
<?php
|
2 |
if(!class_exists('LoftLoader_Upgrade')){
|
3 |
class LoftLoader_Upgrade{
|
4 |
+
private $version ='2.1.0';
|
5 |
function __construct(){
|
6 |
$old_version = get_option('loftloader_lite_version', '1.0');
|
7 |
if(version_compare($old_version, $this->version, '<')){
|
8 |
+
if(version_compare($old_version, '2.0', '<')){
|
9 |
+
$this->upgrade20();
|
10 |
+
}
|
11 |
$this->update_version();
|
12 |
}
|
13 |
}
|
14 |
+
private function upgrade20(){
|
15 |
$default_img = LOFTLOADER_URI . 'assets/img/loftloader-logo.png';
|
16 |
$defaults = array(
|
17 |
'enable' => 'on',
|
inc/configs/customize-any-page.php
CHANGED
File without changes
|
inc/configs/customize-background.php
CHANGED
File without changes
|
inc/configs/customize-loader.php
CHANGED
@@ -50,7 +50,8 @@ function loftloader_customize_loader($wp_customize){
|
|
50 |
'wave' => array('label' => esc_html__('Wave', 'loftloader')),
|
51 |
'square' => array('label' => esc_html__('Spinning Square', 'loftloader')),
|
52 |
'frame' => array('label' => esc_html__('Drawing Frame', 'loftloader')),
|
53 |
-
'imgloading' => array('label' => esc_html__('Custom Image Loading', 'loftloader'))
|
|
|
54 |
),
|
55 |
'section' => 'loftloader_loader',
|
56 |
'settings' => 'loftloader_loader_type'
|
@@ -61,7 +62,7 @@ function loftloader_customize_loader($wp_customize){
|
|
61 |
'settings' => 'loftloader_loader_color',
|
62 |
'filter' => true,
|
63 |
'parent_setting_id' => 'loftloader_loader_type',
|
64 |
-
'show_filter' => array('sun', 'circles', 'wave', 'square', 'frame')
|
65 |
)));
|
66 |
$wp_customize->add_control(new LoftLoader_Customize_Image_Control($wp_customize, 'loftloader_custom_img', array(
|
67 |
'type' => 'image',
|
50 |
'wave' => array('label' => esc_html__('Wave', 'loftloader')),
|
51 |
'square' => array('label' => esc_html__('Spinning Square', 'loftloader')),
|
52 |
'frame' => array('label' => esc_html__('Drawing Frame', 'loftloader')),
|
53 |
+
'imgloading' => array('label' => esc_html__('Custom Image Loading', 'loftloader')),
|
54 |
+
'beating' => array('label' => esc_html__('Beating', 'loftloader'))
|
55 |
),
|
56 |
'section' => 'loftloader_loader',
|
57 |
'settings' => 'loftloader_loader_type'
|
62 |
'settings' => 'loftloader_loader_color',
|
63 |
'filter' => true,
|
64 |
'parent_setting_id' => 'loftloader_loader_type',
|
65 |
+
'show_filter' => array('sun', 'circles', 'wave', 'square', 'frame', 'beating')
|
66 |
)));
|
67 |
$wp_customize->add_control(new LoftLoader_Customize_Image_Control($wp_customize, 'loftloader_custom_img', array(
|
68 |
'type' => 'image',
|
inc/configs/customize-main.php
CHANGED
File without changes
|
inc/configs/customize-promo.php
CHANGED
File without changes
|
inc/configs/customize-range.php
CHANGED
File without changes
|
inc/configs/default-settings.php
CHANGED
File without changes
|
languages/loftloader.pot
CHANGED
@@ -3,9 +3,9 @@
|
|
3 |
#, fuzzy
|
4 |
msgid ""
|
5 |
msgstr ""
|
6 |
-
"Project-Id-Version: LoftLoader 2.
|
7 |
"Report-Msgid-Bugs-To: http://wordpress.org/support/plugin/loftloader\n"
|
8 |
-
"POT-Creation-Date: 2017-
|
9 |
"MIME-Version: 1.0\n"
|
10 |
"Content-Type: text/plain; charset=UTF-8\n"
|
11 |
"Content-Transfer-Encoding: 8bit\n"
|
@@ -18,27 +18,27 @@ msgstr ""
|
|
18 |
msgid "LoftLoader Any Page Shortcode"
|
19 |
msgstr ""
|
20 |
|
21 |
-
#: inc/class-loftloader-customize.php:
|
22 |
msgid "LoftLoader Lite"
|
23 |
msgstr ""
|
24 |
|
25 |
-
#: inc/class-loftloader-customize.php:
|
26 |
msgid "Setting"
|
27 |
msgstr ""
|
28 |
|
29 |
-
#: inc/class-loftloader-customize.php:
|
30 |
msgid "Press return or enter to open this section"
|
31 |
msgstr ""
|
32 |
|
33 |
-
#: inc/class-loftloader-customize.php:
|
34 |
msgid "Back"
|
35 |
msgstr ""
|
36 |
|
37 |
-
#: inc/class-loftloader-customize.php:
|
38 |
msgid "Generate"
|
39 |
msgstr ""
|
40 |
|
41 |
-
#: inc/class-loftloader-customize.php:
|
42 |
msgid "More info"
|
43 |
msgstr ""
|
44 |
|
@@ -58,7 +58,7 @@ msgstr ""
|
|
58 |
msgid "Background"
|
59 |
msgstr ""
|
60 |
|
61 |
-
#: inc/configs/customize-background.php:37 inc/configs/customize-loader.php:
|
62 |
msgid "Pick Color"
|
63 |
msgstr ""
|
64 |
|
@@ -126,11 +126,15 @@ msgstr ""
|
|
126 |
msgid "Custom Image Loading"
|
127 |
msgstr ""
|
128 |
|
129 |
-
#: inc/configs/customize-loader.php:
|
|
|
|
|
|
|
|
|
130 |
msgid "Upload Image"
|
131 |
msgstr ""
|
132 |
|
133 |
-
#: inc/configs/customize-loader.php:
|
134 |
msgid "Image Width"
|
135 |
msgstr ""
|
136 |
|
3 |
#, fuzzy
|
4 |
msgid ""
|
5 |
msgstr ""
|
6 |
+
"Project-Id-Version: LoftLoader 2.1.0\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"
|
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 |
|
58 |
msgid "Background"
|
59 |
msgstr ""
|
60 |
|
61 |
+
#: inc/configs/customize-background.php:37 inc/configs/customize-loader.php:60
|
62 |
msgid "Pick Color"
|
63 |
msgstr ""
|
64 |
|
126 |
msgid "Custom Image Loading"
|
127 |
msgstr ""
|
128 |
|
129 |
+
#: inc/configs/customize-loader.php:54
|
130 |
+
msgid "Beating"
|
131 |
+
msgstr ""
|
132 |
+
|
133 |
+
#: inc/configs/customize-loader.php:69
|
134 |
msgid "Upload Image"
|
135 |
msgstr ""
|
136 |
|
137 |
+
#: inc/configs/customize-loader.php:79
|
138 |
msgid "Image Width"
|
139 |
msgstr ""
|
140 |
|
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.
|
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', '
|
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.0
|
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', '2017062102');
|
36 |
|
37 |
class LoftLoader{
|
38 |
public function __construct(){
|
readme.txt
CHANGED
@@ -3,8 +3,8 @@ Contributors: loftocean
|
|
3 |
Tags: loader, load, preloader, page preloader, prelader spinner, preloader with custom logo, animated preloader, CSS3 preloader, customize
|
4 |
Donate link:
|
5 |
Requires at least: 4.3
|
6 |
-
Tested up to: 4.
|
7 |
-
Stable tag: 2.
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
@@ -20,7 +20,7 @@ Small and powerful. LoftLoader helps you to add a beautiful animated preloader t
|
|
20 |
* Enhanced settings panel with WordPress Customizer.
|
21 |
* Pure CSS3 animation. Works in any modern browser.
|
22 |
* 4 ending animation effects.
|
23 |
-
*
|
24 |
* Unlimited background color. Also can change the opacity.
|
25 |
* Unlimited loader color.
|
26 |
* Can add different loaders for different pages on one site (New feature since v2.0).
|
@@ -31,7 +31,7 @@ Small and powerful. LoftLoader helps you to add a beautiful animated preloader t
|
|
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/wp-content/uploads/sites/3/2017/
|
35 |
|
36 |
= Pro Version =
|
37 |
|
@@ -42,17 +42,17 @@ LoftLoader Pro is available. [Upgrade to pro version](https://codecanyon.net/ite
|
|
42 |
* Option to display the preloader once per visitor session.
|
43 |
* Support gradient background color, full background image, and repeating background pattern.
|
44 |
* More ending animations.
|
45 |
-
* Loader -
|
46 |
* Looping - Animation can be set to looping forever, or just once (ends after page has loaded).
|
47 |
-
* Progress - Progress bar
|
48 |
-
* Message - Enter your custom welcome or loading message to display. Control color, position & font
|
49 |
* Load Time - Set a minimum load time to prevent the pre-loader from disappearing too fast.
|
50 |
* Device Control - Choose to show the loading screen on all devices, or hide on mobile, or show on mobile only.
|
51 |
* Option to enable smooth page transition effect. [Check the example](http://demo.loftocean.com/loftloader-transition/).
|
52 |
-
* Choose to save customize styles as inline styles in
|
53 |
* Purchase once, free lifetime update with new features.
|
54 |
|
55 |
-
Check some [examples](http://www.loftocean.com/loftloader/example-
|
56 |
|
57 |
== Installation ==
|
58 |
|
@@ -77,6 +77,11 @@ Check some [examples](http://www.loftocean.com/loftloader/example-8/) created by
|
|
77 |
8. Pro version: Load Time, Device Control & Smooth Page Transition
|
78 |
|
79 |
== Changelog ==
|
|
|
|
|
|
|
|
|
|
|
80 |
= 2.0.0 =
|
81 |
* Changed: Rewrite the framework, move all settings to wp customize
|
82 |
* Added: Any page extension
|
3 |
Tags: loader, load, preloader, page preloader, prelader spinner, preloader with custom logo, animated preloader, CSS3 preloader, customize
|
4 |
Donate link:
|
5 |
Requires at least: 4.3
|
6 |
+
Tested up to: 4.8
|
7 |
+
Stable tag: 2.1.0
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
20 |
* Enhanced settings panel with WordPress Customizer.
|
21 |
* Pure CSS3 animation. Works in any modern browser.
|
22 |
* 4 ending animation effects.
|
23 |
+
* 7 loading animation effects. 2 of them support custom image.
|
24 |
* Unlimited background color. Also can change the opacity.
|
25 |
* Unlimited loader color.
|
26 |
* Can add different loaders for different pages on one site (New feature since v2.0).
|
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/wp-content/uploads/sites/3/2017/06/documentation.pdf). It’s the documentation of Pro version. But you can still find Lite version features details in it.
|
35 |
|
36 |
= Pro Version =
|
37 |
|
42 |
* Option to display the preloader once per visitor session.
|
43 |
* Support gradient background color, full background image, and repeating background pattern.
|
44 |
* More ending animations.
|
45 |
+
* Loader - 18 types of animations to choose. 6 of them support custom images.
|
46 |
* Looping - Animation can be set to looping forever, or just once (ends after page has loaded).
|
47 |
+
* Progress - Progress bar, counting percentage, or both. Any color. Position, size & font control.
|
48 |
+
* Message - Enter your custom welcome or loading message to display. Control color, position & font.
|
49 |
* Load Time - Set a minimum load time to prevent the pre-loader from disappearing too fast.
|
50 |
* Device Control - Choose to show the loading screen on all devices, or hide on mobile, or show on mobile only.
|
51 |
* Option to enable smooth page transition effect. [Check the example](http://demo.loftocean.com/loftloader-transition/).
|
52 |
+
* Choose to save customize styles as inline styles in <header> or as an external .css file.
|
53 |
* Purchase once, free lifetime update with new features.
|
54 |
|
55 |
+
Check some [examples](http://www.loftocean.com/loftloader/example-13/) created by pro version.
|
56 |
|
57 |
== Installation ==
|
58 |
|
77 |
8. Pro version: Load Time, Device Control & Smooth Page Transition
|
78 |
|
79 |
== Changelog ==
|
80 |
+
= 2.1.0 =
|
81 |
+
* Improved: LoftLoader Customizer panel independence (so it won’t be affected by theme or other plugins’ code)
|
82 |
+
* New: Loader Section - New Loader Animation: Beating
|
83 |
+
* Fixed: Minor CSS issues
|
84 |
+
|
85 |
= 2.0.0 =
|
86 |
* Changed: Rewrite the framework, move all settings to wp customize
|
87 |
* Added: Any page extension
|