Changeset 3322466
- Timestamp:
- 07/04/2025 05:49:01 PM (9 months ago)
- Location:
- quick-ajax-post-loader/trunk
- Files:
-
- 10 edited
-
css/style.css (modified) (4 diffs)
-
css/style.min.css (modified) (1 diff)
-
inc/class-helper.php (modified) (1 diff)
-
js/script.js (modified) (9 diffs)
-
js/script.min.js (modified) (1 diff)
-
languages/quick-ajax-post-loader-en_GB.mo (modified) (previous)
-
languages/quick-ajax-post-loader-pl_PL.mo (modified) (previous)
-
languages/quick-ajax-post-loader.pot (modified) (1 diff)
-
quick-ajax-post-loader.php (modified) (1 diff)
-
readme.txt (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
quick-ajax-post-loader/trunk/css/style.css
r3321429 r3322466 136 136 137 137 /* post container */ 138 .quick-ajax-posts-container.quick-ajax-theme{ 139 position: relative; 140 display:-webkit-box; 141 display:-ms-flexbox; 142 display:flex; 143 -webkit-box-orient: vertical; 144 -webkit-box-direction: normal; 145 -ms-flex-direction: column; 146 flex-direction: column; 147 -webkit-transition: all 0.3s ease; 148 transition: all 0.3s ease; 149 } 138 150 .quick-ajax-posts-container.quick-ajax-theme .quick-ajax-posts-wrapper{ 139 151 display: grid; … … 233 245 width: auto; 234 246 margin:0 auto; 247 opacity: 0; 248 -webkit-animation: qapl-fade-in 0.3s ease forwards; 249 animation: qapl-fade-in 0.3s ease forwards; 250 -webkit-animation-delay: 0.3s; 251 animation-delay: 0.3s; 235 252 } 236 253 … … 440 457 } 441 458 .quick-ajax-posts-container.quick-ajax-theme .quick-ajax-loader-container{ 442 display: -webkit-box; 443 display: -ms-flexbox; 444 display: flex; 459 display: none; 460 height: 0; 445 461 margin:0 auto 0; 462 -webkit-transition: opacity 0.3s ease; 463 transition: opacity 0.3s ease; 446 464 } 447 465 .quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-loader-container{ … … 449 467 display: -ms-flexbox; 450 468 display: flex; 451 min-height: 42px;452 469 height: auto; 470 margin-top:2rem; 471 -webkit-transition: opacity 0.3s ease; 472 transition: opacity 0.3s ease; 473 } 474 .quick-ajax-posts-container.quick-ajax-theme.filter-update .quick-ajax-loader-container{ 475 position: absolute; 476 display: -webkit-box; 477 display: -ms-flexbox; 478 display: flex; 479 height: auto; 480 margin:0; 481 top: 50%; 482 left: 50%; 483 visibility: visible; 484 opacity:1; 485 -webkit-transform: translate(-50%, -50%); 486 -ms-transform: translate(-50%, -50%); 487 transform: translate(-50%, -50%); 488 -webkit-transition: opacity 0.3s ease; 489 transition: opacity 0.3s ease; 453 490 } 454 491 -
quick-ajax-post-loader/trunk/css/style.min.css
r3321429 r3322466 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 .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}.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:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto 0}.quick-ajax-posts-container.quick-ajax-theme.loading .quick-ajax-loader-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:42px;height:auto}.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: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} -
quick-ajax-post-loader/trunk/inc/class-helper.php
r3321429 r3322466 15 15 public static function get_plugin_info() { 16 16 return [ 17 'version' => '1.7. 4',17 'version' => '1.7.5', 18 18 'name' => 'Quick Ajax Post Loader', 19 19 'text_domain' => 'quick-ajax-post-loader', -
quick-ajax-post-loader/trunk/js/script.js
r3269883 r3322466 88 88 container.find(".quick-ajax-end-message-container").remove(); 89 89 container.addClass("loading"); 90 //set container height to first item height to prevent layout shift 91 if (container.hasClass("quick-ajax-theme")) { 92 var firstItem = container_inner.find(".qapl-post-item:first"); 93 if (firstItem.length) { 94 container.css("min-height", firstItem.outerHeight() + "px"); 95 } 96 } 90 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) { 98 container.addClass("filter-update"); 91 99 container_inner.fadeOut(100, function () { 92 100 $(this).empty().fadeIn(100); … … 108 116 self.qapl_quick_ajax_load_more_add_posts(container_inner, button, response.data.output); 109 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) { 110 self.qapl_quick_ajax_taxonomy_filter_show_posts(container_inner, button, response.data.output );118 self.qapl_quick_ajax_taxonomy_filter_show_posts(container_inner, button, response.data.output, containerId); 111 119 } 112 120 self.qapl_quick_ajax_append_load_more_button(container_inner, response.data.load_more); … … 115 123 } 116 124 container.removeClass("loading"); 125 setTimeout(function () { 126 container.removeClass("filter-update"); 127 }, 200); 128 117 129 self.qapl_quick_ajax_append_end_message(container, response.data.show_end_message); 118 130 }, … … 120 132 console.error("Quick Ajax Post Loader: Error:", error); 121 133 container.removeClass("loading"); 134 setTimeout(function () { 135 container.removeClass("filter-update"); 136 }, 200); 122 137 } 123 138 }); … … 131 146 }); 132 147 }, 133 qapl_quick_ajax_taxonomy_filter_show_posts: function (container, button, response) { 134 $(`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`).removeClass("active"); 148 qapl_quick_ajax_taxonomy_filter_show_posts: function (container, button, response, containerId) { 149 let filterContainer = $("#quick-ajax-filter-" + containerId); 150 filterContainer.find(`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`).removeClass("active"); 135 151 button.addClass("active"); 136 152 container.parent().find(".quick-ajax-load-more-container").remove(); 137 var new_posts = $(response).css("opacity", "0"); 138 container.html(new_posts); 139 new_posts.animate( 140 { opacity: 1 }, 141 { 142 duration: 400, 143 complete: function () { 144 $(this).removeAttr("style"); 153 container.stop(true, true).fadeOut(100, function () { 154 var new_posts = $(response).css("opacity", "0"); 155 container.html(new_posts).fadeIn(400); 156 new_posts.animate( 157 { opacity: 1 }, 158 { 159 duration: 400, 160 complete: function () { 161 $(this).removeAttr("style"); 162 } 145 163 } 146 }147 );164 ); 165 }); 148 166 }, 149 167 qapl_quick_ajax_append_load_more_button: function (container, load_more_html) { … … 161 179 qapl_quick_ajax_handle_sort: function (selectButton) { 162 180 let $sortContainer = selectButton.closest(".quick-ajax-sort-options-container"); 163 let $QuerySettings = $sortContainer.find(".quick-ajax-settings");164 let settingsData = $QuerySettings.data("attributes");181 let QuerySettings = $sortContainer.find(".quick-ajax-settings"); 182 let settingsData = QuerySettings.data("attributes"); 165 183 166 184 // check if quick_ajax_id exists … … 170 188 171 189 let quickAjaxId = settingsData.quick_ajax_id; 172 let $filterContainer = $("#quick-ajax-filter-" + quickAjaxId);190 let filterContainer = $("#quick-ajax-filter-" + quickAjaxId); 173 191 // get selected value 174 192 let selectedValue = selectButton.val(); 175 193 let [orderby, order] = selectedValue.split("-"); 176 194 // update quick-ajax-settings in the same sort container 177 let actionData = $QuerySettings.data("action");195 let actionData = QuerySettings.data("action"); 178 196 // convert to object if needed 179 197 if (typeof actionData === "string") { … … 184 202 actionData.order = order; 185 203 //update data-action 186 $QuerySettings.attr("data-action", JSON.stringify(actionData));204 QuerySettings.attr("data-action", JSON.stringify(actionData)); 187 205 // if filter container does not exist, trigger only settings span click 188 if (! $filterContainer.length) {189 if ( $QuerySettings.is("[data-action]")) {190 $QuerySettings.trigger("click");206 if (!filterContainer.length) { 207 if (QuerySettings.is("[data-action]")) { 208 QuerySettings.trigger("click"); 191 209 } 192 210 return; 193 211 } 194 212 // update all filter buttons in the matching filter container 195 $filterContainer.find(".qapl-filter-button").each(function () {196 let $button = $(this);197 let actionData = $button.data("action");213 filterContainer.find(".qapl-filter-button").each(function () { 214 let button = $(this); 215 let actionData = button.data("action"); 198 216 // get action data 199 217 if (typeof actionData === "string") { … … 203 221 actionData.orderby = orderby; 204 222 actionData.order = order; 205 $button.attr("data-action", JSON.stringify(actionData));223 button.attr("data-action", JSON.stringify(actionData)); 206 224 }); 207 225 // find the active button 208 let $activeButton = $filterContainer.find(".qapl-filter-button.active");209 210 if ( $activeButton.length) {226 let activeButton = filterContainer.find(".qapl-filter-button.active"); 227 228 if (activeButton.length) { 211 229 // click active button if exists 212 $activeButton.trigger("click");230 activeButton.trigger("click"); 213 231 } else { 214 232 //click settings span 215 if ( $QuerySettings.is("[data-action]")) {216 $QuerySettings.trigger("click");233 if (QuerySettings.is("[data-action]")) { 234 QuerySettings.trigger("click"); 217 235 } 218 236 } -
quick-ajax-post-loader/trunk/js/script.min.js
r3269883 r3322466 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 _=t.attr("data-button"),o=n[qapl_quick_ajax_helper.helper.block_id]||"",r=a("#quick-ajax-"+o),l=a("#quick-ajax-"+o+" .quick-ajax-posts-wrapper");r.length&&l.length&&(r.find(".quick-ajax-end-message-container").remove(),r.addClass("loading"),t.attr("data-button")!==qapl_quick_ajax_helper.helper.filter_data_button&&t.attr("data-button")!==qapl_quick_ajax_helper.helper.sort_button||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:_},success:function(a){a&&a.data&&(_===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"),e.qapl_quick_ajax_append_end_message(r,a.data.show_end_message)},error:function(a,t,e){r.removeClass("loading")}}))},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){a(`[data-button="${qapl_quick_ajax_helper.helper.filter_data_button}"]`).removeClass("active"),e.addClass("active"),t.parent().find(".quick-ajax-load-more-container").remove();var n=a(i).css("opacity","0");t.html(n),n.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,_=a("#quick-ajax-filter-"+n),o=t.val(),[r,l]=o.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)),!_.length)return void(e.is("[data-action]")&&e.trigger("click"));_.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=_.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){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); -
quick-ajax-post-loader/trunk/languages/quick-ajax-post-loader.pot
r3321429 r3322466 1 #, fuzzy2 1 msgid "" 3 2 msgstr "" 4 3 "Project-Id-Version: Quick Ajax Post Loader\n" 5 4 "Report-Msgid-Bugs-To: \n" 6 "POT-Creation-Date: 2025-0 6-12 16:17+0000\n"5 "POT-Creation-Date: 2025-07-03 00:00+0000\n" 7 6 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" 8 7 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" 9 8 "Language-Team: \n" 10 9 "Language: \n" 11 "Plural-Forms: nplurals= INTEGER; plural=EXPRESSION;\n"10 "Plural-Forms: nplurals=2; plural=n != 1;\n" 12 11 "MIME-Version: 1.0\n" 13 12 "Content-Type: text/plain; charset=UTF-8\n" 14 13 "Content-Transfer-Encoding: 8bit\n" 15 14 "X-Generator: Loco https://localise.biz/\n" 16 "X-Loco-Version: 2. 6.14; wp-6.7.1\n"17 "X-Domain: quick-ajax-post-loader "15 "X-Loco-Version: 2.7.2; wp-6.8\n" 16 "X-Domain: quick-ajax-post-loader\n" 18 17 19 18 #: inc/class-helper.php:420 inc/class-helper.php:1341 inc/class-helper.php:1342 -
quick-ajax-post-loader/trunk/quick-ajax-post-loader.php
r3321429 r3322466 5 5 * Text Domain: quick-ajax-post-loader 6 6 * Domain Path: /languages 7 * Version: 1.7. 47 * Version: 1.7.5 8 8 * Description: Supercharge post loading with Quick Ajax Post Loader. Enhance user experience and optimize site performance using AJAX technology. 9 9 * Author: Pawel Grzelkowski -
quick-ajax-post-loader/trunk/readme.txt
r3321429 r3322466 5 5 Requires at least: 5.6 6 6 Tested up to: 6.8 7 Stable tag: 1.7. 47 Stable tag: 1.7.5 8 8 Requires PHP: 7.4 9 9 License: GPLv2 or later … … 106 106 == Changelog == 107 107 108 = 1.7.5 - 2025-07-04 = 109 - Resolved post visibility problems in specific configurations when using taxonomy filter buttons. 110 - Improved layout stability by preserving container height during AJAX transitions. 111 - Refined CSS styling for better visual presentation and smoother content reloads. 112 - Enhanced support for multiple AJAX containers on a single page when switching filters. 113 - Fixed issue with Polish translation not loading correctly. 114 108 115 = 1.7.4 - 2025-07-02 = 109 116 - Updated CSS styles for improved layout consistency and better theme compatibility.
Note: See TracChangeset
for help on using the changeset viewer.