Too much green and too little images while browsing? This is the fix
Rule34 image separation fix by OrangeTulip
Details
AuthorOrangeTulip
LicenseNo License
Categoryrule34.xxx
Created
Updated
Size691 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
You can change the "gap:" parameter on the code if you want to make the images more separated, I havent tried making it negative.
Source code
/* ==UserStyle==
@name ? - Aug 2024
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://rule34.xxx/") {
/* Replace .image-container with the actual class or ID of the container */
.image-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 0px;
}
/* Replace .image-class with the actual class or ID of the images */
.image-list .thumb
{
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
object-fit: cover;
}
}