Skip to content

Image Wall 图片墙 by erimus-koo

Details

Authorerimus-koo

LicenseNo License

CategoryInstagram Behance Pixiv

Created

Updated

Size4.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Remove the gap and margin of images, make the image fill the page, and scroll screen automatically with a tamper monkey script.
让几个图片网站可以满屏铺满图片,配合滚屏脚本作为展示屏。

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Image Wall 图片墙
@version      20241012.06.49
@namespace    https://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 */
div:has(img[style="object-fit: cover;"]){
/* 	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}

/* 隐藏滚动条 */
::-webkit-scrollbar{display:none;}

/* for tampermonkey ad blocker */
.spam{
	height: 0;
	overflow: hidden;
}

}

@-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;z-index:0!important;}
nav:hover{z-index:999999!important;}
@media (max-width: 1080px) {
  #top-panel {position:relative;z-index:1;top:60px!important;padding-top:0!important;}
}

/* 隐藏滚动条 */
::-webkit-scrollbar{display:none;}

/* ===== 首页 ===== */
/* 顶部 */
/* div[class^=FirstSection]{grid-gap:0;padding:0!important} */
/* 搜索 */
header[class*=SearchLegacy-header]{z-index:0;}
/* 内容框高于搜索 */
div[class^=SearchLegacy-content-]{z-index:1;}
/* 封面图片宽度 */
/* div[class^=ProjectCover-root-]{max-width:unset} */
/* 页面外框 */
/* 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;}
}

Reviews

No reviews yet.