if(document.getElementById("aflAuthorArchiveMosaicStyle")) return; var style = document.createElement("style"); style.id = "aflAuthorArchiveMosaicStyle"; style.innerHTML = ` .photoListPage.grid-frame.sheet, .photoListPage.grid-frame.sheet *{ box-sizing:border-box!important; } .photoListPage.grid-frame.sheet{ width:100vw!important; max-width:100vw!important; margin:0 0 0 calc(50% - 50vw)!important; padding:42px max(clamp(16px,4vw,58px), calc((100vw - 1540px) / 2 + 58px)) 48px!important; background:#f6f6f6!important; border:0!important; box-shadow:none!important; position:relative!important; overflow:hidden!important; } .photoListPage.grid-frame.sheet:before{ content:""!important; position:absolute!important; inset:0!important; z-index:0!important; pointer-events:none!important; background: radial-gradient(circle at 14% 16%, rgba(255,255,255,.45), transparent 30%), radial-gradient(circle at 86% 72%, rgba(220,220,220,.28), transparent 34%), linear-gradient(225deg, rgba(232,232,232,.82) 0%, rgba(238,238,238,.82) 45%, rgba(255,255,255,.95) 45.2%, rgba(255,255,255,.95) 100%); } .photoListPage.grid-frame.sheet > *{ position:relative!important; z-index:1!important; } .photoListPage.grid-frame.sheet .row.row-narrower2, .photoListPage.grid-frame.sheet .pageSearch-outer, .photoListPage.grid-frame.sheet .module-header, .photoListPage.grid-frame.sheet .module-name, .photoListPage.grid-frame.sheet .list-actions{ display:none!important; } .photoListPage.grid-frame.sheet ul.matrix.row{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-auto-rows:120px!important; grid-auto-flow:dense!important; gap:26px!important; width:100%!important; max-width:1540px!important; margin:0 auto!important; padding:0!important; list-style:none!important; } .photoListPage.grid-frame.sheet ul.matrix.row > li{ float:none!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; display:block!important; overflow:hidden!important; background:rgba(255,255,255,.44)!important; border:1px solid rgba(0,0,0,.08)!important; } .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+1){grid-column:span 4!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+2){grid-column:span 3!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+3){grid-column:span 2!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+4){grid-column:span 3!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+5){grid-column:span 3!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+6){grid-column:span 2!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+7){grid-column:span 3!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+8){grid-column:span 4!important;grid-row:span 3!important;} .photoListPage.grid-frame.sheet .matrix-item{ display:block!important; position:relative!important; width:100%!important; height:100%!important; min-height:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; } .photoListPage.grid-frame.sheet .matrix-media-4-3{ width:100%!important; height:100%!important; min-height:100%!important; padding:0!important; opacity:0!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } .photoListPage.grid-frame.sheet .afl-hover-img{ position:absolute!important; inset:0!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; transition:transform 1.8s cubic-bezier(.19,1,.22,1)!important; } .photoListPage.grid-frame.sheet li:hover .afl-hover-img{ transform:scale(1.035)!important; } .photoListPage.grid-frame.sheet .photo-item-description{ display:none!important; } .afl-author-archive-nav{ width:100%!important; max-width:1540px!important; margin:46px auto 0!important; padding:28px 22px!important; background:rgba(232,232,232,.72)!important; border:1px solid rgba(0,0,0,.07)!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:18px!important; text-align:center!important; } .afl-author-archive-nav a, .photoListPage.grid-frame.sheet .pagination a, .photoListPage.grid-frame.sheet .pagination span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:0 22px!important; background:rgba(255,255,255,.72)!important; border:1px solid rgba(0,0,0,.12)!important; color:#171717!important; font-family:Arial,Helvetica,sans-serif!important; font-size:10px!important; font-weight:800!important; letter-spacing:.18em!important; text-transform:uppercase!important; text-decoration:none!important; } .afl-author-archive-nav a:hover, .photoListPage.grid-frame.sheet .pagination a:hover{ color:#7d1f1f!important; } .photoListPage.grid-frame.sheet .pagination{ width:100%!important; max-width:1540px!important; margin:28px auto 0!important; padding:22px!important; background:rgba(255,255,255,.44)!important; border:1px solid rgba(0,0,0,.07)!important; text-align:center!important; font-family:Arial,Helvetica,sans-serif!important; font-size:10px!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:#888!important; } .photoListPage.grid-frame.sheet .pagination ul{ display:inline-flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:10px!important; margin:0 10px 0 0!important; padding:0!important; list-style:none!important; } .photoListPage.grid-frame.sheet .pagination li{ margin:0!important; padding:0!important; } .photoListPage.grid-frame.sheet .pagination-current{ background:#171717!important; color:#fff!important; } .photoListPage.grid-frame.sheet .pagination form{ display:none!important; } .photoListPage.grid-frame.sheet .pagination-next{ margin-left:10px!important; } @media(max-width:1000px){ .photoListPage.grid-frame.sheet ul.matrix.row{ grid-template-columns:repeat(8,minmax(0,1fr))!important; grid-auto-rows:105px!important; } } @media(max-width:640px){ .photoListPage.grid-frame.sheet{ padding:24px 14px 32px!important; } .photoListPage.grid-frame.sheet ul.matrix.row{ grid-template-columns:1fr!important; grid-auto-rows:auto!important; gap:18px!important; } .photoListPage.grid-frame.sheet ul.matrix.row > li, .photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(n){ grid-column:auto!important; grid-row:auto!important; } .photoListPage.grid-frame.sheet .matrix-item{ height:auto!important; aspect-ratio:4/3!important; } .photoListPage.grid-frame.sheet .matrix-media-4-3, .photoListPage.grid-frame.sheet .afl-hover-img{ height:100%!important; min-height:100%!important; } .afl-author-archive-nav{ display:flex!important; flex-direction:column!important; gap:12px!important; } .afl-author-archive-nav a{ width:100%!important; } } `; document.head.appendChild(style); } function getBg(el){ if(!el) return ""; var bg = el.style.backgroundImage || window.getComputedStyle(el).backgroundImage; return bg && bg !== "none" ? bg : ""; } function addHoverImages(grid){ grid.querySelectorAll(":scope > li").forEach(function(li){ li.removeAttribute("style"); var a = li.querySelector("a.matrix-item"); var img = li.querySelector(".matrix-media-4-3"); var bg = getBg(img); if(a && bg && !a.querySelector(".afl-hover-img")){ var clone = document.createElement("span"); clone.className = "afl-hover-img"; clone.style.backgroundImage = bg; a.appendChild(clone); } }); } function addBottomNav(page){ if(page.querySelector(".afl-author-archive-nav")) return; var nav = document.createElement("div"); nav.className = "afl-author-archive-nav"; nav.innerHTML = '← Author Page' + 'Home →'; var pagination = page.querySelector(".pagination"); if(pagination){ page.querySelector(".module-body").insertBefore(nav, pagination); }else{ page.querySelector(".module-body").appendChild(nav); } } function activate(){ addStyle(); var page = document.querySelector(".photoListPage.grid-frame.sheet"); if(!page) return; var grid = page.querySelector("section.module-body > ul.matrix.row"); if(!grid) return; addHoverImages(grid); addBottomNav(page); } function start(){ activate(); setTimeout(activate,500); setTimeout(activate,1500); setTimeout(activate,3000); new MutationObserver(activate).observe(document.body,{ childList:true, subtree:true }); } if(document.readyState === "loading"){ document.addEventListener("DOMContentLoaded",start); }else{ start(); } })();