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
Size4.8 kB
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;}
}