Cookies on ARTFreeLife
This network uses cookies. By continuing to browse this network, you agree to the use of cookies.
Close and proceed
Hello, you need to enable JavaScript to use ARTFreeLife.
Please check your browser settings or contact your system administrator.
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();
}
})();
Comments
https://www.artfreelife.net/latest-publications/list/featured
-
1
-
2
of 2 Next