WordPress.org
Get WordPress

Plugin Directory

Changeset 3337932


Ignore:
Timestamp:
08/01/2025 04:34:42 PM (8 months ago)
Author:
grzelkowski
Message:

version 1.7.7

Location:
quick-ajax-post-loader/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • quick-ajax-post-loader/trunk/css/admin-style.css

    r3328398 r3337932  
    3636    --qapl-theme-color: #dd823b;
    3737}
    38 
    39 
    4038/* shortcode box */
    4139#shortcode-box-wrap{
    … …  
    7876    word-break: break-word;
    7977    cursor:pointer;
    80     -webkit-transition: .3s;
    81     transition: .3s;
    82 }
    83 
     78}
    8479/* switch button */
    8580.quick-ajax-form-wrap .switch-checkbox{
    … …  
    10095.quick-ajax-form-wrap .switch {
    10196    border-radius: 12px;
    102     }
     97}
    10398.quick-ajax-form-wrap .switch:before {
    10499    border-radius: 50%;
    … …  
    114109    -webkit-box-shadow: inset 0 0 3px var(--qapl-switch-shadow);
    115110            box-shadow: inset 0 0 3px var(--qapl-switch-shadow);
    116     -webkit-transition: .3s;
    117     transition: .3s;
     111    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
     112    transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
     113    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
     114    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    118115}
    119116.quick-ajax-form-wrap .switch:before {
    … …  
    125122    bottom: 3px;
    126123    background-color: var(--qapl-bg);
    127     -webkit-transition: .4s;
    128     transition: .4s;
     124    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
     125    transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
     126    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
     127    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    129128}
    130129.quick-ajax-form-wrap input:checked + .switch {
    … …  
    133132            box-shadow: inset 0 0 3px var(--qapl-switch-shadow);
    134133}
    135 .quick-ajax-form-wrap input:focus + .switch {
    136     -webkit-box-shadow: inset 0 0 3px var(--qapl-switch-shadow);
    137             box-shadow: inset 0 0 3px var(--qapl-switch-shadow);
    138 }
    139134.quick-ajax-form-wrap input:checked + .switch:before {
    140135    -webkit-transform: translateX(20px);
    141     -ms-transform: translateX(20px);
    142     transform: translateX(20px);
     136        -ms-transform: translateX(20px);
     137            transform: translateX(20px);
    143138}
    144139/* quick ajax form wrap */
    … …  
    172167            align-items: flex-start;
    173168    gap:16px;
    174     margin-bottom: 16px;
    175169    visibility: visible;
    176170    opacity:1;
    177     -webkit-transition: .15s;
    178     transition: .15s;
     171    margin-bottom: 16px;
     172    -webkit-transition: opacity 0.15s ease, margin-bottom 0.15s ease;
     173    transition: opacity 0.15s ease, margin-bottom 0.15s ease;
    179174}
    180175.quick-ajax-form-wrap .quick-ajax-field-container.inactive{
    181176    visibility: hidden;
     177    height: 0;
    182178    opacity:0;
    183     height: 0;
    184179    margin-bottom: 0;
    185     -webkit-transition: .15s;
    186     transition: .15s;
    187 }
    188 
     180}
    189181.quick-ajax-form-wrap .quick-ajax-field-container > label{
    190     width:210px;
     182    -webkit-box-flex: 0;
     183        -ms-flex: 0 0 210px;
     184            flex: 0 0 210px;
    191185    margin-top: 6px;
    192186}
    193187.quick-ajax-form-wrap .quick-ajax-field-container > .quick-ajax-field {
    194188    max-width: 580px;
    195     width: calc(100% - 226px);
     189    -webkit-box-flex: 1;
     190        -ms-flex: 1 1 0px;
     191            flex: 1 1 0;
     192}
     193.quick-ajax-form-wrap .quick-ajax-field-container select,
     194.quick-ajax-form-wrap .quick-ajax-field-container input{
     195    margin: 0;
    196196}
    197197.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field > div,
    … …  
    227227    font-style: italic;
    228228}
    229 .quick-ajax-form-wrap .quick-ajax-field-container > select,
    230 .quick-ajax-form-wrap .quick-ajax-field-container > input{
    231     padding: 0 6px;
    232     margin: 0;
    233 }
    234 
    235 
    236 
    237229@media (max-width: 782px) {
    238230    .quick-ajax-form-wrap .quick-ajax-field-container > label{
    … …  
    245237        -ms-flex-preferred-size:100%;
    246238            flex-basis:100%;
    247     }
    248    
     239        max-width: 100%;
     240    }   
    249241 }
    250 
    251242 /* tabs */
    252243.quick-ajax-tabs {
    … …  
    280271    display: -ms-flexbox;
    281272    display: flex;
    282     -webkit-transition: all 0.3s ease;
    283     transition: all 0.3s ease;
     273    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
     274    transition: background-color 0.3s ease, border-color 0.3s ease;
    284275}
    285276.quick-ajax-tab-button:first-of-type{
    … …  
    287278}
    288279.quick-ajax-tab-button:hover{
    289     -webkit-transition: all 0.3s ease;
    290     transition: all 0.3s ease;
    291280    background: var(--qapl-bg-mute);
    292281}
    … …  
    295284    z-index: 1;
    296285    border-bottom:1px solid var(--qapl-bg);
    297     -webkit-transition: all 0.1s ease;
    298     transition: all 0.1s ease;
    299286}
    300287.quick-ajax-tab-content,
    … …  
    306293    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    307294            box-shadow: 0 1px 1px rgba(0,0,0,.04);
    308     /* width: 100%; */
    309295    display: none; 
    310296}
    … …  
    316302    border-top: none;
    317303}
    318 
    319304/* function-generator-options */
    320305.function-generator-wrap{
    … …  
    362347    }
    363348}
    364 
    365349.quick-ajax-form-wrap code.no-background{
    366350    background: transparent;
    … …  
    384368    margin-top: 6px;
    385369}
    386 
    387370/* accordion block */
    388371.quick-ajax-accordion-wrapper{
    … …  
    459442    -webkit-transform: rotateX(180deg);
    460443            transform: rotateX(180deg);
    461     -webkit-transition: -webkit-transform 0.3s ease-in-out;
    462     transition: -webkit-transform 0.3s ease-in-out;
    463     transition: transform 0.3s ease-in-out;
    464     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    465444}
    466445.quick-ajax-accordion-wrapper .accordion-icon span{
    … …  
    493472    margin-top: -1px;
    494473}
    495 
    496474/* content loader animation */
    497475.qapl-admin-page-loader {
    … …  
    503481    vertical-align: middle;
    504482}
    505 
    506483.qapl-admin-page-loader span {
    507484    position: absolute;

  • quick-ajax-post-loader/trunk/css/admin-style.min.css

    r3328398 r3337932  
    1 #shortcode-box-wrap,.quick-ajax-form-wrap{--qapl-theme-color:#2271b1;--qapl-bg:#ffffff;--qapl-bg-muted:#f6f7f7;--qapl-border:#c3c4c7;--qapl-text-muted:#50575e;--qapl-switch-bg:#cccccc;--qapl-switch-shadow:rgba(0,0,0,0.5);--qapl-tab-bg:#dcdcdc;--qapl-code-bg:#fcfcfc}.light-style{--qapl-theme-color:#04a4cc}.modern-style{--qapl-theme-color:#3858e9}.blue-style{--qapl-theme-color:#e1a948}.coffee-style{--qapl-theme-color:#c7a589}.ectoplasm-style{--qapl-theme-color:#a3b745}.midnight-style{--qapl-theme-color:#e14d43}.ocean-style{--qapl-theme-color:#9ebaa0}.sunrise-style{--qapl-theme-color:#dd823b}#shortcode-box-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}#shortcode-box-wrap .shortcode-description{padding:0 2px;margin-bottom:4px}#shortcode-box-wrap .click-and-select-all{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto}#shortcode-box-wrap pre{margin:0;padding:10px 10px 11px;border:1px solid #8c8f94;border-radius:3px;background:var(--qapl-code-bg)}#shortcode-box-wrap code{line-height:1;background:var(--qapl-code-bg);white-space:pre-wrap;word-break:break-word;cursor:pointer;-webkit-transition:.3s;transition:.3s}.quick-ajax-form-wrap .switch-checkbox{display:inline-block;min-height:30px}.quick-ajax-form-wrap .switch-wrap{position:relative;width:40px;height:20px;margin-top:6px}.quick-ajax-form-wrap .switch-wrap input{opacity:0;width:0;height:0}.quick-ajax-form-wrap .switch{border-radius:12px}.quick-ajax-form-wrap .switch:before{border-radius:50%}.quick-ajax-form-wrap input+.switch{position:absolute;cursor:pointer;top:-1px;left:0;right:0;bottom:1px;background-color:var(--qapl-switch-bg);-webkit-box-shadow:inset 0 0 3px var(--qapl-switch-shadow);box-shadow:inset 0 0 3px var(--qapl-switch-shadow);-webkit-transition:.3s;transition:.3s}.quick-ajax-form-wrap .switch:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--qapl-bg);-webkit-transition:.4s;transition:.4s}.quick-ajax-form-wrap input:checked+.switch{background-color:var(--qapl-theme-color);-webkit-box-shadow:inset 0 0 3px var(--qapl-switch-shadow);box-shadow:inset 0 0 3px var(--qapl-switch-shadow)}.quick-ajax-form-wrap input:focus+.switch{-webkit-box-shadow:inset 0 0 3px var(--qapl-switch-shadow);box-shadow:inset 0 0 3px var(--qapl-switch-shadow)}.quick-ajax-form-wrap input:checked+.switch:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.quick-ajax-form-wrap{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quick-ajax-form-wrap select:focus{border-color:var(--qapl-theme-color);-webkit-box-shadow:0 0 0 1px var(--qapl-theme-color);box-shadow:0 0 0 1px var(--qapl-theme-color)}.quick-ajax-form-wrap .quick-ajax-field-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;margin-bottom:16px;visibility:visible;opacity:1;-webkit-transition:.15s;transition:.15s}.quick-ajax-form-wrap .quick-ajax-field-container.inactive{visibility:hidden;opacity:0;height:0;margin-bottom:0;-webkit-transition:.15s;transition:.15s}.quick-ajax-form-wrap .quick-ajax-field-container>label{width:210px;margin-top:6px}.quick-ajax-form-wrap .quick-ajax-field-container>.quick-ajax-field{max-width:580px;width:calc(100% - 226px)}.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>div,.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>input,.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>select{max-width:100%;width:100%}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option{-webkit-box-flex:0;-ms-flex:0 1 calc(100% / 3);flex:0 1 calc(100% / 3);min-width:180px;padding:6px 0;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option label{cursor:pointer}.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field-desc{margin-top:5px;margin-bottom:0;color:var(--qapl-text-muted);font-style:italic}.quick-ajax-form-wrap .quick-ajax-field-container>input,.quick-ajax-form-wrap .quick-ajax-field-container>select{padding:0 6px;margin:0}@media (max-width:782px){.quick-ajax-form-wrap .quick-ajax-field-container>label{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0;margin-right:0}.quick-ajax-form-wrap .quick-ajax-field-container>.quick-ajax-field{-ms-flex-preferred-size:100%;flex-basis:100%}}.quick-ajax-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.quick-ajax-tabs:before{content:'';position:absolute;width:100%;bottom:0;height:1px;background-color:var(--qapl-border)}.quick-ajax-tab-button{position:relative;padding:5px 10px;cursor:pointer;z-index:0;background:var(--qapl-tab-bg);border:1px solid var(--qapl-border);border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-tab-button:first-of-type{margin-left:0}.quick-ajax-tab-button:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background:var(--qapl-bg-mute)}.quick-ajax-tab-button.active{background:var(--qapl-bg);z-index:1;border-bottom:1px solid var(--qapl-bg);-webkit-transition:all .1s ease;transition:all .1s ease}.quick-ajax-tab-content,.quick-ajax-tab-content[hidden]{position:relative;background:var(--qapl-bg);padding:16px;border:1px solid var(--qapl-border);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);box-shadow:0 1px 1px rgba(0,0,0,.04);display:none}.quick-ajax-tab-content.active{display:block}.quick-ajax-tab-content+.quick-ajax-tab-content,.quick-ajax-tabs+.quick-ajax-tab-content{border-top:none}.function-generator-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-column-gap:100px;-moz-column-gap:100px;column-gap:100px}.function-generator-options{max-width:580px}.function-generator-options .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option{min-width:50%}.function-generator-result{width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:480px}.function-generator-result>pre{overflow:auto}@media (max-width:1200px){.function-generator-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.function-generator-options,function-generator-result{width:100%;max-width:unset}}.quick-ajax-form-wrap code.no-background{background:0 0;padding:3px 0 2px;font-size:14px}.quick-ajax-form-wrap code.code-tag{padding:2px 4px 3px;margin:0 1px;background:rgba(0,0,0,.07)}.quick-ajax-form-wrap pre{white-space:pre-wrap;word-wrap:break-word}.quick-ajax-form-wrap ul.ul-numbered{list-style-type:decimal;padding-left:13px}.quick-ajax-form-wrap li ul{margin-top:6px}.quick-ajax-accordion-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin-bottom:16px}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 1.5em;min-height:44px;background:var(--qapl-bg);border:1px solid var(--qapl-border);cursor:pointer;outline:unset}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:hover{background:var(--qapl-bg-muted)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:active,.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:focus{outline-width:2px;outline-style:solid;outline-offset:-2px;outline-color:var(--qapl-theme-color);background-color:var(--qapl-bg-muted);z-index:1}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active{background:var(--qapl-bg)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active:hover{background:var(--qapl-bg-muted)}.quick-ajax-accordion-wrapper .accordion-title{max-width:calc(100% - 26px);font-size:13px;font-weight:600;line-height:1;margin:0}.quick-ajax-accordion-wrapper .accordion-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active .accordion-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.quick-ajax-accordion-wrapper .accordion-icon span{pointer-events:none;position:absolute;border:solid #50575e;border-width:0 2px 2px 0;height:.5rem;width:.5rem;top:50%;right:0;-webkit-transform:translateY(-70%) rotate(45deg);-ms-transform:translateY(-70%) rotate(45deg);transform:translateY(-70%) rotate(45deg)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-content{display:none;border:1px solid var(--qapl-border);border-top:none;padding:0 1.5em 1em 1.5em}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active+.quick-ajax-accordion-content:before{content:"";position:absolute;display:block;background:var(--qapl-bg);height:1px;left:1px;right:1px;margin-top:-1px}.qapl-admin-page-loader{position:relative;height:20px;width:40px;padding:6px 0;margin-left:0;vertical-align:middle}.qapl-admin-page-loader span{position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#50575e;border-radius:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0;-webkit-animation:qapl-admin-loader-animation 1.8s linear infinite;animation:qapl-admin-loader-animation 1.8s linear infinite}.qapl-admin-page-loader span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.qapl-admin-page-loader span:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.qapl-admin-page-loader span:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes qapl-admin-loader-animation{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0}10%{opacity:1}50%{-webkit-transform:translate(20px,-50%);transform:translate(20px,-50%);opacity:1}90%{opacity:0}100%{-webkit-transform:translate(40px,-50%);transform:translate(40px,-50%);opacity:0}}@keyframes qapl-admin-loader-animation{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0}10%{opacity:1}50%{-webkit-transform:translate(20px,-50%);transform:translate(20px,-50%);opacity:1}90%{opacity:0}100%{-webkit-transform:translate(40px,-50%);transform:translate(40px,-50%);opacity:0}}
     1#shortcode-box-wrap,.quick-ajax-form-wrap{--qapl-theme-color:#2271b1;--qapl-bg:#ffffff;--qapl-bg-muted:#f6f7f7;--qapl-border:#c3c4c7;--qapl-text-muted:#50575e;--qapl-switch-bg:#cccccc;--qapl-switch-shadow:rgba(0,0,0,0.5);--qapl-tab-bg:#dcdcdc;--qapl-code-bg:#fcfcfc}.light-style{--qapl-theme-color:#04a4cc}.modern-style{--qapl-theme-color:#3858e9}.blue-style{--qapl-theme-color:#e1a948}.coffee-style{--qapl-theme-color:#c7a589}.ectoplasm-style{--qapl-theme-color:#a3b745}.midnight-style{--qapl-theme-color:#e14d43}.ocean-style{--qapl-theme-color:#9ebaa0}.sunrise-style{--qapl-theme-color:#dd823b}#shortcode-box-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}#shortcode-box-wrap .shortcode-description{padding:0 2px;margin-bottom:4px}#shortcode-box-wrap .click-and-select-all{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto}#shortcode-box-wrap pre{margin:0;padding:10px 10px 11px;border:1px solid #8c8f94;border-radius:3px;background:var(--qapl-code-bg)}#shortcode-box-wrap code{line-height:1;background:var(--qapl-code-bg);white-space:pre-wrap;word-break:break-word;cursor:pointer}.quick-ajax-form-wrap .switch-checkbox{display:inline-block;min-height:30px}.quick-ajax-form-wrap .switch-wrap{position:relative;width:40px;height:20px;margin-top:6px}.quick-ajax-form-wrap .switch-wrap input{opacity:0;width:0;height:0}.quick-ajax-form-wrap .switch{border-radius:12px}.quick-ajax-form-wrap .switch:before{border-radius:50%}.quick-ajax-form-wrap input+.switch{position:absolute;cursor:pointer;top:-1px;left:0;right:0;bottom:1px;background-color:var(--qapl-switch-bg);-webkit-box-shadow:inset 0 0 3px var(--qapl-switch-shadow);box-shadow:inset 0 0 3px var(--qapl-switch-shadow);-webkit-transition:background-color .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease}.quick-ajax-form-wrap .switch:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--qapl-bg);-webkit-transition:background-color .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease}.quick-ajax-form-wrap input:checked+.switch{background-color:var(--qapl-theme-color);-webkit-box-shadow:inset 0 0 3px var(--qapl-switch-shadow);box-shadow:inset 0 0 3px var(--qapl-switch-shadow)}.quick-ajax-form-wrap input:checked+.switch:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.quick-ajax-form-wrap{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quick-ajax-form-wrap select:focus{border-color:var(--qapl-theme-color);-webkit-box-shadow:0 0 0 1px var(--qapl-theme-color);box-shadow:0 0 0 1px var(--qapl-theme-color)}.quick-ajax-form-wrap .quick-ajax-field-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;visibility:visible;opacity:1;margin-bottom:16px;-webkit-transition:opacity .15s ease,margin-bottom .15s ease;transition:opacity .15s ease,margin-bottom .15s ease}.quick-ajax-form-wrap .quick-ajax-field-container.inactive{visibility:hidden;height:0;opacity:0;margin-bottom:0}.quick-ajax-form-wrap .quick-ajax-field-container>label{-webkit-box-flex:0;-ms-flex:0 0 210px;flex:0 0 210px;margin-top:6px}.quick-ajax-form-wrap .quick-ajax-field-container>.quick-ajax-field{max-width:580px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.quick-ajax-form-wrap .quick-ajax-field-container input,.quick-ajax-form-wrap .quick-ajax-field-container select{margin:0}.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>div,.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>input,.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field>select{max-width:100%;width:100%}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option{-webkit-box-flex:0;-ms-flex:0 1 calc(100% / 3);flex:0 1 calc(100% / 3);min-width:180px;padding:6px 0;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-form-wrap .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option label{cursor:pointer}.quick-ajax-form-wrap .quick-ajax-field-container .quick-ajax-field-desc{margin-top:5px;margin-bottom:0;color:var(--qapl-text-muted);font-style:italic}@media (max-width:782px){.quick-ajax-form-wrap .quick-ajax-field-container>label{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0;margin-right:0}.quick-ajax-form-wrap .quick-ajax-field-container>.quick-ajax-field{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}.quick-ajax-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.quick-ajax-tabs:before{content:'';position:absolute;width:100%;bottom:0;height:1px;background-color:var(--qapl-border)}.quick-ajax-tab-button{position:relative;padding:5px 10px;cursor:pointer;z-index:0;background:var(--qapl-tab-bg);border:1px solid var(--qapl-border);border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:background-color .3s ease,border-color .3s ease;transition:background-color .3s ease,border-color .3s ease}.quick-ajax-tab-button:first-of-type{margin-left:0}.quick-ajax-tab-button:hover{background:var(--qapl-bg-mute)}.quick-ajax-tab-button.active{background:var(--qapl-bg);z-index:1;border-bottom:1px solid var(--qapl-bg)}.quick-ajax-tab-content,.quick-ajax-tab-content[hidden]{position:relative;background:var(--qapl-bg);padding:16px;border:1px solid var(--qapl-border);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);box-shadow:0 1px 1px rgba(0,0,0,.04);display:none}.quick-ajax-tab-content.active{display:block}.quick-ajax-tab-content+.quick-ajax-tab-content,.quick-ajax-tabs+.quick-ajax-tab-content{border-top:none}.function-generator-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-column-gap:100px;-moz-column-gap:100px;column-gap:100px}.function-generator-options{max-width:580px}.function-generator-options .quick-ajax-field-container.quick-ajax-multiselect-field .quick-ajax-field .quick-ajax-field-options>.quick-ajax-multiselect-option{min-width:50%}.function-generator-result{width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:480px}.function-generator-result>pre{overflow:auto}@media (max-width:1200px){.function-generator-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.function-generator-options,function-generator-result{width:100%;max-width:unset}}.quick-ajax-form-wrap code.no-background{background:0 0;padding:3px 0 2px;font-size:14px}.quick-ajax-form-wrap code.code-tag{padding:2px 4px 3px;margin:0 1px;background:rgba(0,0,0,.07)}.quick-ajax-form-wrap pre{white-space:pre-wrap;word-wrap:break-word}.quick-ajax-form-wrap ul.ul-numbered{list-style-type:decimal;padding-left:13px}.quick-ajax-form-wrap li ul{margin-top:6px}.quick-ajax-accordion-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin-bottom:16px}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 1.5em;min-height:44px;background:var(--qapl-bg);border:1px solid var(--qapl-border);cursor:pointer;outline:unset}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:hover{background:var(--qapl-bg-muted)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:active,.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle:focus{outline-width:2px;outline-style:solid;outline-offset:-2px;outline-color:var(--qapl-theme-color);background-color:var(--qapl-bg-muted);z-index:1}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active{background:var(--qapl-bg)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active:hover{background:var(--qapl-bg-muted)}.quick-ajax-accordion-wrapper .accordion-title{max-width:calc(100% - 26px);font-size:13px;font-weight:600;line-height:1;margin:0}.quick-ajax-accordion-wrapper .accordion-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active .accordion-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.quick-ajax-accordion-wrapper .accordion-icon span{pointer-events:none;position:absolute;border:solid #50575e;border-width:0 2px 2px 0;height:.5rem;width:.5rem;top:50%;right:0;-webkit-transform:translateY(-70%) rotate(45deg);-ms-transform:translateY(-70%) rotate(45deg);transform:translateY(-70%) rotate(45deg)}.quick-ajax-accordion-wrapper .quick-ajax-accordion-content{display:none;border:1px solid var(--qapl-border);border-top:none;padding:0 1.5em 1em 1.5em}.quick-ajax-accordion-wrapper .quick-ajax-accordion-toggle.active+.quick-ajax-accordion-content:before{content:"";position:absolute;display:block;background:var(--qapl-bg);height:1px;left:1px;right:1px;margin-top:-1px}.qapl-admin-page-loader{position:relative;height:20px;width:40px;padding:6px 0;margin-left:0;vertical-align:middle}.qapl-admin-page-loader span{position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#50575e;border-radius:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0;-webkit-animation:qapl-admin-loader-animation 1.8s linear infinite;animation:qapl-admin-loader-animation 1.8s linear infinite}.qapl-admin-page-loader span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.qapl-admin-page-loader span:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.qapl-admin-page-loader span:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes qapl-admin-loader-animation{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0}10%{opacity:1}50%{-webkit-transform:translate(20px,-50%);transform:translate(20px,-50%);opacity:1}90%{opacity:0}100%{-webkit-transform:translate(40px,-50%);transform:translate(40px,-50%);opacity:0}}@keyframes qapl-admin-loader-animation{0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0}10%{opacity:1}50%{-webkit-transform:translate(20px,-50%);transform:translate(20px,-50%);opacity:1}90%{opacity:0}100%{-webkit-transform:translate(40px,-50%);transform:translate(40px,-50%);opacity:0}}

  • quick-ajax-post-loader/trunk/css/style.css

    r3322466 r3337932  
    66    -ms-flex-wrap: wrap;
    77        flex-wrap: wrap;
    8     gap: 10px;
     8    gap: 0.625rem;
    99    margin-bottom: 3rem;
    1010    text-align: center;
    … …  
    1515.quick-ajax-filter-container.quick-ajax-theme button.qapl-button,
    1616.quick-ajax-sort-options-container.quick-ajax-theme select{
    17     padding: 10px 20px;
    18     font-size: 16px;
     17    padding: 0.625rem 1.25rem;
     18    font-size: 1rem;
    1919    line-height: 1;
    2020    border:2px solid  #1e1e1e;
    … …  
    2323    -webkit-box-shadow: 0 0 22px rgba(0,0,0,0.2);
    2424            box-shadow: 0 0 22px rgba(0,0,0,0.2);
    25     border-radius: 21px;
     25    border-radius: 22px;
    2626    outline:unset;
    27     -webkit-transition: all 0.3s ease;
    28     transition: all 0.3s ease;
     27    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     28    transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     29    transition: background-color 0.3s ease, box-shadow 0.3s ease;
     30    transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    2931}
    3032.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:focus{
    … …  
    3638.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:hover,
    3739.quick-ajax-filter-container.quick-ajax-theme button.qapl-button.active{
    38     border:2px solid  #1e1e1e;
     40    border: 2px solid  #1e1e1e;
    3941    background-color: transparent;
    4042    color: #1e1e1e;
    4143    -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.5);
    4244            box-shadow: 0 0 14px rgba(0,0,0,0.5);
    43     -webkit-transition: all 0.3s ease;
    44     transition: all 0.3s ease;
    45 }
    46 /* controls container */
     45    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     46    transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     47    transition: background-color 0.3s ease, box-shadow 0.3s ease;
     48    transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
     49}
     50/* Controls Container */
    4751.quick-ajax-controls-container{
    4852    display: -webkit-box;
    4953    display: -ms-flexbox;
    5054    display: flex;
    51     gap: 10px;
     55    gap: 0.625rem;
    5256}
    5357.quick-ajax-controls-container .quick-ajax-filter-container{
    … …  
    6771            justify-content: start;
    6872}
    69 /* sort button */
     73/* Sort Button */
    7074.quick-ajax-sort-options-container.quick-ajax-theme{
    7175    margin-left: auto;
    … …  
    9094    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 5L0 3h4z"/></svg>');
    9195    background-repeat: no-repeat;
    92     background-position: calc(100% - 20px) 8px;
    93     background-size: 10px;
    94     padding: 5px 40px 5px 20px;
     96    background-position: calc(100% - 1.25rem) 0.5rem;
     97    background-size: 0.625rem;
     98    padding: 0.3125rem 2.5rem 0.3125rem 1.25rem;
    9599    min-height: 40px;
    96100    font-weight: 500;
    … …  
    102106       -moz-appearance: none;
    103107            appearance: none;
     108    -webkit-transition: background-color 0.3s ease, background-position 0.3s ease, background-image 0.3s ease;
     109    transition: background-color 0.3s ease, background-position 0.3s ease, background-image 0.3s ease;
    104110}
    105111.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select:hover,
    … …  
    108114    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 5L0 3h4z"/></svg>');
    109115    background-repeat: no-repeat;
    110     background-position: calc(100% - 20px) 8px;
    111     background-size: 10px;
     116    background-position: calc(100% - 1.25rem) 0.5rem;
     117    background-size: 0.625rem;
    112118    border: 2px solid #1e1e1e;
    113119    color: #1e1e1e;
    … …  
    121127    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 0L0 2h4z"/></svg>');
    122128    background-repeat: no-repeat;
    123     background-position: calc(100% - 20px) 16px;
    124     background-size: 10px;
     129    background-position: calc(100% - 1.25rem) 1rem;
     130    background-size: 0.625rem;
    125131    color: #1e1e1e;
    126     -webkit-transition: all 0.3s ease;
    127     transition: all 0.3s ease;
     132    -webkit-transition: background-color 0.3s ease, background-position 0.3s ease, background-image 0.3s ease;
     133    transition: background-color 0.3s ease, background-position 0.3s ease, background-image 0.3s ease;
    128134}
    129135.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select option {
    … …  
    131137    color: #1e1e1e;
    132138    font-weight: 500;
    133     padding: 10px;
     139    padding: 0.625rem;
    134140    text-align: center;
    135141}
    136 
    137 /* post container */
     142/* Post Container */
    138143.quick-ajax-posts-container.quick-ajax-theme{
    139144    position: relative;
    … …  
    145150        -ms-flex-direction: column;
    146151            flex-direction: column;
    147     -webkit-transition: all 0.3s ease;
    148     transition: all 0.3s ease;
    149152}
    150153.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper{
    … …  
    166169.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-2 {
    167170    --qapl-cols: 2;
    168     --qapl-min-col-size: 300px;
     171    --qapl-min-col-size: 18rem;
    169172    --qapl-gap: 2rem;
    170173}
    171174.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-3 {
    172175    --qapl-cols: 3;
    173     --qapl-min-col-size: 250px;
     176    --qapl-min-col-size: 16rem;
    174177    --qapl-gap: 2rem;
    175178}
    176179.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-4 {
    177180    --qapl-cols: 4;
    178     --qapl-min-col-size: 220px;
     181    --qapl-min-col-size: 14rem;
    179182    --qapl-gap: 2rem;
    180183}
    181184.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-5 {
    182185    --qapl-cols: 5;
    183     --qapl-min-col-size: 200px;
     186    --qapl-min-col-size: 12rem;
    184187    --qapl-gap: 2rem;
    185188}
    186189.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-6 {
    187190    --qapl-cols: 6;
    188     --qapl-min-col-size: 180px;
     191    --qapl-min-col-size: 11rem;
    189192    --qapl-gap: 2rem;
    190193}
    191194.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-7 {
    192195    --qapl-cols: 7;
    193     --qapl-min-col-size: 160px;
     196    --qapl-min-col-size: 10rem;
    194197    --qapl-gap: 1rem;
    195198}
    196199.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-8 {
    197200    --qapl-cols: 8;
    198     --qapl-min-col-size: 150px;
     201    --qapl-min-col-size: 9rem;
    199202    --qapl-gap: 1rem;
    200203}
    201204.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-9 {
    202205    --qapl-cols: 9;
    203     --qapl-min-col-size: 140px;
     206    --qapl-min-col-size: 8rem;
    204207    --qapl-gap: 1rem;
    205208}
    206209.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-10 {
    207210    --qapl-cols: 10;
    208     --qapl-min-col-size: 130px;
     211    --qapl-min-col-size: 7rem;
    209212    --qapl-gap: 1rem;
    210213}
    211214.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-11 {
    212215    --qapl-cols: 11;
    213     --qapl-min-col-size: 120px;
     216    --qapl-min-col-size: 6.5rem;
    214217    --qapl-gap: 1rem;
    215218}
    216219.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-12 {
    217220    --qapl-cols: 12;
    218     --qapl-min-col-size: 110px;
     221    --qapl-min-col-size: 6rem;
    219222    --qapl-gap: 1rem;
    220223}
    … …  
    225228    }
    226229}
    227 
     230/* No posts Found */
    228231.quick-ajax-posts-container.quick-ajax-theme .qapl-no-posts-found{
    229232    display: block;
    … …  
    231234    text-align: center;
    232235}
     236/* End Message */
    233237.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-end-message-container{
    234238    display: block;
    … …  
    241245            animation-delay: 0.5s;
    242246}
     247/* Load More Button */
    243248.quick-ajax-posts-container.quick-ajax-theme .qapl-load-more-button{
    244249    display: block;
    … …  
    251256            animation-delay: 0.3s;
    252257}
    253 
    254 /* post-item */
     258/* Post Item */
    255259.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item{
    256260    display: -webkit-box;
    … …  
    291295    width: 100%;
    292296}
    293 
    294297/* Default Post Item Template */
    295298.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a{
    … …  
    298301            box-shadow: 0 0 10px rgba(0,0,0,0.2);
    299302    text-decoration: none;
    300     border-radius: 6px;
    301     text-decoration: none;
    302     -webkit-transition: all 0.3s ease;
    303     transition: all 0.3s ease;
     303    border-top-right-radius: 10px;
     304    border-top-left-radius: 10px;
     305    border-bottom-right-radius: 8px;
     306    border-bottom-left-radius: 8px;
     307    text-decoration: none;
     308    -webkit-transition: -webkit-box-shadow 0.3s ease;
     309    transition: -webkit-box-shadow 0.3s ease;
     310    transition: box-shadow 0.3s ease;
     311    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    304312}
    305313.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:focus img{
    … …  
    309317    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    310318            box-shadow: 0 0 10px rgba(0,0,0,0.5);
    311     -webkit-transition: all 0.3s ease;
    312     transition: all 0.3s ease;
     319    -webkit-transition: -webkit-box-shadow 0.3s ease;
     320    transition: -webkit-box-shadow 0.3s ease;
     321    transition: box-shadow 0.3s ease;
     322    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    313323}
    314324.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a > div{
    315325    opacity:1;
    316     -webkit-transition: all 0.3s ease;
    317     transition: all 0.3s ease;
     326    -webkit-transition: opacity 0.3s ease;
     327    transition: opacity 0.3s ease;
    318328}
    319329.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:hover > div{
    320330    opacity:0.8;
    321     -webkit-transition: all 0.3s ease;
    322     transition: all 0.3s ease;
     331    -webkit-transition: opacity 0.3s ease;
     332    transition: opacity 0.3s ease;
    323333}
    324334.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-image{
    … …  
    339349    -o-object-position: center;
    340350       object-position: center;
    341     border-top-right-radius: 6px;
    342     border-top-left-radius: 6px;
     351    border-top-right-radius: 8px;
     352    border-top-left-radius: 8px;
    343353}
    344354.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date{
    … …  
    352362    display: flex;
    353363    width: auto;
    354     border-radius: 6px;
     364    border-radius: 8px;
    355365}
    356366.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date span{
    357367    line-height: 1;
    358368    padding: 0.5rem;
    359     font-size: 14px;
     369    font-size: 0.875rem;
    360370    font-weight:bold;
    361371    color:#1e1e1e;
    … …  
    415425.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button{
    416426    display: block;
    417     padding: 10px 20px;   
    418     font-size: 18px;
     427    padding: 0.625rem 1.25rem;
     428    font-size: 1rem;
    419429    line-height: 1;
    420430    border: 2px solid #1e1e1e;
    … …  
    423433    -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
    424434            box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
    425     border-radius: 21px;
     435    border-radius: 22px;
    426436    outline:unset;
    427     -webkit-transition: all 0.3s;
    428     transition: all 0.3s;
     437    -webkit-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     438    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     439    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, border-color 0.3s ease;
     440    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    429441}
    430442.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button:hover {
    … …  
    434446    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
    435447            box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
    436     -webkit-transition: all 0.3s ease;
    437     transition: all 0.3s ease;
     448    -webkit-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     449    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
     450    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, border-color 0.3s ease;
     451    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    438452}
    439453.quick-ajax-posts-container .quick-ajax-load-more-container.infinite-scroll{
    440454    visibility: hidden;
    441455}
    442 
    443456/* Loader Container */
    444457.quick-ajax-posts-container .quick-ajax-loader-container{
    445458    visibility: hidden;
    446459    opacity:0;
    447     height: 0;
    448460    -webkit-transition: opacity 0.1s ease;
    449461    transition: opacity 0.1s ease;
    … …  
    452464    visibility: visible;
    453465    opacity:1;
    454     height: auto;
    455466    -webkit-transition: opacity 0.3s ease;
    456467    transition: opacity 0.3s ease;
    … …  
    458469.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-loader-container{
    459470    display: none;
    460     height: 0;
    461471    margin:0 auto 0;
    462472    -webkit-transition: opacity 0.3s ease;
    … …  
    467477    display: -ms-flexbox;
    468478    display: flex;
    469     height: auto;
    470479    margin-top:2rem;
    471480    -webkit-transition: opacity 0.3s ease;
    … …  
    477486    display: -ms-flexbox;
    478487    display: flex;
    479     height: auto;
    480488    margin:0;
    481489    top: 50%;
    … …  
    489497    transition: opacity 0.3s ease;
    490498}
    491 
    492 
    493499/* Loader Icon Default */
    494500.qapl-loader-default {
    … …  
    505511    border: 8px solid rgba(0,0,0,0.3);
    506512    border-top: 8px solid rgba(0,0,0,0.6);
    507 }
    508  
    509   @-webkit-keyframes loader-one-spin {
    510     0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    511     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    512   }
    513  
    514   @keyframes loader-one-spin {
    515     0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    516     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    517   }
    518  
     513} 
     514@-webkit-keyframes loader-one-spin {
     5150% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
     516100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
     517} 
     518@keyframes loader-one-spin {
     5190% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
     520100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
     521} 
    519522/* Loader Dot */
    520523.qapl-loader-dot {
    … …  
    530533    margin: 1rem auto 1rem;
    531534}
    532 
    533535.qapl-loader-dot .dot {
    534536    width: 15px;
    … …  
    543545    background: rgba(0,0,0,0.6);
    544546}
    545 
    546547.qapl-loader-dot .dot:nth-child(1) { -webkit-animation-delay: -0.24s; animation-delay: -0.24s; }
    547548.qapl-loader-dot .dot:nth-child(2) { -webkit-animation-delay: -0.12s; animation-delay: -0.12s; }
    548549.qapl-loader-dot .dot:nth-child(3) { -webkit-animation-delay: 0; animation-delay: 0; }
    549 
    550550@-webkit-keyframes dotPulse {
    551551    0%, 100% {
    … …  
    560560    }
    561561}
    562 
    563562@keyframes dotPulse {
    564563    0%, 100% {
    … …  
    585584            justify-content: center;
    586585    margin: 1rem auto 1rem;
    587 }
    588  
     586} 
    589587.qapl-loader-wave .wave {
    590588    width: 5px;
    … …  
    604602.qapl-loader-wave .wave:nth-child(3) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    605603.qapl-loader-wave .wave:nth-child(4) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    606 .qapl-loader-wave .wave:nth-child(5) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
    607  
     604.qapl-loader-wave .wave:nth-child(5) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } 
    608605@-webkit-keyframes wave {
    609606    0%, 40%, 100% {
    … …  
    616613        background: rgba(255,255,255,1);
    617614    }
    618 }
    619  
     615} 
    620616@keyframes wave {
    621617    0%, 40%, 100% {
    … …  
    651647    }
    652648}
    653 
    654649/* Fade-in Animation */
    655650@-webkit-keyframes qapl-fade-in {
    … …  
    669664    }
    670665}
    671 
    672666/* Image Background Post Template */
    673667.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img {
    … …  
    687681    -o-object-fit: cover;
    688682       object-fit: cover;
    689     border-radius: 4px;
     683    border-radius: 8px;
    690684    -o-object-position: center;
    691685       object-position: center;
    … …  
    700694    height: 100%;
    701695    background:rgba(0,0,0,0.5);
    702     border-radius: 4px;
     696    border-radius: 8px;
    703697    z-index: 0;
    704698}
    … …  
    707701    z-index: 2;
    708702    background-color: rgba(0, 0, 0, 0.5);
    709     padding: 20px;
    710     display: -webkit-box;
    711     display: -ms-flexbox;
    712     display: flex; /* enables alignment and ensures height */
     703    padding: 1.25rem;
     704    display: -webkit-box;
     705    display: -ms-flexbox;
     706    display: flex;
    713707    -webkit-box-orient: vertical;
    714708    -webkit-box-direction: normal;
    715709        -ms-flex-direction: column;
    716             flex-direction: column; /* ensures content is stacked vertically */
     710            flex-direction: column;
    717711    -webkit-box-pack: justify;
    718712        -ms-flex-pack: justify;
    719             justify-content: space-between; /* spaces items evenly or pushes them to edges */
    720     height: 100%; /* takes full height of parent */
     713            justify-content: space-between;
     714    height: 100%;
    721715    -webkit-box-sizing: border-box;
    722716            box-sizing: border-box;
    723     border-radius: 4px;
     717    border-radius: 8px;
    724718    overflow: hidden;
    725719}
    … …  
    734728    opacity: 0;
    735729    z-index: -1;
    736     border-top-left-radius: 4px;
    737     border-top-right-radius: 4px;
    738     -webkit-transition: all 0.6s ease;
    739     transition: all 0.6s ease;
    740 }
    741 
     730    border-top-left-radius: 8px;
     731    border-top-right-radius: 8px;
     732    -webkit-transition: left 0.6s ease, opacity 0.6s ease;
     733    transition: left 0.6s ease, opacity 0.6s ease;
     734}
    742735.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a:hover > .post-content::before {
    743736    left:0;
    744737    opacity: 1;
    745     -webkit-transition: all 0.6s ease;
    746     transition: all 0.6s ease;
    747 }
    748 
     738    -webkit-transition: left 0.6s ease, opacity 0.6s ease;
     739    transition: left 0.6s ease, opacity 0.6s ease;
     740}
    749741.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-date{
    750742    position: relative;
    751743    background: none;
    752744    line-height: 1;
    753     margin-bottom: 20px;
    754     font-size: 14px;
     745    margin-bottom: 1.25rem;
     746    font-size: 0.875rem;
    755747    font-weight: 600;
    756748}
    … …  
    785777    margin-left: auto;
    786778    margin-bottom: 0;
    787     padding: 6px 20px 8px;
     779    padding: 0.6rem 2rem 0.8rem;
    788780    text-transform: uppercase;
    789     border-radius: 7px;
     781    border-radius: 8px;
    790782    line-height: 1;
    791783    opacity:0;
    792     -webkit-transition: all 0.6s ease;
    793     transition: all 0.6s ease;
     784    -webkit-transition: opacity 0.6s ease;
     785    transition: opacity 0.6s ease;
    794786}
    795787.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-read-more p{
    … …  
    799791    opacity:1;
    800792    background: rgba(0, 0, 0, 0.6);
    801     -webkit-transition: all 0.6s ease;
    802     transition: all 0.6s ease;
    803 }
     793    -webkit-transition: opacity 0.6s ease;
     794    transition: opacity 0.6s ease;
     795}

  • quick-ajax-post-loader/trunk/css/style.min.css

    r3322466 r3337932  
    1 .quick-ajax-filter-container.quick-ajax-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:3rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button,.quick-ajax-sort-options-container.quick-ajax-theme select{padding:10px 20px;font-size:16px;line-height:1;border:2px solid #1e1e1e;background-color:#1e1e1e;color:#fff;-webkit-box-shadow:0 0 22px rgba(0,0,0,.2);box-shadow:0 0 22px rgba(0,0,0,.2);border-radius:21px;outline:unset;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:focus{outline:0;text-decoration:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button.active,.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:hover{border:2px solid #1e1e1e;background-color:transparent;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.quick-ajax-controls-container .quick-ajax-filter-container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.quick-ajax-controls-container .quick-ajax-sort-options-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.quick-ajax-controls-container .quick-ajax-filter-container.quick-ajax-theme{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.quick-ajax-sort-options-container.quick-ajax-theme{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}.quick-ajax-sort-options-container.quick-ajax-theme select{background-color:#1e1e1e;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 20px) 8px;background-size:10px;padding:5px 40px 5px 20px;min-height:40px;font-weight:500;text-align:center;outline:0;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select:hover,.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper:hover select{background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 20px) 8px;background-size:10px;border:2px solid #1e1e1e;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select:focus{background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 0L0 2h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 20px) 16px;background-size:10px;color:#1e1e1e;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select option{background-color:#fff;color:#1e1e1e;font-weight:500;padding:10px;text-align:center}.quick-ajax-posts-container.quick-ajax-theme{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper{display:grid;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--qapl-gap);grid-template-columns:repeat(auto-fit,minmax(var(--qapl-min-col-size),1fr))}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-1{--qapl-cols:1;--qapl-min-col-size:100%;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-2{--qapl-cols:2;--qapl-min-col-size:300px;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-3{--qapl-cols:3;--qapl-min-col-size:250px;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-4{--qapl-cols:4;--qapl-min-col-size:220px;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-5{--qapl-cols:5;--qapl-min-col-size:200px;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-6{--qapl-cols:6;--qapl-min-col-size:180px;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-7{--qapl-cols:7;--qapl-min-col-size:160px;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-8{--qapl-cols:8;--qapl-min-col-size:150px;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-9{--qapl-cols:9;--qapl-min-col-size:140px;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-10{--qapl-cols:10;--qapl-min-col-size:130px;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-11{--qapl-cols:11;--qapl-min-col-size:120px;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-12{--qapl-cols:12;--qapl-min-col-size:110px;--qapl-gap:1rem}@media (min-width:1024px){.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper[class*=col-qty-]{grid-template-columns:repeat(var(--qapl-cols),1fr);gap:var(--qapl-gap)}}.quick-ajax-posts-container.quick-ajax-theme .qapl-no-posts-found{display:block;width:100%;text-align:center}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-end-message-container{display:block;width:100%;text-align:center;opacity:0;-webkit-animation:qapl-fade-in .3s ease forwards;animation:qapl-fade-in .3s ease forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.quick-ajax-posts-container.quick-ajax-theme .qapl-load-more-button{display:block;width:auto;margin:0 auto;opacity:0;-webkit-animation:qapl-fade-in .3s ease forwards;animation:qapl-fade-in .3s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item div{-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a:focus{outline:0;text-decoration:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a>div{position:relative;display:block;width:100%}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);text-decoration:none;border-radius:6px;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:focus img{outline:0}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a>div{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:hover>div{opacity:.8;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-image{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;aspect-ratio:5/3;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-image img{width:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-right-radius:6px;border-top-left-radius:6px}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date{position:absolute;top:1rem;left:1rem;z-index:1;background-color:rgba(255,255,255,.6);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;border-radius:6px}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date span{line-height:1;padding:.5rem;font-size:14px;font-weight:700;color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:.5rem 1rem 1rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title,.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title>*{color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding:0 1rem 1rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description,.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description *{color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-read-more{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;text-align:right;padding:0 1rem 1rem;color:#1e1e1e;margin-top:auto}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-read-more p{margin-bottom:0}.quick-ajax-posts-container.quick-ajax-theme.loading{margin-bottom:0}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container{display:block;width:100%;opacity:1}.quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-load-more-container{display:none;opacity:0}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-wrapper{margin-top:3rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-load-more-button{display:block;width:auto;margin:0 auto}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button{display:block;padding:10px 20px;font-size:18px;line-height:1;border:2px solid #1e1e1e;background-color:#1e1e1e;color:#fff;-webkit-box-shadow:0 0 22px rgba(0,0,0,.2);box-shadow:0 0 22px rgba(0,0,0,.2);border-radius:21px;outline:unset;-webkit-transition:all .3s;transition:all .3s}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button:hover{border:2px solid #1e1e1e;background-color:transparent;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:all .3s ease;transition:all .3s ease}.quick-ajax-posts-container .quick-ajax-load-more-container.infinite-scroll{visibility:hidden}.quick-ajax-posts-container .quick-ajax-loader-container{visibility:hidden;opacity:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.quick-ajax-posts-container.loading .quick-ajax-loader-container{visibility:visible;opacity:1;height:auto;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-loader-container{display:none;height:0;margin:0 auto 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-loader-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;margin-top:2rem;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme.filter-update .quick-ajax-loader-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;margin:0;top:50%;left:50%;visibility:visible;opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.qapl-loader-default{border:8px solid #ebeaea;border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;margin:1rem auto 1rem;-webkit-animation:loader-one-spin 2s linear infinite;animation:loader-one-spin 2s linear infinite}.qapl-loader-default.dark-loader{border:8px solid rgba(0,0,0,.3);border-top:8px solid rgba(0,0,0,.6)}@-webkit-keyframes loader-one-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-one-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.qapl-loader-dot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem auto 1rem}.qapl-loader-dot .dot{width:15px;height:15px;background:#fff;border-radius:50%;margin:5px;-webkit-animation:dotPulse 1.2s infinite ease-in-out both;animation:dotPulse 1.2s infinite ease-in-out both}.qapl-loader-dot.dark-loader .dot{background:rgba(0,0,0,.6)}.qapl-loader-dot .dot:nth-child(1){-webkit-animation-delay:-.24s;animation-delay:-.24s}.qapl-loader-dot .dot:nth-child(2){-webkit-animation-delay:-.12s;animation-delay:-.12s}.qapl-loader-dot .dot:nth-child(3){-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes dotPulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes dotPulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.qapl-loader-wave{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem auto 1rem}.qapl-loader-wave .wave{width:5px;height:30px;background:rgba(255,255,255,.1);margin:0 2px;-webkit-animation:wave 1.2s infinite ease-in-out;animation:wave 1.2s infinite ease-in-out}.qapl-loader-wave.dark-loader .wave{background:rgba(0,0,0,.1);-webkit-animation:wave-dark 1.2s infinite ease-in-out;animation:wave-dark 1.2s infinite ease-in-out}.qapl-loader-wave .wave:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.qapl-loader-wave .wave:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.qapl-loader-wave .wave:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.qapl-loader-wave .wave:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.qapl-loader-wave .wave:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}@-webkit-keyframes wave{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:#fff}}@keyframes wave{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:#fff}}@-webkit-keyframes wave-dark{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:rgba(0,0,0,.6)}}@keyframes wave-dark{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:rgba(0,0,0,.6)}}@-webkit-keyframes qapl-fade-in{from{opacity:0}to{opacity:1}}@keyframes qapl-fade-in{from{opacity:0}to{opacity:1}}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img{position:relative;overflow:hidden;color:#fff}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a{text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;-o-object-position:center;object-position:center;object-fit:cover;z-index:1}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-no-image{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:4px;z-index:0}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .post-content{position:relative;z-index:2;background-color:rgba(0,0,0,.5);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;overflow:hidden}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .post-content::before{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(45deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.1) 65%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);opacity:0;z-index:-1;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-transition:all .6s ease;transition:all .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a:hover>.post-content::before{left:0;opacity:1;-webkit-transition:all .6s ease;transition:all .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-date{position:relative;background:0 0;line-height:1;margin-bottom:20px;font-size:14px;font-weight:600}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-date span{padding:0;margin-bottom:.5rem;color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title{padding-top:3rem;margin-top:auto}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title,.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title *{color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-description,.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-description *{color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-read-more{text-align:right;font-weight:600;color:#fff;text-decoration:none;background:rgba(0,0,0,.4);display:inline-block;margin-top:1rem;margin-left:auto;margin-bottom:0;padding:6px 20px 8px;text-transform:uppercase;border-radius:7px;line-height:1;opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-read-more p{margin-bottom:0}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a:hover .qapl-read-more{opacity:1;background:rgba(0,0,0,.6);-webkit-transition:all .6s ease;transition:all .6s ease}
     1.quick-ajax-filter-container.quick-ajax-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.625rem;margin-bottom:3rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button,.quick-ajax-sort-options-container.quick-ajax-theme select{padding:.625rem 1.25rem;font-size:1rem;line-height:1;border:2px solid #1e1e1e;background-color:#1e1e1e;color:#fff;-webkit-box-shadow:0 0 22px rgba(0,0,0,.2);box-shadow:0 0 22px rgba(0,0,0,.2);border-radius:22px;outline:unset;-webkit-transition:background-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:focus{outline:0;text-decoration:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.quick-ajax-filter-container.quick-ajax-theme button.qapl-button.active,.quick-ajax-filter-container.quick-ajax-theme button.qapl-button:hover{border:2px solid #1e1e1e;background-color:transparent;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:background-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem}.quick-ajax-controls-container .quick-ajax-filter-container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.quick-ajax-controls-container .quick-ajax-sort-options-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.quick-ajax-controls-container .quick-ajax-filter-container.quick-ajax-theme{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.quick-ajax-sort-options-container.quick-ajax-theme{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}.quick-ajax-sort-options-container.quick-ajax-theme select{background-color:#1e1e1e;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 1.25rem) .5rem;background-size:.625rem;padding:.3125rem 2.5rem .3125rem 1.25rem;min-height:40px;font-weight:500;text-align:center;outline:0;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:background-color .3s ease,background-position .3s ease,background-image .3s ease;transition:background-color .3s ease,background-position .3s ease,background-image .3s ease}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select:hover,.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper:hover select{background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 1.25rem) .5rem;background-size:.625rem;border:2px solid #1e1e1e;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select:focus{background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%231e1e1e" d="M2 0L0 2h4z"/></svg>');background-repeat:no-repeat;background-position:calc(100% - 1.25rem) 1rem;background-size:.625rem;color:#1e1e1e;-webkit-transition:background-color .3s ease,background-position .3s ease,background-image .3s ease;transition:background-color .3s ease,background-position .3s ease,background-image .3s ease}.quick-ajax-sort-options-container.quick-ajax-theme .quick-ajax-sort-option-wrapper select option{background-color:#fff;color:#1e1e1e;font-weight:500;padding:.625rem;text-align:center}.quick-ajax-posts-container.quick-ajax-theme{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper{display:grid;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--qapl-gap);grid-template-columns:repeat(auto-fit,minmax(var(--qapl-min-col-size),1fr))}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-1{--qapl-cols:1;--qapl-min-col-size:100%;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-2{--qapl-cols:2;--qapl-min-col-size:18rem;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-3{--qapl-cols:3;--qapl-min-col-size:16rem;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-4{--qapl-cols:4;--qapl-min-col-size:14rem;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-5{--qapl-cols:5;--qapl-min-col-size:12rem;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-6{--qapl-cols:6;--qapl-min-col-size:11rem;--qapl-gap:2rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-7{--qapl-cols:7;--qapl-min-col-size:10rem;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-8{--qapl-cols:8;--qapl-min-col-size:9rem;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-9{--qapl-cols:9;--qapl-min-col-size:8rem;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-10{--qapl-cols:10;--qapl-min-col-size:7rem;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-11{--qapl-cols:11;--qapl-min-col-size:6.5rem;--qapl-gap:1rem}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper.col-qty-12{--qapl-cols:12;--qapl-min-col-size:6rem;--qapl-gap:1rem}@media (min-width:1024px){.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper[class*=col-qty-]{grid-template-columns:repeat(var(--qapl-cols),1fr);gap:var(--qapl-gap)}}.quick-ajax-posts-container.quick-ajax-theme .qapl-no-posts-found{display:block;width:100%;text-align:center}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-end-message-container{display:block;width:100%;text-align:center;opacity:0;-webkit-animation:qapl-fade-in .3s ease forwards;animation:qapl-fade-in .3s ease forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.quick-ajax-posts-container.quick-ajax-theme .qapl-load-more-button{display:block;width:auto;margin:0 auto;opacity:0;-webkit-animation:qapl-fade-in .3s ease forwards;animation:qapl-fade-in .3s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item div{-webkit-box-sizing:border-box;box-sizing:border-box}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a:focus{outline:0;text-decoration:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a>div{position:relative;display:block;width:100%}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);text-decoration:none;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;text-decoration:none;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:focus img{outline:0}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a>div{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default a:hover>div{opacity:.8;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-image{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;aspect-ratio:5/3;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-image img{width:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-right-radius:8px;border-top-left-radius:8px}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date{position:absolute;top:1rem;left:1rem;z-index:1;background-color:rgba(255,255,255,.6);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;border-radius:8px}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-date span{line-height:1;padding:.5rem;font-size:.875rem;font-weight:700;color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:.5rem 1rem 1rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title,.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-title>*{color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding:0 1rem 1rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description,.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-post-description *{color:#1e1e1e}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-read-more{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;text-align:right;padding:0 1rem 1rem;color:#1e1e1e;margin-top:auto}.quick-ajax-posts-container.quick-ajax-theme .qapl-post-item.qapl-post-item-default .qapl-read-more p{margin-bottom:0}.quick-ajax-posts-container.quick-ajax-theme.loading{margin-bottom:0}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container{display:block;width:100%;opacity:1}.quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-load-more-container{display:none;opacity:0}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-wrapper{margin-top:3rem}.quick-ajax-posts-container.quick-ajax-theme .qapl-load-more-button{display:block;width:auto;margin:0 auto}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button{display:block;padding:.625rem 1.25rem;font-size:1rem;line-height:1;border:2px solid #1e1e1e;background-color:#1e1e1e;color:#fff;-webkit-box-shadow:0 0 22px rgba(0,0,0,.2);box-shadow:0 0 22px rgba(0,0,0,.2);border-radius:22px;outline:unset;-webkit-transition:background-color .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-load-more-container .qapl-load-more-button:hover{border:2px solid #1e1e1e;background-color:transparent;color:#1e1e1e;-webkit-box-shadow:0 0 14px rgba(0,0,0,.5);box-shadow:0 0 14px rgba(0,0,0,.5);-webkit-transition:background-color .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease}.quick-ajax-posts-container .quick-ajax-load-more-container.infinite-scroll{visibility:hidden}.quick-ajax-posts-container .quick-ajax-loader-container{visibility:hidden;opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.quick-ajax-posts-container.loading .quick-ajax-loader-container{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme .quick-ajax-loader-container{display:none;margin:0 auto 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-loader-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2rem;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.quick-ajax-posts-container.quick-ajax-theme.filter-update .quick-ajax-loader-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;top:50%;left:50%;visibility:visible;opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.qapl-loader-default{border:8px solid #ebeaea;border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;margin:1rem auto 1rem;-webkit-animation:loader-one-spin 2s linear infinite;animation:loader-one-spin 2s linear infinite}.qapl-loader-default.dark-loader{border:8px solid rgba(0,0,0,.3);border-top:8px solid rgba(0,0,0,.6)}@-webkit-keyframes loader-one-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-one-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.qapl-loader-dot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem auto 1rem}.qapl-loader-dot .dot{width:15px;height:15px;background:#fff;border-radius:50%;margin:5px;-webkit-animation:dotPulse 1.2s infinite ease-in-out both;animation:dotPulse 1.2s infinite ease-in-out both}.qapl-loader-dot.dark-loader .dot{background:rgba(0,0,0,.6)}.qapl-loader-dot .dot:nth-child(1){-webkit-animation-delay:-.24s;animation-delay:-.24s}.qapl-loader-dot .dot:nth-child(2){-webkit-animation-delay:-.12s;animation-delay:-.12s}.qapl-loader-dot .dot:nth-child(3){-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes dotPulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes dotPulse{0%,100%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.qapl-loader-wave{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem auto 1rem}.qapl-loader-wave .wave{width:5px;height:30px;background:rgba(255,255,255,.1);margin:0 2px;-webkit-animation:wave 1.2s infinite ease-in-out;animation:wave 1.2s infinite ease-in-out}.qapl-loader-wave.dark-loader .wave{background:rgba(0,0,0,.1);-webkit-animation:wave-dark 1.2s infinite ease-in-out;animation:wave-dark 1.2s infinite ease-in-out}.qapl-loader-wave .wave:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.qapl-loader-wave .wave:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.qapl-loader-wave .wave:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.qapl-loader-wave .wave:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.qapl-loader-wave .wave:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}@-webkit-keyframes wave{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:#fff}}@keyframes wave{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:#fff}}@-webkit-keyframes wave-dark{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:rgba(0,0,0,.6)}}@keyframes wave-dark{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1);background:rgba(0,0,0,.6)}}@-webkit-keyframes qapl-fade-in{from{opacity:0}to{opacity:1}}@keyframes qapl-fade-in{from{opacity:0}to{opacity:1}}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img{position:relative;overflow:hidden;color:#fff}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a{text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;-o-object-position:center;object-position:center;object-fit:cover;z-index:1}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-no-image{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:8px;z-index:0}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .post-content{position:relative;z-index:2;background-color:rgba(0,0,0,.5);padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;overflow:hidden}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .post-content::before{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(45deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.1) 65%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);opacity:0;z-index:-1;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-transition:left .6s ease,opacity .6s ease;transition:left .6s ease,opacity .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a:hover>.post-content::before{left:0;opacity:1;-webkit-transition:left .6s ease,opacity .6s ease;transition:left .6s ease,opacity .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-date{position:relative;background:0 0;line-height:1;margin-bottom:1.25rem;font-size:.875rem;font-weight:600}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-date span{padding:0;margin-bottom:.5rem;color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title{padding-top:3rem;margin-top:auto}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title,.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-title *{color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-description,.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-post-description *{color:#fff;text-decoration:none}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-read-more{text-align:right;font-weight:600;color:#fff;text-decoration:none;background:rgba(0,0,0,.4);display:inline-block;margin-top:1rem;margin-left:auto;margin-bottom:0;padding:.6rem 2rem .8rem;text-transform:uppercase;border-radius:8px;line-height:1;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img .qapl-read-more p{margin-bottom:0}.quick-ajax-posts-container .qapl-post-item.qapl-post-item-bg-img a:hover .qapl-read-more{opacity:1;background:rgba(0,0,0,.6);-webkit-transition:opacity .6s ease;transition:opacity .6s ease}

  • quick-ajax-post-loader/trunk/inc/class-helper.php

    r3328398 r3337932  
    1414    public static function get_plugin_info() {
    1515        return [
    16             'version' => '1.7.6',
     16            'version' => '1.7.7',
    1717            'name' => 'Quick Ajax Post Loader',
    1818            'text_domain' => 'quick-ajax-post-loader',

  • quick-ajax-post-loader/trunk/js/script.js

    r3322466 r3337932  
    11(function ($) {
    2     var qapl_quick_ajax_post_loader_scripts = {
     2    const qapl_quick_ajax_post_loader_scripts = {
    33        init: function () {
    44            this.qapl_quick_ajax_handlers();
    … …  
    88        qapl_quick_ajax_handlers: function () {
    99            if (typeof qapl_quick_ajax_helper !== "undefined" && qapl_quick_ajax_helper) {
    10                 var self = this;
     10                const self = this;
    1111                if (qapl_quick_ajax_helper.helper.load_more_data_button) {
    1212                    $(".quick-ajax-posts-container").on("click", `[data-button="${qapl_quick_ajax_helper.helper.load_more_data_button}"]`, function () {
    … …  
    3131        },
    3232        qapl_quick_ajax_initial_load: function () {
    33             var self = this;
    34             var initialLoader = $(".qapl-initial-loader");
     33            const self = this;
     34            const initialLoader = $(".qapl-initial-loader");
    3535            if (initialLoader.length > 0) {
    3636                //auto load ajax posts on page load
    … …  
    3939        },
    4040        qapl_quick_ajax_infinite_scroll: function () {
    41             var self = this;
     41            const self = this;
    4242            // check if any infinite scroll container exists
    4343            $(".quick-ajax-load-more-container.infinite-scroll").each(function () {
    44                 var observer = new IntersectionObserver(
     44                const observer = new IntersectionObserver(
    4545                    function (entries) {
    4646                        entries.forEach(function (entry) {
    4747                            if (entry.isIntersecting) {
    48                                 var button = $(entry.target).find('button[data-button="' + qapl_quick_ajax_helper.helper.load_more_data_button + '"]');
     48                                const button = $(entry.target).find('button[data-button="' + qapl_quick_ajax_helper.helper.load_more_data_button + '"]');
    4949                                if (button.length && !button.hasClass("loading")) {
    5050                                    button.addClass("loading");
    … …  
    6565        },
    6666        qapl_quick_ajax_handle_ajax: function (button) {
    67             var self = this;
     67            const self = this;
     68            let args = {};
     69            let attributes = {};
    6870            try {
    69                 var args = JSON.parse(button.attr("data-action") || "{}");
    70                 var attributes = JSON.parse(button.attr("data-attributes") || "{}");
     71                args = JSON.parse(button.attr("data-action") || "{}");
     72                attributes = JSON.parse(button.attr("data-attributes") || "{}");
    7173                if (typeof args !== "object" || typeof attributes !== "object") {
    7274                    throw new Error("Quick Ajax Post Loader: Invalid JSON structure");
    … …  
    7779            }
    7880
    79             var button_type = button.attr("data-button");
    80             var containerId = attributes[qapl_quick_ajax_helper.helper.block_id] || "";
    81             var container = $("#quick-ajax-" + containerId);
    82             var container_inner = $("#quick-ajax-" + containerId + " .quick-ajax-posts-wrapper");
     81            const button_type = button.attr("data-button");
     82            const containerId = attributes[qapl_quick_ajax_helper.helper.block_id] || "";
     83            const container = $("#quick-ajax-" + containerId);
     84            const container_inner = $("#quick-ajax-" + containerId + " .quick-ajax-posts-wrapper");
    8385            if (!container.length || !container_inner.length) {
    8486                console.error("Quick Ajax Post Loader: Container or inner container not found:", containerId);
    … …  
    9092            //set container height to first item height to prevent layout shift
    9193            if (container.hasClass("quick-ajax-theme")) {
    92                 var firstItem = container_inner.find(".qapl-post-item:first");
     94                const firstItem = container_inner.find(".qapl-post-item:first");
    9395                if (firstItem.length) {
    9496                    container.css("min-height", firstItem.outerHeight() + "px");
    9597                }
    9698            }
    97             if (button.attr("data-button") === qapl_quick_ajax_helper.helper.filter_data_button || button.attr("data-button") === qapl_quick_ajax_helper.helper.sort_button) {
     99            if (button_type === qapl_quick_ajax_helper.helper.filter_data_button || button_type === qapl_quick_ajax_helper.helper.sort_button) {
    98100                container.addClass("filter-update");
    99101                container_inner.fadeOut(100, function () {
    … …  
    115117                        if (button_type === qapl_quick_ajax_helper.helper.load_more_data_button) {
    116118                            self.qapl_quick_ajax_load_more_add_posts(container_inner, button, response.data.output);
    117                         } else if (button.attr("data-button") === qapl_quick_ajax_helper.helper.filter_data_button || button.attr("data-button") === qapl_quick_ajax_helper.helper.sort_button) {
     119                        } else if (button_type === qapl_quick_ajax_helper.helper.filter_data_button || button_type === qapl_quick_ajax_helper.helper.sort_button) {
    118120                            self.qapl_quick_ajax_taxonomy_filter_show_posts(container_inner, button, response.data.output, containerId);
    119121                        }
    … …  
    140142        qapl_quick_ajax_load_more_add_posts: function (container, button, response) {
    141143            button.parent().remove();
    142             var new_posts = $(response).hide();
     144            const new_posts = $(response).hide();
    143145            container.append(new_posts);
    144146            new_posts.slideDown(function () {
    … …  
    152154            container.parent().find(".quick-ajax-load-more-container").remove();
    153155            container.stop(true, true).fadeOut(100, function () {
    154                 var new_posts = $(response).css("opacity", "0");
     156                const new_posts = $(response).css("opacity", "0");
    155157                container.html(new_posts).fadeIn(400);
    156158                new_posts.animate(
    … …  
    178180        },
    179181        qapl_quick_ajax_handle_sort: function (selectButton) {
    180             let $sortContainer = selectButton.closest(".quick-ajax-sort-options-container");
    181             let QuerySettings = $sortContainer.find(".quick-ajax-settings");
    182             let settingsData = QuerySettings.data("attributes");
     182            const sortContainer = selectButton.closest(".quick-ajax-sort-options-container");
     183            const querySettings = sortContainer.find(".quick-ajax-settings");
     184            const settingsData = querySettings.data("attributes");
    183185
    184186            // check if quick_ajax_id exists
    … …  
    187189            }
    188190
    189             let quickAjaxId = settingsData.quick_ajax_id;
    190             let filterContainer = $("#quick-ajax-filter-" + quickAjaxId);
     191            const quickAjaxId = settingsData.quick_ajax_id;
     192            const filterContainer = $("#quick-ajax-filter-" + quickAjaxId);
    191193            // get selected value
    192             let selectedValue = selectButton.val();
    193             let [orderby, order] = selectedValue.split("-");
     194            const selectedValue = selectButton.val();
     195            const [orderby = "", order = ""] = selectedValue.split("-");
    194196            // update quick-ajax-settings in the same sort container
    195             let actionData = QuerySettings.data("action");
     197            let actionData = querySettings.data("action");
    196198            // convert to object if needed
    197199            if (typeof actionData === "string") {
    198                 actionData = JSON.parse(actionData);
     200                try {
     201                    actionData = JSON.parse(actionData);
     202                } catch (e) {
     203                    console.error("Quick Ajax Post Loader: Invalid JSON in sort settings");
     204                    return;
     205                }
    199206            }
    200207            // change orderby and order
    … …  
    202209            actionData.order = order;
    203210            //update data-action
    204             QuerySettings.attr("data-action", JSON.stringify(actionData));
     211            querySettings.attr("data-action", JSON.stringify(actionData));
    205212            // if filter container does not exist, trigger only settings span click
    206213            if (!filterContainer.length) {
    207                 if (QuerySettings.is("[data-action]")) {
    208                     QuerySettings.trigger("click");
     214                if (querySettings.is("[data-action]")) {
     215                    querySettings.trigger("click");
    209216                }
    210217                return;
    … …  
    212219            // update all filter buttons in the matching filter container
    213220            filterContainer.find(".qapl-filter-button").each(function () {
    214                 let button = $(this);
     221                const button = $(this);
    215222                let actionData = button.data("action");
    216223                // get action data
    217224                if (typeof actionData === "string") {
    218                     actionData = JSON.parse(actionData);
     225                    try {
     226                        actionData = JSON.parse(actionData);
     227                    } catch (e) {
     228                        console.error("Quick Ajax Post Loader: Invalid JSON in filter button");
     229                        return;
     230                    }
    219231                }
    220232                // convert to object if needed
    … …  
    224236            });
    225237            // find the active button
    226             let activeButton = filterContainer.find(".qapl-filter-button.active");
     238            const activeButton = filterContainer.find(".qapl-filter-button.active");
    227239
    228240            if (activeButton.length) {
    229241                // click active button if exists
    230242                activeButton.trigger("click");
    231             } else {
     243            } else if (querySettings.is("[data-action]")) {
    232244                //click settings span
    233                 if (QuerySettings.is("[data-action]")) {
    234                     QuerySettings.trigger("click");
    235                 }
     245                querySettings.trigger("click");
    236246            }
    237247        }

  • quick-ajax-post-loader/trunk/js/script.min.js

    r3322466 r3337932  
    1 !function(a){var t={init:function(){this.qapl_quick_ajax_handlers(),this.qapl_quick_ajax_initial_load(),this.qapl_quick_ajax_infinite_scroll()},qapl_quick_ajax_handlers:function(){if("undefined"!=typeof qapl_quick_ajax_helper&&qapl_quick_ajax_helper){var t=this;qapl_quick_ajax_helper.helper.load_more_data_button&&a(".quick-ajax-posts-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.load_more_data_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),qapl_quick_ajax_helper.helper.filter_data_button&&a(".quick-ajax-filter-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),qapl_quick_ajax_helper.helper.sort_button&&a(".quick-ajax-sort-options-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.sort_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),a("body").on("change",'select[name="quick_ajax_sort_option"]',(function(){t.qapl_quick_ajax_handle_sort(a(this))}))}},qapl_quick_ajax_initial_load:function(){var t=a(".qapl-initial-loader");t.length>0&&this.qapl_quick_ajax_handle_ajax(t)},qapl_quick_ajax_infinite_scroll:function(){a(".quick-ajax-load-more-container.infinite-scroll").each((function(){new IntersectionObserver((function(t){t.forEach((function(t){if(t.isIntersecting){var e=a(t.target).find('button[data-button="'+qapl_quick_ajax_helper.helper.load_more_data_button+'"]');e.length&&!e.hasClass("loading")&&(e.addClass("loading"),e.trigger("click"))}}))}),{root:null,rootMargin:"0px",threshold:.5}).observe(this)}))},qapl_quick_ajax_handle_ajax:function(t){var e=this;try{var i=JSON.parse(t.attr("data-action")||"{}"),n=JSON.parse(t.attr("data-attributes")||"{}");if("object"!=typeof i||"object"!=typeof n)throw new Error("Quick Ajax Post Loader: Invalid JSON structure")}catch(a){return}var o=t.attr("data-button"),_=n[qapl_quick_ajax_helper.helper.block_id]||"",r=a("#quick-ajax-"+_),l=a("#quick-ajax-"+_+" .quick-ajax-posts-wrapper");if(r.length&&l.length){if(r.find(".quick-ajax-end-message-container").remove(),r.addClass("loading"),r.hasClass("quick-ajax-theme")){var c=l.find(".qapl-post-item:first");c.length&&r.css("min-height",c.outerHeight()+"px")}t.attr("data-button")!==qapl_quick_ajax_helper.helper.filter_data_button&&t.attr("data-button")!==qapl_quick_ajax_helper.helper.sort_button||(r.addClass("filter-update"),l.fadeOut(100,(function(){a(this).empty().fadeIn(100)}))),a.ajax({url:qapl_quick_ajax_helper.ajax_url,type:"POST",data:{action:"qapl_quick_ajax_load_posts",nonce:qapl_quick_ajax_helper.nonce,args:i,attributes:n,button_type:o},success:function(a){a&&a.data&&(o===qapl_quick_ajax_helper.helper.load_more_data_button?e.qapl_quick_ajax_load_more_add_posts(l,t,a.data.output):t.attr("data-button")!==qapl_quick_ajax_helper.helper.filter_data_button&&t.attr("data-button")!==qapl_quick_ajax_helper.helper.sort_button||e.qapl_quick_ajax_taxonomy_filter_show_posts(l,t,a.data.output,_),e.qapl_quick_ajax_append_load_more_button(l,a.data.load_more)),r.removeClass("loading"),setTimeout((function(){r.removeClass("filter-update")}),200),e.qapl_quick_ajax_append_end_message(r,a.data.show_end_message)},error:function(a,t,e){r.removeClass("loading"),setTimeout((function(){r.removeClass("filter-update")}),200)}})}},qapl_quick_ajax_load_more_add_posts:function(t,e,i){e.parent().remove();var n=a(i).hide();t.append(n),n.slideDown((function(){a(this).removeAttr("style")}))},qapl_quick_ajax_taxonomy_filter_show_posts:function(t,e,i,n){a("#quick-ajax-filter-"+n).find(`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`).removeClass("active"),e.addClass("active"),t.parent().find(".quick-ajax-load-more-container").remove(),t.stop(!0,!0).fadeOut(100,(function(){var e=a(i).css("opacity","0");t.html(e).fadeIn(400),e.animate({opacity:1},{duration:400,complete:function(){a(this).removeAttr("style")}})}))},qapl_quick_ajax_append_load_more_button:function(a,t){t&&(a.parent().find(".quick-ajax-load-more-container").remove(),a.parent().append(t),this.qapl_quick_ajax_infinite_scroll())},qapl_quick_ajax_append_end_message:function(a,t){t&&a.append(t)},qapl_quick_ajax_handle_sort:function(t){let e=t.closest(".quick-ajax-sort-options-container").find(".quick-ajax-settings"),i=e.data("attributes");if(!i||!i.quick_ajax_id)return;let n=i.quick_ajax_id,o=a("#quick-ajax-filter-"+n),_=t.val(),[r,l]=_.split("-"),c=e.data("action");if("string"==typeof c&&(c=JSON.parse(c)),c.orderby=r,c.order=l,e.attr("data-action",JSON.stringify(c)),!o.length)return void(e.is("[data-action]")&&e.trigger("click"));o.find(".qapl-filter-button").each((function(){let t=a(this),e=t.data("action");"string"==typeof e&&(e=JSON.parse(e)),e.orderby=r,e.order=l,t.attr("data-action",JSON.stringify(e))}));let u=o.find(".qapl-filter-button.active");u.length?u.trigger("click"):e.is("[data-action]")&&e.trigger("click")}};a(document).ready((function(){t.init()}))}(jQuery);
     1!function(a){const t={init:function(){this.qapl_quick_ajax_handlers(),this.qapl_quick_ajax_initial_load(),this.qapl_quick_ajax_infinite_scroll()},qapl_quick_ajax_handlers:function(){if("undefined"!=typeof qapl_quick_ajax_helper&&qapl_quick_ajax_helper){const t=this;qapl_quick_ajax_helper.helper.load_more_data_button&&a(".quick-ajax-posts-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.load_more_data_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),qapl_quick_ajax_helper.helper.filter_data_button&&a(".quick-ajax-filter-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),qapl_quick_ajax_helper.helper.sort_button&&a(".quick-ajax-sort-options-container").on("click",`[data-button="${qapl_quick_ajax_helper.helper.sort_button}"]`,(function(){t.qapl_quick_ajax_handle_ajax(a(this))})),a("body").on("change",'select[name="quick_ajax_sort_option"]',(function(){t.qapl_quick_ajax_handle_sort(a(this))}))}},qapl_quick_ajax_initial_load:function(){const t=this,e=a(".qapl-initial-loader");e.length>0&&t.qapl_quick_ajax_handle_ajax(e)},qapl_quick_ajax_infinite_scroll:function(){a(".quick-ajax-load-more-container.infinite-scroll").each((function(){new IntersectionObserver((function(t){t.forEach((function(t){if(t.isIntersecting){const e=a(t.target).find('button[data-button="'+qapl_quick_ajax_helper.helper.load_more_data_button+'"]');e.length&&!e.hasClass("loading")&&(e.addClass("loading"),e.trigger("click"))}}))}),{root:null,rootMargin:"0px",threshold:.5}).observe(this)}))},qapl_quick_ajax_handle_ajax:function(t){const e=this;let i={},n={};try{if(i=JSON.parse(t.attr("data-action")||"{}"),n=JSON.parse(t.attr("data-attributes")||"{}"),"object"!=typeof i||"object"!=typeof n)throw new Error("Quick Ajax Post Loader: Invalid JSON structure")}catch(a){return}const o=t.attr("data-button"),_=n[qapl_quick_ajax_helper.helper.block_id]||"",l=a("#quick-ajax-"+_),r=a("#quick-ajax-"+_+" .quick-ajax-posts-wrapper");if(l.length&&r.length){if(l.find(".quick-ajax-end-message-container").remove(),l.addClass("loading"),l.hasClass("quick-ajax-theme")){const a=r.find(".qapl-post-item:first");a.length&&l.css("min-height",a.outerHeight()+"px")}o!==qapl_quick_ajax_helper.helper.filter_data_button&&o!==qapl_quick_ajax_helper.helper.sort_button||(l.addClass("filter-update"),r.fadeOut(100,(function(){a(this).empty().fadeIn(100)}))),a.ajax({url:qapl_quick_ajax_helper.ajax_url,type:"POST",data:{action:"qapl_quick_ajax_load_posts",nonce:qapl_quick_ajax_helper.nonce,args:i,attributes:n,button_type:o},success:function(a){a&&a.data&&(o===qapl_quick_ajax_helper.helper.load_more_data_button?e.qapl_quick_ajax_load_more_add_posts(r,t,a.data.output):o!==qapl_quick_ajax_helper.helper.filter_data_button&&o!==qapl_quick_ajax_helper.helper.sort_button||e.qapl_quick_ajax_taxonomy_filter_show_posts(r,t,a.data.output,_),e.qapl_quick_ajax_append_load_more_button(r,a.data.load_more)),l.removeClass("loading"),setTimeout((function(){l.removeClass("filter-update")}),200),e.qapl_quick_ajax_append_end_message(l,a.data.show_end_message)},error:function(a,t,e){l.removeClass("loading"),setTimeout((function(){l.removeClass("filter-update")}),200)}})}},qapl_quick_ajax_load_more_add_posts:function(t,e,i){e.parent().remove();const n=a(i).hide();t.append(n),n.slideDown((function(){a(this).removeAttr("style")}))},qapl_quick_ajax_taxonomy_filter_show_posts:function(t,e,i,n){a("#quick-ajax-filter-"+n).find(`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`).removeClass("active"),e.addClass("active"),t.parent().find(".quick-ajax-load-more-container").remove(),t.stop(!0,!0).fadeOut(100,(function(){const e=a(i).css("opacity","0");t.html(e).fadeIn(400),e.animate({opacity:1},{duration:400,complete:function(){a(this).removeAttr("style")}})}))},qapl_quick_ajax_append_load_more_button:function(a,t){t&&(a.parent().find(".quick-ajax-load-more-container").remove(),a.parent().append(t),this.qapl_quick_ajax_infinite_scroll())},qapl_quick_ajax_append_end_message:function(a,t){t&&a.append(t)},qapl_quick_ajax_handle_sort:function(t){const e=t.closest(".quick-ajax-sort-options-container").find(".quick-ajax-settings"),i=e.data("attributes");if(!i||!i.quick_ajax_id)return;const n=i.quick_ajax_id,o=a("#quick-ajax-filter-"+n),_=t.val(),[l="",r=""]=_.split("-");let c=e.data("action");if("string"==typeof c)try{c=JSON.parse(c)}catch(a){return}if(c.orderby=l,c.order=r,e.attr("data-action",JSON.stringify(c)),!o.length)return void(e.is("[data-action]")&&e.trigger("click"));o.find(".qapl-filter-button").each((function(){const t=a(this);let e=t.data("action");if("string"==typeof e)try{e=JSON.parse(e)}catch(a){return}e.orderby=l,e.order=r,t.attr("data-action",JSON.stringify(e))}));const u=o.find(".qapl-filter-button.active");u.length?u.trigger("click"):e.is("[data-action]")&&e.trigger("click")}};a(document).ready((function(){t.init()}))}(jQuery);

  • quick-ajax-post-loader/trunk/quick-ajax-post-loader.php

    r3328398 r3337932  
    55* Text Domain: quick-ajax-post-loader
    66* Domain Path: /languages
    7 * Version: 1.7.6
     7* Version: 1.7.7
    88* Description: Supercharge post loading with Quick Ajax Post Loader. Enhance user experience and optimize site performance using AJAX technology.
    99* Author: Pawel Grzelkowski

  • quick-ajax-post-loader/trunk/readme.txt

    r3328398 r3337932  
    55Requires at least: 5.6
    66Tested up to: 6.8
    7 Stable tag: 1.7.6
     7Stable tag: 1.7.7
    88Requires PHP: 7.4
    99License: GPLv2 or later
    … …  
    106106== Changelog ==
    107107
     108= 1.7.7 - 2025-08-01 =
     109- Improved CSS for better layout adaptability and responsiveness across various screen sizes.
     110- Enhanced the admin interface styling for more consistent alignment and spacing in the Function Generator.
     111- Optimized admin scripts to improve loading performance and reduce unnecessary processing.
     112- Refactored frontend JavaScript to simplify the codebase and improve maintainability.
     113
     114**Note:**
     115- Minor visual differences may occur in some themes if you rely on the plugin's default styling. Please review your layout after updating.
     116
    108117= 1.7.6 - 2025-07-15 =
    109118- Refactored the Function Generator module to produce cleaner and more consistent PHP output.
Note: See TracChangeset for help on using the changeset viewer.