WordPress.org
Get WordPress

Plugin Directory

Changeset 3169706


Ignore:
Timestamp:
10/16/2024 02:42:35 AM (17 months ago)
Author:
loftocean
Message:

updated to version 2.5.0

Location:
loftloader
Files:
71 added
11 edited

Legend:

Unmodified
Added
Removed

  • loftloader/trunk/assets/css/loftloader-settings.css

    r2825548 r3169706  
    77 * Author URI: https://www.loftocean.com
    88 * 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
     9 * Version: 2.5.0
    1010*/
    1111@import url(https://fonts.googleapis.com/css?family=Lato:400,600);
    … …  
    1515    font-size: 18px;
    1616    font-weight: 600;
    17     letter-spacing: 0.05em;
     17    letter-spacing: 0.025em;
    1818    color: #111; }
    1919    #customize-theme-controls.loftloader-controls-wrapper .customize-section-title h3 span {
    … …  
    2222    margin-top: 0;
    2323    font-size: 12px;
    24     letter-spacing: 0.05em;
     24    letter-spacing: 0.025em;
    2525    font-weight: bold;
    2626    text-transform: none;
    … …  
    4242  #customize-theme-controls.loftloader-controls-wrapper button.button.upload-button {
    4343    font-size: 12px;
    44     letter-spacing: 0.05em;
     44    letter-spacing: 0.025em;
    4545    font-weight: bold;
    4646    color: #111;
    … …  
    248248      padding-right: 5px;
    249249      font-size: 12px;
    250       letter-spacing: 0.05em;
     250      letter-spacing: 0.025em;
    251251      font-weight: bold;
    252252      color: #111; }
    … …  
    262262        box-shadow: none;
    263263        font-size: 12px;
    264         letter-spacing: 0.05em;
     264        letter-spacing: 0.025em;
    265265        font-weight: bold;
    266266        color: #111;
    … …  
    406406  #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_customimg .current {
    407407    margin-top: 15px; }
     408  #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_remove_settings .customize-control-title,
     409  #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_inline_js .customize-control-title {
     410    display: block;
     411    margin-bottom: 10px; }
    408412  #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label {
    409413    position: relative;
    … …  
    414418      font-size: 12px;
    415419      font-weight: bold;
    416       letter-spacing: 0.05em;
     420      letter-spacing: 0.025em;
    417421      color: #111; }
    418422      .rtl #customize-theme-controls.loftloader-controls-wrapper li.customize-control-number label > span:last-child {

  • loftloader/trunk/assets/css/loftloader-settings.min.css

    r2825548 r3169706  
    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;}
     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.025em;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.025em;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.025em;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.025em;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.025em;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-loftloader_remove_settings .customize-control-title, #customize-theme-controls.loftloader-controls-wrapper li#customize-control-loftloader_inline_js .customize-control-title {display: block;margin-bottom: 10px;}#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.025em;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;}

  • loftloader/trunk/assets/css/loftloader.css

    r2825548 r3169706  
    77 * Author URI: https://www.loftocean.com
    88 * 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
     9 * Version: 2.5.0
    1010*/
    1111@-webkit-keyframes spinReturn {
    … …  
    402402    height: 10px;
    403403    border-radius: 50%;
    404     opacity: 0.2;
    405     background: currentColor; }
     404    background: currentColor;
     405    opacity: 0.2; }
    406406  #loftloader-wrapper.pl-circles #loader span {
    407407    top: 50%;
    … …  
    609609.loader-close-button {
    610610  position: fixed;
     611  top: 10px;
    611612  right: 10px;
    612   top: 10px;
    613613  z-index: 99999;
    614614  box-sizing: border-box;
     615  padding: 5px 30px 5px 5px;
    615616  width: auto;
    616617  min-width: 35px;
    617618  height: 35px;
    618   padding: 5px 30px 5px 5px;
     619  background: rgba(0, 0, 0, 0.3);
    619620  border-radius: 999px;
    620   background: rgba(0, 0, 0, 0.3);
    621621  color: #FFF;
    622622  font-size: 12px;
    … …  
    632632    width: 18px;
    633633    height: 2px;
     634    background: #FFF;
    634635    transform-origin: 50% 50%;
    635     content: "";
    636     background: #FFF; }
     636    content: ""; }
    637637  .loader-close-button:before {
    638638    -webkit-transform: rotate(45deg);
    … …  
    645645  .loader-close-button .screen-reader-text {
    646646    position: absolute !important;
     647    padding: 0;
     648    margin: -1px;
    647649    width: 1px;
    648650    height: 1px;
    649     padding: 0;
    650     margin: -1px;
    651651    border: 0;
    652652    clip: rect(1px, 1px, 1px, 1px);

  • loftloader/trunk/assets/css/loftloader.min.css

    r2825548 r3169706  
    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;}
     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%;background: currentColor;opacity: 0.2;}#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;top: 10px;right: 10px;z-index: 99999;box-sizing: border-box;padding: 5px 30px 5px 5px;width: auto;min-width: 35px;height: 35px;background: rgba(0, 0, 0, 0.3);border-radius: 999px;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;background: #FFF;transform-origin: 50% 50%;content: "";}.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;padding: 0;margin: -1px;width: 1px;height: 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;}

  • loftloader/trunk/assets/scss/loftloader-settings.scss

    r2825548 r3169706  
    77 * Author URI: https://www.loftocean.com
    88 * 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
     9 * Version: 2.5.0
    1010*/
    1111
    … …  
    5050            padding-right: 5px;
    5151            font-size: 12px;
    52             letter-spacing: 0.05em;
     52            letter-spacing: 0.025em;
    5353            font-weight: bold;
    5454            color: $text-color;
    … …  
    6767                box-shadow: none;
    6868                font-size: 12px;
    69                 letter-spacing: 0.05em;
     69                letter-spacing: 0.025em;
    7070                font-weight: bold;
    7171                color: $text-color;
    … …  
    9090        font-size: 18px;
    9191        font-weight: 600;
    92         letter-spacing: 0.05em;
     92        letter-spacing: 0.025em;
    9393        color: $text-color;
    9494
    … …  
    101101        margin-top: 0;
    102102        font-size: 12px;
    103         letter-spacing: 0.05em;
     103        letter-spacing: 0.025em;
    104104        font-weight: bold;
    105105        text-transform: none;
    … …  
    129129    button.button.upload-button {
    130130        font-size: 12px;
    131         letter-spacing: 0.05em;
     131        letter-spacing: 0.025em;
    132132        font-weight: bold;
    133133        color: $text-color;
    … …  
    573573    }
    574574
     575    li#customize-control-loftloader_remove_settings,
     576    li#customize-control-loftloader_inline_js {
     577        .customize-control-title {
     578            display: block;
     579            margin-bottom: 10px;
     580        }
     581    }
     582
    575583    li.customize-control-number {
    576584        label {
    … …  
    583591                font-size: 12px;
    584592                font-weight: bold;
    585                 letter-spacing: 0.05em;
     593                letter-spacing: 0.025em;
    586594                color: $text-color;
    587595

  • loftloader/trunk/assets/scss/loftloader.scss

    r2825548 r3169706  
    77 * Author URI: https://www.loftocean.com
    88 * 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
     9 * Version: 2.5.0
    1010*/
    1111
    … …  
    226226            height: 10px;
    227227            border-radius: 50%;
     228            background: currentColor;
    228229            opacity: 0.2;
    229             background: currentColor;
    230230        }
    231231
    … …  
    487487.loader-close-button {
    488488    position: fixed;
     489    top: 10px;
    489490    right: 10px;
    490     top: 10px;
    491491    z-index: 99999;
    492492    box-sizing: border-box;
     493    padding: 5px 30px 5px 5px;
    493494    width: auto;
    494495    min-width: 35px;
    495496    height: 35px;
    496     padding: 5px 30px 5px 5px;
     497    background: rgba(#000, 0.3);
    497498    border-radius: 999px;
    498     background: rgba(#000, 0.3);
    499499    color: #FFF;
    500500    font-size: 12px;
    … …  
    514514        width: 18px;
    515515        height: 2px;
     516        background: #FFF;
    516517        transform-origin: 50% 50%;
    517518        content: "";
    518         background: #FFF;
    519519    }
    520520
    … …  
    529529    .screen-reader-text {
    530530        position: absolute !important;
     531        padding: 0;
     532        margin: -1px;
    531533        width: 1px;
    532534        height: 1px;
    533         padding: 0;
    534         margin: -1px;
    535535        border: 0;
    536536        clip: rect(1px, 1px, 1px, 1px);

  • loftloader/trunk/inc/any-page/class-any-page-filter.php

    r2343460 r3169706  
    2020            if ( $this->is_any_page_extension_enabled() ) {
    2121                $page = $this->get_queried_object();
    22                 if ( ( $atts = $this->get_loader_attributes( $page->ID ) ) !== false ) {
     22                if ( is_object( $page ) && isset( $page->ID ) && ( ( $atts = $this->get_loader_attributes( $page->ID ) ) !== false ) ) {
    2323                    if ( isset( $atts['loftloader_show_close_tip'] ) ) {
    2424                        $atts['loftloader_show_close_tip'] = base64_decode( $atts['loftloader_show_close_tip'] );

  • loftloader/trunk/inc/class-loftloader-front.php

    r2825548 r3169706  
    1212if ( ! class_exists( 'LoftLoader_Front' ) ) {
    1313    class LoftLoader_Front {
     14        protected $html_loaded  = false;
    1415        protected $defaults;
    1516        protected $site_header_loaded = false;
    … …  
    2425                add_action( 'wp_footer', array( $this, 'load_inline_js' ), 99 );
    2526                add_filter( 'loftloader_modify_html', array( $this, 'show_loader_html' ) );
     27                add_filter( 'loftloader_html', array( $this, 'loader_html' ) );
    2628                add_filter( 'body_class', array( $this, 'body_class' ) );
    2729            }
    … …  
    170172        }
    171173        /**
     174        * Loader HTML
     175        */
     176        public function loader_html( $loader ) {
     177            if ( $this->$html_loaded ) {
     178                return '';
     179            }
     180            $image  = esc_url($this->get_loader_setting('loftloader_custom_img'));
     181            $ending = esc_attr($this->get_loader_setting('loftloader_bg_animation'));
     182            $wrap_class = array( 'pl-' . $this->type );
     183
     184            $html  = '<div id="loftloader-wrapper" class="' . implode( ' ', $wrap_class ) . '"' . $this->loader_attributes() . '>';
     185            switch( $ending ) {
     186                case 'fade':
     187                    $html .= '<div class="loader-section section-fade"></div>';
     188                    break;
     189                case 'up':
     190                    $html .= '<div class="loader-section section-slide-up"></div>';
     191                    break;
     192                case 'split-v':
     193                    $html .= '<div class="loader-section section-up"></div>';
     194                    $html .= '<div class="loader-section section-down"></div>';
     195                    break;
     196                case 'no-animation':
     197                    $html .= '<div class="loader-section end-no-animation"></div>';
     198                    break;
     199                default:
     200                    $html .= '<div class="loader-section section-left">';
     201                    $html .= '</div><div class="loader-section section-right"></div>';
     202            }
     203
     204            $html .= '<div class="loader-inner"><div id="loader">';
     205
     206            if ( ! empty( $image ) ) {
     207                // <!-- Only  image loading need the span with background -->
     208                if ( in_array( $this->type, array( 'imgloading' ) ) ) {
     209                    $html .= $this->get_loader_type_loading_bg_image( $image );
     210                }
     211                if ( in_array( $this->type, array( 'frame', 'imgloading' ) ) ) {
     212                    $html .= $this->get_loader_image( $image, $this->type );
     213                }
     214            }
     215            $html .= in_array( $this->type, array( 'imgloading' ) ) ? '' : '<span></span>';
     216            $html .= '</div></div>';
     217
     218            if ( ! is_customize_preview() ) {
     219                $close_description = $this->get_loader_setting( 'loftloader_show_close_tip' );
     220                $html .= sprintf(
     221                    '<div class="loader-close-button" style="display: none;"><span class="screen-reader-text">%s</span>%s</div>',
     222                    esc_html__('Close', 'loftloader'),
     223                    empty($close_description) ? '' : sprintf('<span class="close-des">%s</span>', $close_description)
     224                );
     225            }
     226            $html .= '</div>';
     227            $this->html_loaded = true;
     228            return $html;
     229        }
     230        /**
    172231         * @description loftloader html
    173232         */
    … …  
    177236                $split = preg_split( $regexp, $origin, 3, PREG_SPLIT_DELIM_CAPTURE );
    178237                if ( is_array( $split ) && ( 3 <= count( $split ) ) ) {
    179                     $image  = esc_url($this->get_loader_setting('loftloader_custom_img'));
    180                     $ending = esc_attr($this->get_loader_setting('loftloader_bg_animation'));
    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;
    188                         case 'up':
    189                             $html .= '<div class="loader-section section-slide-up"></div>';
    190                             break;
    191                         case 'split-v':
    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'),
    222                             empty($close_description) ? '' : sprintf('<span class="close-des">%s</span>', $close_description)
    223                         );
    224                     }
    225                     $html .= '</div>';
    226 
    227                     return $split[0] . $split[1] . $html . implode( '', array_slice( $split, 2 ) );
     238                    $html = apply_filters( 'loftloader_html', '' );
     239
     240                    return empty( $html ) ? $origin : $split[0] . $split[1] . $html . implode( '', array_slice( $split, 2 ) );
    228241                }
    229242            }

  • loftloader/trunk/languages/loftloader.pot

    r2825548 r3169706  
    1 # Copyright (C) 2022 Loft.Ocean
     1# Copyright (C) 2024 Loft.Ocean
    22# This file is distributed under the GPLv2.
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: LoftLoader 2.4\n"
     5"Project-Id-Version: LoftLoader 2.5.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/loftloader\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2022-11-27T07:30:12+00:00\n"
     12"POT-Creation-Date: 2024-10-16T02:22:43+00:00\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    14 "X-Generator: WP-CLI 2.7.1\n"
     14"X-Generator: WP-CLI 2.11.0\n"
    1515"X-Domain: loftloader\n"
    1616
    1717#. Plugin Name of the plugin
     18#: loftloader.php
    1819msgid "LoftLoader"
    1920msgstr ""
    … …  
    2122#. Plugin URI of the plugin
    2223#. Author URI of the plugin
     24#: loftloader.php
    2325msgid "http://www.loftocean.com/"
    2426msgstr ""
    2527
    2628#. Description of the plugin
     29#: loftloader.php
    2730msgid "An easy to use plugin to add an animated preloader to your website with fully customisations."
    2831msgstr ""
    2932
    3033#. Author of the plugin
     34#: loftloader.php
    3135msgid "Loft.Ocean"
    3236msgstr ""
    … …  
    6367msgstr ""
    6468
    65 #: inc/class-loftloader-front.php:221
     69#: inc/class-loftloader-front.php:222
    6670msgid "Close"
    6771msgstr ""
    6872
    69 #: inc/class-loftloader-front.php:363
     73#: inc/class-loftloader-front.php:376
    7074msgid "loader image"
    7175msgstr ""

  • loftloader/trunk/loftloader.php

    r2825548 r3169706  
    44Plugin URI: http://www.loftocean.com/
    55Description: An easy to use plugin to add an animated preloader to your website with fully customisations.
    6 Version: 2.4.0
     6Version: 2.5.0
    77Requires PHP: 5.6
    88Requires at least: 5.0
    … …  
    3535    define( 'LOFTLOADER_NAME', plugin_basename( __FILE__  ) );
    3636    define( 'LOFTLOADER_URI',  plugin_dir_url( __FILE__ ) );
    37     define( 'LOFTLOADER_ASSET_VERSION', '2022112601' );
     37    define( 'LOFTLOADER_ASSET_VERSION', '2024101601' );
    3838
    3939    class LoftLoader {

  • loftloader/trunk/readme.txt

    r2825548 r3169706  
    44Donate link:
    55Requires at least: 5.0
    6 Tested up to: 6.1
     6Tested up to: 6.6
    77Requires PHP: 5.6
    8 Stable tag: 2.4.0
     8Stable tag: 2.5.0
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    9898
    9999== Changelog ==
     100= 2.5.0 =
     101* Improved: Settings panel style refined
     102* Improved: Compatibility with WordPress 6.6
     103
    100104= 2.4.0 =
    101105* New: New ending animation - "No Animation"
Note: See TracChangeset for help on using the changeset viewer.