Version Description
- New: New ending animation - "No Animation"
- Fixed: Compatibility with third party plugin "Disable Blog"
- Improved: Compatibility with WordPress 6.1
Download this release
Release Info
Developer | loftocean |
Plugin | LoftLoader |
Version | 2.4.0 |
Comparing to | |
See all releases |
Code changes from version 2.3.8 to 2.4.0
- assets/css/loftloader-settings.css +3 -1
- assets/css/loftloader-settings.min.css +1 -1
- assets/css/loftloader.css +11 -1
- assets/css/loftloader.min.css +1 -1
- assets/scss/loftloader-settings.scss +4 -4
- assets/scss/loftloader.scss +15 -1
- inc/class-loftloader-customize.php +5 -2
- inc/class-loftloader-front.php +20 -16
- inc/class-loftloader-upgrade.php +1 -1
- inc/configs/customize-background.php +6 -5
- languages/loftloader.pot +20 -16
- loftloader.php +4 -2
- readme.txt +9 -3
assets/css/loftloader-settings.css
CHANGED
@@ -6,7 +6,7 @@
|
|
6 |
* Author: The Loft.Ocean Team
|
7 |
* Author URI: https://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 {
|
@@ -432,3 +432,5 @@
|
|
432 |
.customize-partial-edit-shortcut,
|
433 |
.widget .customize-partial-edit-shortcut {
|
434 |
display: none !important; }
|
|
|
|
6 |
* Author: The Loft.Ocean Team
|
7 |
* Author URI: https://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.4.0
|
10 |
*/
|
11 |
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);
|
12 |
#customize-theme-controls.loftloader-controls-wrapper {
|
432 |
.customize-partial-edit-shortcut,
|
433 |
.widget .customize-partial-edit-shortcut {
|
434 |
display: none !important; }
|
435 |
+
|
436 |
+
/*# sourceMappingURL=loftloader-settings.css.map */
|
assets/css/loftloader-settings.min.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);#customize-theme-controls.loftloader-controls-wrapper{font-family:Lato}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3{font-size:18px;font-weight:600;letter-spacing:.05em;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:.05em;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 button.button.upload-button,#customize-theme-controls.loftloader-controls-wrapper input[type=number],#customize-theme-controls.loftloader-controls-wrapper input[type=text],#customize-theme-controls.loftloader-controls-wrapper select{font-size:12px;letter-spacing:.05em;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 button.button.upload-button,#customize-theme-controls.loftloader-controls-wrapper input[type=number],#customize-theme-controls.loftloader-controls-wrapper input[type=text]{background:#fff;text-align:center;border-radius:4px}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button,#customize-theme-controls.loftloader-controls-wrapper input[type=number],#customize-theme-controls.loftloader-controls-wrapper input[type=text]{width:80px}#customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type=text]{width:100%;text-align:left}.rtl #customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type=text]{text-align:right}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]{position:relative;float:right;width:33px;height:33px;border-radius:50%;background:0 0;border:2px solid #41c7d3;box-shadow:none;font-size:0}.rtl #customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]{float:left}#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 -1px;width:21px;height:21px;color:#41c7d3;font:21px dashicons}#customize-theme-controls.loftloader-controls-wrapper input[type=checkbox]:hover{opacity:.75}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn{display:none;width:inherit;height:inherit;opacity:0;margin:0}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn+span{position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;border:2px solid #ddd;box-sizing:border-box}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked+span{border-color:#41c7d3}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label{position:relative;display:inline-block;margin-left:0;padding:0}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title+div{float:right}.rtl #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title+div{float:left}#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;max-height:24px;min-height:24px;padding:0;margin-top:2px;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:none!important;line-height:28px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after{right:auto;left:24px;width:80px;padding:0 6px;background:0 0;border:none;color:#555;font-size:11px;text-align:left;line-height:24px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-left:24px;background:0 0;border:none;color:inherit;line-height:24px}body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text{margin-right:24px;margin-left:0}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open+.wp-picker-input-wrap{float:right;margin-top:-2px;width:auto}.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open+.wp-picker-input-wrap{margin-left:15px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type=text].wp-color-picker{display:inline-block;padding:0 5px;margin-top:0;width:80px!important;border:1px solid #41c7d3;vertical-align:top;font-family:Lato;line-height:26px}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default{display:none}#customize-theme-controls.loftloader-controls-wrapper .attachment-media-view,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio,#customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image{background:0 0}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider{height:16px;margin-top:12px;background:0 0;border-radius:0;border:none}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;background:#ddd;content:""}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:2px;background:#41c7d3}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;background:#41c7d3;border:none;border-radius:50%}#customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch~li{pointer-events:none;opacity:.5}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image{background-color:#eee}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch{margin-bottom:10px}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title{padding:20px 10px 22px 14px}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after{display:none}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span{float:right;padding-right:5px;font-size:12px;letter-spacing:.05em;font-weight:700;color:#111}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span{float:left;padding-right:0;padding-left:5px}#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:.05em;font-weight:700;color:#111;text-align:right}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title+span input{text-align:left}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title{display:inline}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle{position:relative;float:right;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);z-index:9;width:20px;height:20px;margin-top:-20px;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;background:#41c7d3;border-radius:50%;border:none}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle{float:left}#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}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label{float:right}#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}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button{float:left}#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:.05em;color:#111}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child{float:left}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child input[type=number]{margin-right:5px}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label>span:last-child input[type=number]{margin-right:0;margin-left:5px}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number span.customize-control-title{display:inline}.wp-full-overlay>.customize-controls-close,.wp-full-overlay>.et-core-modal-overlay{display:none;visibility:hidden}.customize-partial-edit-shortcut,.widget .customize-partial-edit-shortcut{display:none!important}
|
1 |
+
@import url(https://fonts.googleapis.com/css?family=Lato:400,600);#customize-theme-controls.loftloader-controls-wrapper {font-family: Lato;}#customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 {font-size: 18px;font-weight: 600;letter-spacing: 0.05em;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: 0.05em;font-weight: bold;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: bold;}#customize-theme-controls.loftloader-controls-wrapper select, #customize-theme-controls.loftloader-controls-wrapper input[type="text"], #customize-theme-controls.loftloader-controls-wrapper input[type="number"], #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button, #customize-theme-controls.loftloader-controls-wrapper button.button.upload-button {font-size: 12px;letter-spacing: 0.05em;font-weight: bold;color: #111;border-color: #41C7D3;box-shadow: none;}#customize-theme-controls.loftloader-controls-wrapper input[type="text"], #customize-theme-controls.loftloader-controls-wrapper input[type="number"], #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button, #customize-theme-controls.loftloader-controls-wrapper button.button.upload-button {background: #FFF;text-align: center;border-radius: 4px;}#customize-theme-controls.loftloader-controls-wrapper input[type="text"], #customize-theme-controls.loftloader-controls-wrapper input[type="number"], #customize-theme-controls.loftloader-controls-wrapper button.button.remove-button {width: 80px;}#customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type="text"] {width: 100%;text-align: left;}.rtl #customize-theme-controls.loftloader-controls-wrapper #customize-control-loftloader_show_close_tip input[type="text"] {text-align: right;}#customize-theme-controls.loftloader-controls-wrapper button.button.remove-button:hover {opacity: 0.75;}#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {position: relative;float: right;width: 33px;height: 33px;border-radius: 50%;background: none;border: 2px solid #41C7D3;box-shadow: none;font-size: 0;}.rtl #customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"] {float: left;}#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 -1px;width: 21px;height: 21px;color: #41C7D3;font: 21px dashicons;}#customize-theme-controls.loftloader-controls-wrapper input[type="checkbox"]:hover {opacity: 0.75;}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn {display: none;width: inherit;height: inherit;opacity: 0;margin: 0;}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn + span {position: absolute;top: 0;left: 0;display: block;width: inherit;height: inherit;border: 2px solid #DDD;box-sizing: border-box;}#customize-theme-controls.loftloader-controls-wrapper .loftloader-radiobtn:checked + span {border-color: #41C7D3;}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn label {position: relative;display: inline-block;margin-left: 0;padding: 0;}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title {display: inline;}#customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {float: right;}.rtl #customize-theme-controls.loftloader-controls-wrapper .customize-control-btn span.customize-control-title + div {float: left;}#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;max-height: 24px;min-height: 24px;padding: 0;margin-top: 2px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;box-shadow: none !important;line-height: 28px;}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result:after {right: auto;left: 24px;width: 80px;padding: 0 6px;background: transparent;border: none;color: #555;font-size: 11px;text-align: left;line-height: 24px;}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {margin-left: 24px;background: none;border: none;color: inherit;line-height: 24px;}body.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-color-result .wp-color-result-text {margin-right: 24px;margin-left: 0;}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {float: right;margin-top: -2px;width: auto;}.rtl #customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {margin-left: 15px;}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container input[type="text"].wp-color-picker {display: inline-block;padding: 0 5px;margin-top: 0;width: 80px !important;border: 1px solid #41C7D3;vertical-align: top;font-family: Lato;line-height: 26px;}#customize-theme-controls.loftloader-controls-wrapper .wp-picker-container .button.wp-picker-default {display: none;}#customize-theme-controls.loftloader-controls-wrapper .attachment-media-view, #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_audio, #customize-theme-controls.loftloader-controls-wrapper .media-widget-preview.media_image {background: none;}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider {height: 16px;margin-top: 12px;background: none;border-radius: 0;border: none;}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider:before {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;background: #DDD;content: "";}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-range {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height: 2px;background: #41C7D3;}#customize-theme-controls.loftloader-controls-wrapper .loader-ui-slider .ui-slider-handle {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 16px;height: 16px;background: #41C7D3;border: none;border-radius: 50%;}#customize-theme-controls.loftloader-controls-wrapper.loftloader-settings-disabled li#accordion-section-loftloader_switch ~ li {pointer-events: none;opacity: 0.5;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-image .thumbnail.thumbnail-image {background-color: #EEE;}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch {margin-bottom: 10px;}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title {padding: 20px 10px 22px 14px;}#customize-theme-controls.loftloader-controls-wrapper li#accordion-section-loftloader_switch .accordion-section-title:after {display: none;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title {display: inline;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {float: right;padding-right: 5px;font-size: 12px;letter-spacing: 0.05em;font-weight: bold;color: #111;}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span {float: left;padding-right: 0;padding-left: 5px;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {width: 60px;padding-right: 0;background: none;border: none;box-shadow: none;font-size: 12px;letter-spacing: 0.05em;font-weight: bold;color: #111;text-align: right;}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-slider span.customize-control-title + span input {text-align: left;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control.customize-control-check span.customize-control-title {display: inline;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {position: relative;float: right;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);z-index: 9;width: 20px;height: 20px;margin-top: -20px;cursor: pointer;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;background: #41C7D3;border-radius: 50%;border: none;}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle {float: left;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-70%, -30%);-ms-transform: translate(-70%, -30%);transform: translate(-70%, -30%);display: block;width: 6px;height: 6px;border: 1px solid #FFF;border-left: none;border-bottom: none;transform-origin: 50% 50%;content: "";}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type .customize-more-toggle:focus {outline: none;opacity: 0.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: 0px -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;}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label {float: right;}#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: 0.25;content: "";}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span {z-index: 8;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation label .loftloader-radiobtn:checked + span:after {opacity: 1;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_loader_type #loftloader_option_animation:after {position: relative;display: block;clear: both;content: "";}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {position: relative;float: right;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);width: 33px;height: 33px;border-radius: 50%;background: none;border: 2px solid #41C7D3;box-shadow: none;font-size: 0;}.rtl #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button {float: left;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before, #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after {position: absolute;content: "";display: block;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:before {top: 50%;left: 50%;-webkit-transform: translate(-22%, -76%);-ms-transform: translate(-22%, -76%);transform: translate(-22%, -76%);width: 6px;height: 6px;border: 2px solid #41C7D3;border-left: none;border-bottom: none;transform-origin: 50% 50%;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:after {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 2px;height: 16px;background: #41C7D3;}#customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg button.upload-button:hover {opacity: 0.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: bold;letter-spacing: 0.05em;color: #111;}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {float: left;}#customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {margin-right: 5px;}.rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child input[type="number"] {margin-right: 0;margin-left: 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: The Loft.Ocean Team
|
7 |
* Author URI: https://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% {
|
@@ -304,6 +304,14 @@ body {
|
|
304 |
.loaded #loftloader-wrapper .loader-section.section-fade {
|
305 |
opacity: 0 !important;
|
306 |
transition: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
307 |
#loftloader-wrapper .loader-section.section-slide-up {
|
308 |
top: 0;
|
309 |
left: 0;
|
@@ -648,3 +656,5 @@ body {
|
|
648 |
.loader-close-button .close-des {
|
649 |
padding: 0 5px;
|
650 |
font-size: 12px; }
|
|
|
|
6 |
* Author: The Loft.Ocean Team
|
7 |
* Author URI: https://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.4.0
|
10 |
*/
|
11 |
@-webkit-keyframes spinReturn {
|
12 |
0% {
|
304 |
.loaded #loftloader-wrapper .loader-section.section-fade {
|
305 |
opacity: 0 !important;
|
306 |
transition: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
307 |
+
#loftloader-wrapper .loader-section.end-no-animation {
|
308 |
+
top: 0;
|
309 |
+
left: 0;
|
310 |
+
width: 100%;
|
311 |
+
will-change: opacity; }
|
312 |
+
.loaded #loftloader-wrapper .loader-section.end-no-animation, .loaded #loftloader-wrapper .loader-section.end-no-animation ~ * {
|
313 |
+
opacity: 0;
|
314 |
+
transition: all 0s 0s; }
|
315 |
#loftloader-wrapper .loader-section.section-slide-up {
|
316 |
top: 0;
|
317 |
left: 0;
|
656 |
.loader-close-button .close-des {
|
657 |
padding: 0 5px;
|
658 |
font-size: 12px; }
|
659 |
+
|
660 |
+
/*# sourceMappingURL=loftloader.css.map */
|
assets/css/loftloader.min.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@-webkit-keyframes spinReturn{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(225deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(405deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinReturn{0%{transform:rotate(0)}25%{transform:rotate(225deg)}50%{transform:rotate(180deg)}75%{transform:rotate(405deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@keyframes lightUp{0%{opacity:.2}40%{opacity:1}60%{opacity:.2}100%{opacity:.2}}@-webkit-keyframes wave{0%{-webkit-transform:scaleY(1)}40%{-webkit-transform:scaleY(.1)}80%{-webkit-transform:scaleY(1)}100%{-webkit-transform:scaleY(1)}}@keyframes wave{0%{transform:scaleY(1)}40%{transform:scaleY(.1)}80%{transform:scaleY(1)}100%{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(-200vw);-ms-transform:translateX(-200vw);transform:translateX(-200vw);pointer-events:none;opacity:0;transition:opacity .1ms 1s,transform .1ms 2s}.loaded #loftloader-wrapper.slide-vertical{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}.loaded #loftloader-wrapper #loader,.loaded #loftloader-wrapper .loader-close-button{opacity:0;transition:all .3s ease-out}#loftloader-wrapper .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;text-align:center;transition:all 0s;font-size:0}#loftloader-wrapper .loader-inner #loader{position:relative;z-index:1002;top:auto;left:auto;display:inline-block;margin:0 auto;padding:0;border:none;border-radius:0;background:0 0!important;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:opacity .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(-100vh);-ms-transform:translateY(-100vh);transform:translateY(-100vh);transition:transform .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:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-50vw);-ms-transform:translateX(-50vw);transform:translateX(-50vw)}#loftloader-wrapper .loader-section.section-right{right:0}.loaded #loftloader-wrapper .loader-section.section-right{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(50vw);-ms-transform:translateX(50vw);transform:translateX(50vw)}#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:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(-50vh);-ms-transform:translateY(-50vh);transform:translateY(-50vh)}#loftloader-wrapper .loader-section.section-down{bottom:0}.loaded #loftloader-wrapper .loader-section.section-down{transition:transform .7s .3s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateY(50vh);-ms-transform:translateY(50vh);transform:translateY(50vh)}#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}#loftloader-wrapper.pl-imgloading #loader img{opacity:.3}#loftloader-wrapper.pl-imgloading #loader .imgloading-container{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;overflow:hidden;-webkit-animation:imgLoading 6s linear infinite;animation:imgLoading 6s linear infinite;will-change:height,opacity;transform-origin:0 100%}#loftloader-wrapper.pl-imgloading #loader span{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:0s}#loftloader-wrapper.pl-beating #loader{width:60px;height:60px}#loftloader-wrapper.pl-beating #loader span,#loftloader-wrapper.pl-beating #loader:before{position:absolute;top:0;left:0;display:block;width:60px;height:60px;border-radius:50%;background:currentColor;box-shadow:0 0 50px;opacity:0}#loftloader-wrapper.pl-beating #loader span{-webkit-animation:beat 1.5s linear infinite;animation:beat 1.5s linear infinite}#loftloader-wrapper.pl-beating #loader:before{content:"";-webkit-animation:beat 1.5s linear infinite 1s;animation:beat 1.5s linear infinite 1s}.loader-close-button{position:fixed;right:10px;top:10px;z-index:99999;box-sizing:border-box;width:auto;min-width:35px;height:35px;padding:5px 30px 5px 5px;border-radius:999px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;line-height:25px;cursor:pointer}.loader-close-button:hover{background:rgba(0,0,0,.7)}.loader-close-button:after,.loader-close-button:before{position:absolute;top:16px;right:9px;display:block;width:18px;height:2px;transform-origin:50% 50%;content:"";background:#fff}.loader-close-button:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loader-close-button:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.loader-close-button .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;word-wrap:normal!important}.loader-close-button .close-des{padding:0 5px;font-size:12px}
|
1 |
+
@-webkit-keyframes spinReturn {0% {-webkit-transform: rotate(0deg);}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(0deg);}25% {transform: rotate(225deg);}50% {transform: rotate(180deg);}75% {transform: rotate(405deg);}100% {transform: rotate(360deg);}}@-webkit-keyframes lightUp {0% {opacity: 0.2;}40% {opacity: 1;}60% {opacity: 0.2;}100% {opacity: 0.2;}}@keyframes lightUp {0% {opacity: 0.2;}40% {opacity: 1;}60% {opacity: 0.2;}100% {opacity: 0.2;}}@-webkit-keyframes wave {0% {-webkit-transform: scaleY(1);}40% {-webkit-transform: scaleY(0.1);}80% {-webkit-transform: scaleY(1);}100% {-webkit-transform: scaleY(1);}}@keyframes wave {0% {transform: scaleY(1);}40% {transform: scaleY(0.1);}80% {transform: scaleY(1);}100% {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: 0.7;}100% {transform: scale(1);opacity: 0;}}@keyframes beat {0% {transform: scale(0);opacity: 0;}80% {transform: scale(1);opacity: 0.7;}100% {transform: scale(1);opacity: 0;}}html, body {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: transparent !important;}.loaded #loftloader-wrapper {-webkit-transform: translateX(-200vw);-ms-transform: translateX(-200vw);transform: translateX(-200vw);pointer-events: none;opacity: 0;transition: opacity 0.0001s 1s, transform 0.0001s 2s;}.loaded #loftloader-wrapper.slide-vertical {-webkit-transform: translate(-100%, 0);-ms-transform: translate(-100%, 0);transform: translate(-100%, 0);}.loaded #loftloader-wrapper #loader, .loaded #loftloader-wrapper .loader-close-button {opacity: 0;transition: all 0.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;top: auto;left: auto;display: inline-block;margin: 0 auto;padding: 0;border: none;border-radius: 0;background: none !important;color: #248acc;}#loftloader-wrapper .loader-section {position: fixed;z-index: 999;width: 50%;height: 100%;background: #000;opacity: 0.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: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}#loftloader-wrapper .loader-section.end-no-animation {top: 0;left: 0;width: 100%;will-change: opacity;}.loaded #loftloader-wrapper .loader-section.end-no-animation, .loaded #loftloader-wrapper .loader-section.end-no-animation ~ * {opacity: 0;transition: all 0s 0s;}#loftloader-wrapper .loader-section.section-slide-up {top: 0;left: 0;width: 100%;}.loaded #loftloader-wrapper .loader-section.section-slide-up {-webkit-transform: translateY(-100vh);-ms-transform: translateY(-100vh);transform: translateY(-100vh);transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.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: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(-50vw);-ms-transform: translateX(-50vw);transform: translateX(-50vw);}#loftloader-wrapper .loader-section.section-right {right: 0;}.loaded #loftloader-wrapper .loader-section.section-right {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(50vw);-ms-transform: translateX(50vw);transform: translateX(50vw);}#loftloader-wrapper .loader-section.section-up, #loftloader-wrapper .loader-section.section-down {left: 0;width: 100%;height: 50%;}#loftloader-wrapper .loader-section.section-up {top: 0;}.loaded #loftloader-wrapper .loader-section.section-up {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateY(-50vh);-ms-transform: translateY(-50vh);transform: translateY(-50vh);}#loftloader-wrapper .loader-section.section-down {bottom: 0;}.loaded #loftloader-wrapper .loader-section.section-down {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateY(50vh);-ms-transform: translateY(50vh);transform: translateY(50vh);}#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: 0.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: 0.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:before, #loftloader-wrapper.pl-circles #loader:after {position: absolute;display: block;width: 10px;height: 10px;border-radius: 50%;opacity: 0.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 0.5s;animation: lightUp 1.5s linear infinite 0.5s;}#loftloader-wrapper.pl-circles #loader:before, #loftloader-wrapper.pl-circles #loader:after {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:before, #loftloader-wrapper.pl-wave #loader:after {position: relative;display: inline-block;width: 6px;height: 100%;background: currentColor;}#loftloader-wrapper.pl-wave #loader span {margin: 0 16px;-webkit-animation: wave 0.9s linear infinite 0.3s;animation: wave 0.9s linear infinite 0.3s;}#loftloader-wrapper.pl-wave #loader:before, #loftloader-wrapper.pl-wave #loader:after {content: "";}#loftloader-wrapper.pl-wave #loader:before {-webkit-animation: wave 0.9s linear infinite;animation: wave 0.9s linear infinite;}#loftloader-wrapper.pl-wave #loader:after {-webkit-animation: wave 0.9s linear infinite 0.6s;animation: wave 0.9s linear infinite 0.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:before, #loftloader-wrapper.pl-frame #loader:after {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:before, #loftloader-wrapper.pl-frame #loader span:after {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 0.5s;animation: drawframeRight 4s linear infinite 0.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;}#loftloader-wrapper.pl-imgloading #loader img {opacity: 0.3;}#loftloader-wrapper.pl-imgloading #loader .imgloading-container {position: absolute;bottom: 0;left: 0;z-index: 3;display: block;width: 100%;height: 0%;transition: 0s;overflow: hidden;-webkit-animation: imgLoading 6s linear infinite;animation: imgLoading 6s linear infinite;will-change: height, opacity;transform-origin: 0 100%;}#loftloader-wrapper.pl-imgloading #loader span {position: absolute;bottom: 0;left: 0;z-index: 3;display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center bottom;transition: 0s;}#loftloader-wrapper.pl-beating #loader {width: 60px;height: 60px;}#loftloader-wrapper.pl-beating #loader span, #loftloader-wrapper.pl-beating #loader:before {position: absolute;top: 0;left: 0;display: block;width: 60px;height: 60px;border-radius: 50%;background: currentColor;box-shadow: 0 0 50px;opacity: 0;}#loftloader-wrapper.pl-beating #loader span {-webkit-animation: beat 1.5s linear infinite;animation: beat 1.5s linear infinite;}#loftloader-wrapper.pl-beating #loader:before {content: "";-webkit-animation: beat 1.5s linear infinite 1s;animation: beat 1.5s linear infinite 1s;}.loader-close-button {position: fixed;right: 10px;top: 10px;z-index: 99999;box-sizing: border-box;width: auto;min-width: 35px;height: 35px;padding: 5px 30px 5px 5px;border-radius: 999px;background: rgba(0, 0, 0, 0.3);color: #FFF;font-size: 12px;line-height: 25px;cursor: pointer;}.loader-close-button:hover {background: rgba(0, 0, 0, 0.7);}.loader-close-button:before, .loader-close-button:after {position: absolute;top: 16px;right: 9px;display: block;width: 18px;height: 2px;transform-origin: 50% 50%;content: "";background: #FFF;}.loader-close-button:before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.loader-close-button:after {-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}.loader-close-button .screen-reader-text {position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);overflow: hidden;word-wrap: normal !important;}.loader-close-button .close-des {padding: 0 5px;font-size: 12px;}
|
assets/scss/loftloader-settings.scss
CHANGED
@@ -2,11 +2,11 @@
|
|
2 |
* LoftLoader Lite Setting Panel Style
|
3 |
*
|
4 |
* Plugin Name: LoftLoader
|
5 |
-
* Plugin URI:
|
6 |
-
* Author:
|
7 |
-
* Author URI:
|
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 |
|
2 |
* LoftLoader Lite Setting Panel Style
|
3 |
*
|
4 |
* Plugin Name: LoftLoader
|
5 |
+
* Plugin URI: https://www.loftocean.com/loftloader
|
6 |
+
* Author: The Loft.Ocean Team
|
7 |
+
* Author URI: https://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.4.0
|
10 |
*/
|
11 |
|
12 |
|
assets/scss/loftloader.scss
CHANGED
@@ -6,7 +6,7 @@
|
|
6 |
* Author: The Loft.Ocean Team
|
7 |
* Author URI: https://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;
|
@@ -94,6 +94,20 @@ body {
|
|
94 |
@include endBgFade;
|
95 |
}
|
96 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
97 |
|
98 |
//Slide Up
|
99 |
&.section-slide-up {
|
6 |
* Author: The Loft.Ocean Team
|
7 |
* Author URI: https://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.4.0
|
10 |
*/
|
11 |
|
12 |
$primary-color: #248acc;
|
94 |
@include endBgFade;
|
95 |
}
|
96 |
}
|
97 |
+
|
98 |
+
// No Animation
|
99 |
+
&.end-no-animation {
|
100 |
+
top: 0;
|
101 |
+
left: 0;
|
102 |
+
width: 100%;
|
103 |
+
will-change: opacity;
|
104 |
+
|
105 |
+
.loaded &,
|
106 |
+
.loaded & ~ * {
|
107 |
+
opacity: 0;
|
108 |
+
transition: all 0s 0s;
|
109 |
+
}
|
110 |
+
}
|
111 |
|
112 |
//Slide Up
|
113 |
&.section-slide-up {
|
inc/class-loftloader-customize.php
CHANGED
@@ -34,7 +34,7 @@ if ( ! class_exists( 'LoftLoader_Customize' ) ) {
|
|
34 |
|
35 |
public function remove_sections() {
|
36 |
global $wp_customize;
|
37 |
-
foreach($wp_customize->containers() as $id => $container){
|
38 |
if ( $container instanceof WP_Customize_Panel ) {
|
39 |
( strpos( $id, 'loftloader_' ) === false ) ? $wp_customize->remove_panel( $id ) : '';
|
40 |
} else if ( $container instanceof WP_Customize_Section){
|
@@ -58,7 +58,10 @@ if ( ! class_exists( 'LoftLoader_Customize' ) ) {
|
|
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 |
};
|
34 |
|
35 |
public function remove_sections() {
|
36 |
global $wp_customize;
|
37 |
+
foreach( $wp_customize->containers() as $id => $container ) {
|
38 |
if ( $container instanceof WP_Customize_Panel ) {
|
39 |
( strpos( $id, 'loftloader_' ) === false ) ? $wp_customize->remove_panel( $id ) : '';
|
40 |
} else if ( $container instanceof WP_Customize_Section){
|
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 |
+
if ( strpos( $o->src, 'wp-content/plugins/disable-blog/' ) !== false ) {
|
65 |
wp_dequeue_script( $h );
|
66 |
}
|
67 |
};
|
inc/class-loftloader-front.php
CHANGED
@@ -181,20 +181,7 @@ if ( ! class_exists( 'LoftLoader_Front' ) ) {
|
|
181 |
$wrap_class = array( 'pl-' . $this->type );
|
182 |
|
183 |
$html = '<div id="loftloader-wrapper" class="' . implode( ' ', $wrap_class ) . '"' . $this->loader_attributes() . '>';
|
184 |
-
$
|
185 |
-
|
186 |
-
if ( ! empty( $image ) ) {
|
187 |
-
// <!-- Only image loading need the span with background -->
|
188 |
-
if ( in_array( $this->type, array( 'imgloading' ) ) ) {
|
189 |
-
$html .= $this->get_loader_type_loading_bg_image( $image );
|
190 |
-
}
|
191 |
-
if ( in_array( $this->type, array( 'frame', 'imgloading' ) ) ) {
|
192 |
-
$html .= $this->get_loader_image( $image, $this->type );
|
193 |
-
}
|
194 |
-
}
|
195 |
-
$html .= in_array( $this->type, array( 'imgloading' ) ) ? '' : '<span></span>';
|
196 |
-
$html .= '</div></div>';
|
197 |
-
switch($ending){
|
198 |
case 'fade':
|
199 |
$html .= '<div class="loader-section section-fade"></div>';
|
200 |
break;
|
@@ -205,13 +192,30 @@ if ( ! class_exists( 'LoftLoader_Front' ) ) {
|
|
205 |
$html .= '<div class="loader-section section-up"></div>';
|
206 |
$html .= '<div class="loader-section section-down"></div>';
|
207 |
break;
|
|
|
|
|
|
|
208 |
default:
|
209 |
$html .= '<div class="loader-section section-left">';
|
210 |
$html .= '</div><div class="loader-section section-right"></div>';
|
211 |
}
|
212 |
|
213 |
-
|
214 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
215 |
$html .= sprintf(
|
216 |
'<div class="loader-close-button" style="display: none;"><span class="screen-reader-text">%s</span>%s</div>',
|
217 |
esc_html__('Close', 'loftloader'),
|
181 |
$wrap_class = array( 'pl-' . $this->type );
|
182 |
|
183 |
$html = '<div id="loftloader-wrapper" class="' . implode( ' ', $wrap_class ) . '"' . $this->loader_attributes() . '>';
|
184 |
+
switch( $ending ) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
185 |
case 'fade':
|
186 |
$html .= '<div class="loader-section section-fade"></div>';
|
187 |
break;
|
192 |
$html .= '<div class="loader-section section-up"></div>';
|
193 |
$html .= '<div class="loader-section section-down"></div>';
|
194 |
break;
|
195 |
+
case 'no-animation':
|
196 |
+
$html .= '<div class="loader-section end-no-animation"></div>';
|
197 |
+
break;
|
198 |
default:
|
199 |
$html .= '<div class="loader-section section-left">';
|
200 |
$html .= '</div><div class="loader-section section-right"></div>';
|
201 |
}
|
202 |
|
203 |
+
$html .= '<div class="loader-inner"><div id="loader">';
|
204 |
+
|
205 |
+
if ( ! empty( $image ) ) {
|
206 |
+
// <!-- Only image loading need the span with background -->
|
207 |
+
if ( in_array( $this->type, array( 'imgloading' ) ) ) {
|
208 |
+
$html .= $this->get_loader_type_loading_bg_image( $image );
|
209 |
+
}
|
210 |
+
if ( in_array( $this->type, array( 'frame', 'imgloading' ) ) ) {
|
211 |
+
$html .= $this->get_loader_image( $image, $this->type );
|
212 |
+
}
|
213 |
+
}
|
214 |
+
$html .= in_array( $this->type, array( 'imgloading' ) ) ? '' : '<span></span>';
|
215 |
+
$html .= '</div></div>';
|
216 |
+
|
217 |
+
if ( ! is_customize_preview() ) {
|
218 |
+
$close_description = $this->get_loader_setting( 'loftloader_show_close_tip' );
|
219 |
$html .= sprintf(
|
220 |
'<div class="loader-close-button" style="display: none;"><span class="screen-reader-text">%s</span>%s</div>',
|
221 |
esc_html__('Close', 'loftloader'),
|
inc/class-loftloader-upgrade.php
CHANGED
@@ -1,7 +1,7 @@
|
|
1 |
<?php
|
2 |
if ( ! class_exists( 'LoftLoader_Upgrade' ) ) {
|
3 |
class LoftLoader_Upgrade {
|
4 |
-
private $version ='2.
|
5 |
function __construct(){
|
6 |
$old_version = get_option('loftloader_lite_version', '1.0');
|
7 |
if(version_compare($old_version, $this->version, '<')){
|
1 |
<?php
|
2 |
if ( ! class_exists( 'LoftLoader_Upgrade' ) ) {
|
3 |
class LoftLoader_Upgrade {
|
4 |
+
private $version ='2.4';
|
5 |
function __construct(){
|
6 |
$old_version = get_option('loftloader_lite_version', '1.0');
|
7 |
if(version_compare($old_version, $this->version, '<')){
|
inc/configs/customize-background.php
CHANGED
@@ -56,12 +56,13 @@ function loftloader_customize_background( $wp_customize ) {
|
|
56 |
'label' => esc_html__( 'Ending Animation', 'loftloader' ),
|
57 |
'description' => esc_html__( 'Hover on preview area to see the result.', 'loftloader' ),
|
58 |
'choices' => array(
|
59 |
-
'fade'
|
60 |
-
'split-h'
|
61 |
-
'up'
|
62 |
-
'split-v'
|
|
|
63 |
),
|
64 |
'section' => 'loftloader_background',
|
65 |
'settings' => 'loftloader_bg_animation'
|
66 |
) ) );
|
67 |
-
}
|
56 |
'label' => esc_html__( 'Ending Animation', 'loftloader' ),
|
57 |
'description' => esc_html__( 'Hover on preview area to see the result.', 'loftloader' ),
|
58 |
'choices' => array(
|
59 |
+
'fade' => esc_html__( 'Fade', 'loftloader' ),
|
60 |
+
'split-h' => esc_html__( 'Slide Left & Right', 'loftloader' ),
|
61 |
+
'up' => esc_html__( 'Slide Up', 'loftloader' ),
|
62 |
+
'split-v' => esc_html__( 'Slide Up & Down', 'loftloader' ),
|
63 |
+
'no-animation' => esc_html__( 'No Animation', 'loftloader' )
|
64 |
),
|
65 |
'section' => 'loftloader_background',
|
66 |
'settings' => 'loftloader_bg_animation'
|
67 |
) ) );
|
68 |
+
}
|
languages/loftloader.pot
CHANGED
@@ -1,17 +1,17 @@
|
|
1 |
# Copyright (C) 2022 Loft.Ocean
|
2 |
-
# This file is distributed under the
|
3 |
msgid ""
|
4 |
msgstr ""
|
5 |
-
"Project-Id-Version: LoftLoader 2.
|
6 |
"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/loftloader\n"
|
7 |
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
8 |
"Language-Team: LANGUAGE <LL@li.org>\n"
|
9 |
"MIME-Version: 1.0\n"
|
10 |
"Content-Type: text/plain; charset=UTF-8\n"
|
11 |
"Content-Transfer-Encoding: 8bit\n"
|
12 |
-
"POT-Creation-Date: 2022-
|
13 |
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
14 |
-
"X-Generator: WP-CLI 2.
|
15 |
"X-Domain: loftloader\n"
|
16 |
|
17 |
#. Plugin Name of the plugin
|
@@ -36,37 +36,37 @@ msgid "LoftLoader Any Page Shortcode"
|
|
36 |
msgstr ""
|
37 |
|
38 |
#: inc/class-loftloader-customize.php:54
|
39 |
-
#: loftloader.php:
|
40 |
msgid "LoftLoader Lite"
|
41 |
msgstr ""
|
42 |
|
43 |
-
#: inc/class-loftloader-customize.php:
|
44 |
-
#: inc/class-loftloader-customize.php:
|
45 |
msgid "Setting"
|
46 |
msgstr ""
|
47 |
|
48 |
-
#: inc/class-loftloader-customize.php:
|
49 |
msgid "Press return or enter to open this section"
|
50 |
msgstr ""
|
51 |
|
52 |
-
#: inc/class-loftloader-customize.php:
|
53 |
msgid "Back"
|
54 |
msgstr ""
|
55 |
|
56 |
-
#: inc/class-loftloader-customize.php:
|
57 |
#: inc/configs/customize-advanced.php:24
|
58 |
msgid "Generate"
|
59 |
msgstr ""
|
60 |
|
61 |
-
#: inc/class-loftloader-customize.php:
|
62 |
msgid "More info"
|
63 |
msgstr ""
|
64 |
|
65 |
-
#: inc/class-loftloader-front.php:
|
66 |
msgid "Close"
|
67 |
msgstr ""
|
68 |
|
69 |
-
#: inc/class-loftloader-front.php:
|
70 |
msgid "loader image"
|
71 |
msgstr ""
|
72 |
|
@@ -131,6 +131,10 @@ msgstr ""
|
|
131 |
msgid "Slide Up & Down"
|
132 |
msgstr ""
|
133 |
|
|
|
|
|
|
|
|
|
134 |
#: inc/configs/customize-loader.php:37
|
135 |
msgid "Loader"
|
136 |
msgstr ""
|
@@ -237,14 +241,14 @@ msgstr ""
|
|
237 |
msgid "Homepage only"
|
238 |
msgstr ""
|
239 |
|
240 |
-
#: loftloader.php:
|
241 |
msgid "Access not allowed!"
|
242 |
msgstr ""
|
243 |
|
244 |
-
#: loftloader.php:
|
245 |
msgid "View LoftLoader Settings"
|
246 |
msgstr ""
|
247 |
|
248 |
-
#: loftloader.php:
|
249 |
msgid "Settings"
|
250 |
msgstr ""
|
1 |
# Copyright (C) 2022 Loft.Ocean
|
2 |
+
# This file is distributed under the GPLv2.
|
3 |
msgid ""
|
4 |
msgstr ""
|
5 |
+
"Project-Id-Version: LoftLoader 2.4\n"
|
6 |
"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/loftloader\n"
|
7 |
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
8 |
"Language-Team: LANGUAGE <LL@li.org>\n"
|
9 |
"MIME-Version: 1.0\n"
|
10 |
"Content-Type: text/plain; charset=UTF-8\n"
|
11 |
"Content-Transfer-Encoding: 8bit\n"
|
12 |
+
"POT-Creation-Date: 2022-11-27T07:30:12+00:00\n"
|
13 |
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
14 |
+
"X-Generator: WP-CLI 2.7.1\n"
|
15 |
"X-Domain: loftloader\n"
|
16 |
|
17 |
#. Plugin Name of the plugin
|
36 |
msgstr ""
|
37 |
|
38 |
#: inc/class-loftloader-customize.php:54
|
39 |
+
#: loftloader.php:87
|
40 |
msgid "LoftLoader Lite"
|
41 |
msgstr ""
|
42 |
|
43 |
+
#: inc/class-loftloader-customize.php:97
|
44 |
+
#: inc/class-loftloader-customize.php:124
|
45 |
msgid "Setting"
|
46 |
msgstr ""
|
47 |
|
48 |
+
#: inc/class-loftloader-customize.php:114
|
49 |
msgid "Press return or enter to open this section"
|
50 |
msgstr ""
|
51 |
|
52 |
+
#: inc/class-loftloader-customize.php:121
|
53 |
msgid "Back"
|
54 |
msgstr ""
|
55 |
|
56 |
+
#: inc/class-loftloader-customize.php:180
|
57 |
#: inc/configs/customize-advanced.php:24
|
58 |
msgid "Generate"
|
59 |
msgstr ""
|
60 |
|
61 |
+
#: inc/class-loftloader-customize.php:271
|
62 |
msgid "More info"
|
63 |
msgstr ""
|
64 |
|
65 |
+
#: inc/class-loftloader-front.php:221
|
66 |
msgid "Close"
|
67 |
msgstr ""
|
68 |
|
69 |
+
#: inc/class-loftloader-front.php:363
|
70 |
msgid "loader image"
|
71 |
msgstr ""
|
72 |
|
131 |
msgid "Slide Up & Down"
|
132 |
msgstr ""
|
133 |
|
134 |
+
#: inc/configs/customize-background.php:63
|
135 |
+
msgid "No Animation"
|
136 |
+
msgstr ""
|
137 |
+
|
138 |
#: inc/configs/customize-loader.php:37
|
139 |
msgid "Loader"
|
140 |
msgstr ""
|
241 |
msgid "Homepage only"
|
242 |
msgstr ""
|
243 |
|
244 |
+
#: loftloader.php:27
|
245 |
msgid "Access not allowed!"
|
246 |
msgstr ""
|
247 |
|
248 |
+
#: loftloader.php:76
|
249 |
msgid "View LoftLoader Settings"
|
250 |
msgstr ""
|
251 |
|
252 |
+
#: loftloader.php:76
|
253 |
msgid "Settings"
|
254 |
msgstr ""
|
loftloader.php
CHANGED
@@ -3,7 +3,9 @@
|
|
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 +34,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.4.0
|
7 |
+
Requires PHP: 5.6
|
8 |
+
Requires at least: 5.0
|
9 |
Author: Loft.Ocean
|
10 |
Author URI: http://www.loftocean.com/
|
11 |
Text Domain: loftloader
|
34 |
define( 'LOFTLOADER_ROOT', dirname( __FILE__ ) . '/' );
|
35 |
define( 'LOFTLOADER_NAME', plugin_basename( __FILE__ ) );
|
36 |
define( 'LOFTLOADER_URI', plugin_dir_url( __FILE__ ) );
|
37 |
+
define( 'LOFTLOADER_ASSET_VERSION', '2022112601' );
|
38 |
|
39 |
class LoftLoader {
|
40 |
public function __construct() {
|
readme.txt
CHANGED
@@ -3,8 +3,9 @@ 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: 5.0
|
6 |
-
Tested up to:
|
7 |
-
|
|
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
@@ -19,7 +20,7 @@ Small and powerful. LoftLoader helps you to add a beautiful animated preloader t
|
|
19 |
= Features & Options =
|
20 |
* Enhanced settings panel with WordPress Customizer.
|
21 |
* Pure CSS3 animation. Works in any modern browser.
|
22 |
-
*
|
23 |
* 7 loading animation effects. 2 of them support custom image.
|
24 |
* Unlimited background color. Also can change the opacity.
|
25 |
* Unlimited loader color.
|
@@ -96,6 +97,11 @@ Check some [examples](http://www.loftocean.com/loftloader/example-13/) created b
|
|
96 |
8. Pro version: Load Time, Device Control & Smooth Page Transition
|
97 |
|
98 |
== Changelog ==
|
|
|
|
|
|
|
|
|
|
|
99 |
= 2.3.8 =
|
100 |
* New: Option to remove plugin data after deactivating the plugin
|
101 |
* Improved: Compatibility with WordPress 5.9
|
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: 5.0
|
6 |
+
Tested up to: 6.1
|
7 |
+
Requires PHP: 5.6
|
8 |
+
Stable tag: 2.4.0
|
9 |
License: GPLv2 or later
|
10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
11 |
|
20 |
= Features & Options =
|
21 |
* Enhanced settings panel with WordPress Customizer.
|
22 |
* Pure CSS3 animation. Works in any modern browser.
|
23 |
+
* 5 ending animation effects.
|
24 |
* 7 loading animation effects. 2 of them support custom image.
|
25 |
* Unlimited background color. Also can change the opacity.
|
26 |
* Unlimited loader color.
|
97 |
8. Pro version: Load Time, Device Control & Smooth Page Transition
|
98 |
|
99 |
== Changelog ==
|
100 |
+
= 2.4.0 =
|
101 |
+
* New: New ending animation - "No Animation"
|
102 |
+
* Fixed: Compatibility with third party plugin "Disable Blog"
|
103 |
+
* Improved: Compatibility with WordPress 6.1
|
104 |
+
|
105 |
= 2.3.8 =
|
106 |
* New: Option to remove plugin data after deactivating the plugin
|
107 |
* Improved: Compatibility with WordPress 5.9
|