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

halo

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-16 19:01:39 +02:00
parent 21706d4a93
commit 6aa58c0b74
1 changed files with 106 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
public/s/css/f0ckm.css
View File

@@ -1898,6 +1898,12 @@ body.layout-modern .global-sidebar-right {
max-width: 100%; max-width: 100%;
} }
body.layout-legacy .item-layout-container .item-main-content .item_title {
align-self: center;
width: 800px;
max-width: 100%;
}
body.layout-legacy .item-layout-container #comments-container { body.layout-legacy .item-layout-container #comments-container {
width: 800px; width: 800px;
max-width: 100%; max-width: 100%;
@@ -4943,6 +4949,106 @@ html[data-dpr="dpr-high"] body.layout-legacy.sidebar-right-hidden .embed-respons
padding-top: 41.25%; padding-top: 41.25%;
} }
/* ─── Large / Ultrawide display overrides ─── */
/* On wider screens the %-based padding creates too much vertical space. */
/* These kick in based on effective CSS viewport width (works in all browsers). */
/* ── 1440p-class displays (viewport ≥ 2000px) ── */
@media (min-width: 2000px) {
body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
/* 1440p at 110% zoom */
@media (min-width: 2000px) and (max-width: 2499px) and (min-resolution: 1.05dppx) {
body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
html[data-dpr="dpr-110"] body.layout-legacy .embed-responsive-16by9::before {
/* Firefox 110% on 1440p handled below via data-screen */
}
/* ── QHD ultrawide range (viewport ≥ 2500px) ── */
@media (min-width: 2500px) {
body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
/* ── Full ultrawide at 100% zoom (viewport ≥ 3000px) ── */
@media (min-width: 3000px) {
body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
/* Ultrawide + zoomed in (still wide enough to need reduction) */
@media (min-width: 2000px) and (min-resolution: 1.39dppx) {
body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
/* Firefox DPR fallbacks for large screens — combine data-dpr + min-width */
@media (min-width: 2000px) {
html[data-dpr="dpr-110"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-110"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-120"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-120"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-130"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-130"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-150"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-150"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-high"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-high"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
@media (min-width: 3000px) {
html[data-dpr="dpr-1x"] body.layout-legacy .embed-responsive-16by9::before {
padding-top: 52.25%;
}
html[data-dpr="dpr-1x"] body.layout-legacy.sidebar-right-hidden .embed-responsive-16by9::before {
padding-top: 52.25%;
}
}
.embed-responsive-4by3::before { .embed-responsive-4by3::before {
padding-top: 75%; padding-top: 75%;
} }