OCAL seems to be made for 4k screens in 2023 or something. Can't handle it on my 1920x1080 monitor. This is more pleasant. Also adds checkerboard background.
OpenClipArt Reasonable Screen Size Navigation by qubodup
Details
Authorqubodup
LicenseCC Zero
Categoryopenclipart.org
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Warning: might cause problems on other screen resolutions.
Source code
/* ==UserStyle==
@name OpenClipArt Reasonable Screen Size Navigation
@version 20230810.13.11
@namespace ?
==/UserStyle== */
@-moz-document domain("openclipart.org") {
.gallery > .artwork img {
max-height:200px !important;
max-width:200px !important;
background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.gallery {
grid-template-columns: repeat(8, calc(10%));
}
#main-menu,
#main-menu div,
#main-menu form,
#main-menu form div,
#search .mb-3 {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
}
#content img {
max-height:520px;
background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
}