Remove the gap and margin of images, make the image fill the page, and scroll screen automatically with a tamper monkey script.
让几个图片网站可以满屏铺满图片,配合滚屏脚本作为展示屏。
Image Wall 图片墙 by erimus-koo
Details
Authorerimus-koo
LicenseNo License
CategoryInstagram Behance Pixiv
Created
Updated
Code size4.8 kB
Code checksumd17c72f3
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;}
}