Image Wall 图片墙 by erimus-koo

/* ==UserStyle==
@name         Image Wall 图片墙
@version      20230706.03.05
@namespace    userstyles.world/user/erimus-koo
@description  Remove the gap and margin of images, make the image fill the page, and scroll screen automatically with a tamper monkey script.
让几个图片网站可以满屏铺满图片，配合滚屏脚本作为展示屏。
@author       erimus-koo
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.instagram.com") {
/* ===== Instagram home page - easy save image & video ===== */
/* main area width */
main>div>section{max-width:800px!important;}
main>div>section>div{max-width:800px!important;}
/* Suggestions For You */
/* in wild screen, it's the 3rd one, in narrow screen, it's display none; */
main>div>section>div:nth-child(3){left:100%!important;}

/* article - post card */
main article{margin-bottom: -1px!important;border-radius:0!important}
/* lr button height */
article>div>div>div>div>div button{height:100%!important;}

/* remove image cover layer for directly select image */
/* single image */
article div div[role="button"] div[style*="padding-bottom"]{
/* 	border:10px solid red; */
/* 	z-index:999 */
}
/* multi image */
article div ul li div[style*="padding-bottom"]{
/* 	border:10px solid red; */
/* 	z-index:999!important */
}

/* ===== single video ===== */
article div video{
/* 	border:10px solid red; */
	z-index:99}
/* video above thumb */
article div video+image{
/* 	border:10px solid red; */
	z-index:-99}

/* smaller control button - display */
article div span[aria-label="Play"]{z-index:100}
/* smaller control button - control*/
article div div[aria-label="Control"]{top:30%;bottom:30%;left:30%;right:30%;z-index:100}

}

@-moz-document url-prefix("https://www.instagram.com/explore/") {
/* ===== Instagram explorer - full page grid view ===== */
/* main frame */
main>div{margin:0!important;width:100vw!important;max-width:1920px!important;padding:0!important;z-index:999!important;}
/* 宽度超过768右侧会有margin:-28px */
/* main>div>div{margin-right: 0!important} */
/* image grid */
/* main>div>div>div>div>div{margin:0!important;width:33.333333%!important} */

/* Hide Discover People */
/* main>div>div:first-child{display:none;} */
/* main>div>h2{display:none;} */

}

@-moz-document url-prefix("https://www.behance.net/") {
/* ===== Behance home ===== */
/* nav */
/* nav{position:relative!important;margin-top:-60px;} */
/* full width lr margin */
div[class*="ContentGrid-root"]{padding:0}
/* main frame - remove left&right padding */
#site-content{z-index:999!important;}
/* thumbs round corner */
#app *{border-radius:0;}

/* ===== 首页 ===== */
/* 顶部 */
div[class^=FirstSection]{grid-gap:0;padding:0!important}
/* 搜索 */
header[class*=Search-header]{z-index:-99;}
div[class*=Search-content]{margin-top:100px;}

/* 页面外框 */
ul[class*=ContentGrid]{margin:0}
/* 隐藏作者 */
div[class*=visibleStatsAndOwners],div[class*=CoverStats-container],div[class*=ProjectCover-details]{display:none!important}
/* 隐藏边距 */
*[class*=Search-content],*[class*=ContentGrid]{padding:0!important;transform:none!important;position:relative!important;}
}

@-moz-document url-prefix("https://www.behance.net/galleries") {
/* ===== Behance gallery ===== */

/* first section */
div[class*=Galleries-covers]{grid-gap:0;padding:0!important}

/* grid cover */
div[class^=Galleries-gridCover]{max-width:100%}

}

@-moz-document url-prefix("https://www.pixiv.net/ranking.php") {
/* ===== Pivix Ranking Page ===== */
/* Outer Frame */
#wrapper{width:100vw;max-width:1080px;margin:0;}
.layout-body{width:100vw;}
._unit{border:none;}
.ui-fixed.ranking-menu{z-index:-9;}
.ranking-items{margin:0!important;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}

/* item frame */
.ranking-items.adjust .ranking-item{width:100%;margin:0;}
.ranking-items.adjust .ranking-item:before{content:'';display:block;width:100%;padding-top:100%;}
.ranking-items.adjust .ranking-item .ranking-image-item{width:100%;height:100%;position:absolute;top:0;left:0;}
.ranking-items.adjust .work{width:100%;height:100%;}
.ranking-items.adjust ._layout-thumbnail{width:100%;height:100%!important;}
.ranking-items.adjust .work img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;}
/* hide text */
.ranking-items.adjust .rank,.ranking-items.adjust h2{display:none;}

/* icon bottom right */
._layout-thumbnail>div{display:none;}

/* author info */
.ranking-items.adjust .user-container{display:none;}
}