kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

wwj

Browse Source
This commit is contained in:
kibi
2026-09-11 21:45:54 +02:00
parent 52ed9fd7bd
commit fe5763efe4
10 changed files with 233 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/s/css/f0ckm.css
+66 -10
View File
@@ -71,7 +71,7 @@ html[theme='f0ck'] {
--metadata-bg: #2b2b2b;
--badge-bg: #171717;
--posts-meta-bg: #000000b8;
--badge-sfw: #68a728;
--badge-sfw: #02500b;
--badge-nsfw: #E10DC3;
--badge-nsfl: #660000;
--badge-tag: #090909;
@@ -132,7 +132,7 @@ html[theme='p1nk'] {
--pagination-background-hover: #333;
--pagination-border-color: rgba(0, 0, 0, .8) rgba(0, 0, 0, .65) rgba(0, 0, 0, .5);
--badge-bg: #171717;
--badge-sfw: #68a728;
--badge-sfw: #02500b;
--badge-nsfw: #E10DC3;
--badge-nsfl: #660000;
--badge-tag: #090909;
@@ -193,7 +193,7 @@ html[theme='orange'] {
--badge-bg: #151515;
--posts-meta-bg: #000000b8;
--badge-tag: #090909;
--badge-sfw: #68a728;
--badge-sfw: #02500b;
--badge-nsfw: #E10DC3;
--badge-nsfl: #660000;
--scrollbar-color: #555;
@@ -250,7 +250,7 @@ html[theme='amoled'] {
--metadata-bg: #000;
--badge-bg: #000;
--posts-meta-bg: #000000b8;
--badge-sfw: #68a728;
--badge-sfw: #02500b;
--badge-nsfw: #E10DC3;
--badge-nsfl: #660000;
--badge-tag: #1a1a1a;
@@ -347,7 +347,7 @@ html[theme='paper'],
--metadata-bg: #ffffff;
--badge-bg: #f1f5f9;
--posts-meta-bg: rgba(255, 255, 255, 0.94);
--badge-sfw: #16a34a;
--badge-sfw: #02500b;
--badge-nsfw: #db2777;
--badge-nsfl: #dc2626;
--badge-tag: #f1f5f9;
@@ -5192,10 +5192,17 @@ h5 {
margin-right: 0.5rem !important;
}
/* Thumbnail size — driven by data-thumb-size on <html> (set by scroller grid-mode picker) */
:root { --thumb-min: 118px; }
html[data-thumb-size="s"] { --thumb-min: 80px; }
html[data-thumb-size="m"] { --thumb-min: 118px; }
html[data-thumb-size="l"] { --thumb-min: 180px; }
html[data-thumb-size="xl"] { --thumb-min: 260px; }
div.posts {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--thumb-min, 118px), 1fr));
grid-auto-flow: dense;
justify-items: center;
grid-gap: 5px;
@@ -5204,9 +5211,9 @@ div.posts {
margin-bottom: 35px;
}
/* Mobile: Ensure 3 columns of thumbnails */
/* Mobile: Ensure at least 3 columns unless user picked a larger size */
@media (max-width: 600px) {
div.posts {
html:not([data-thumb-size="l"]):not([data-thumb-size="xl"]) div.posts {
grid-template-columns: repeat(3, 1fr);
}
}
@@ -6918,6 +6925,7 @@ a.removetag i {
.badge-german {
background: linear-gradient(180deg, black 33.33%, red 33.33%, red 66.66%, yellow 66.66%) !important;
box-shadow: 0px 0px 1px white;
}
.badge-dutch {
@@ -15789,6 +15797,53 @@ body.layout-modern .xd-score-wrapper {
background: rgba(0, 0, 0, 0.2);
}
/* ─── Grid mode / thumbnail size picker (filter modal) ────────────── */
.nav-grid-mode {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.nav-grid-mode-label {
display: block;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #888;
margin-bottom: 8px;
}
.nav-grid-size-btns {
display: flex;
gap: 6px;
}
.nav-grid-size-btn {
flex: 1;
padding: 7px 10px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.75);
font-size: 0.82em;
font-weight: 700;
font-family: var(--font, monospace);
cursor: pointer;
border-radius: 4px;
transition: background 0.14s, border-color 0.14s, color 0.14s;
letter-spacing: 0.04em;
}
.nav-grid-size-btn:hover {
background: rgba(255, 255, 255, 0.13);
color: #fff;
}
.nav-grid-size-btn.active {
background: var(--accent);
border-color: var(--accent);
color: #000;
}
/* ─── xD score wrapper ─────────────────────────────────────────────── */
.xd-score-wrapper {
text-align: right;
@@ -18892,6 +18947,7 @@ html:has(body.onara-modal-open) {
body.onara-modal-open .pagewrapper {
pointer-events: none !important;
user-select: none !important;
margin-top: var(--navbar-h, 50px) !important;
}
body.onara-modal-open .pagewrapper > *:not(.index-layout-wrapper):not(#main),
@@ -18938,7 +18994,7 @@ body.onara-modal-open nav.navbar {
filter: none !important;
pointer-events: auto !important;
z-index: 10060 !important;
position: sticky !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
@@ -18975,7 +19031,7 @@ body.onara-modal-open #sidebar-drag-zone {
z-index: 10050 !important;
display: none;
flex-direction: column !important;
background: rgba(10, 12, 16, 0.72) !important;
background: rgba(0, 0, 0, 0.70) !important;
backdrop-filter: blur(5px) saturate(130%) !important;
-webkit-backdrop-filter: blur(5px) saturate(130%) !important;
overflow-y: auto !important;