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

fdsa

Browse Source
This commit is contained in:
kibi
2026-09-12 07:28:24 +02:00
parent b319a5aec2
commit 217f1be72d
7 changed files with 93 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/s/css/f0ckm.css
+24 -8
View File
@@ -3023,7 +3023,6 @@ body.sidebar-right-hidden #sidebar-drag-zone {
/* Recommendation Video Cards (YouTube-style) */
.sidebar-video-card {
margin-bottom: 5px;
border-radius: 8px;
padding: 2px 2px 2px 2px;
overflow: hidden;
background: rgba(255, 255, 255, 0.02);
@@ -3053,7 +3052,6 @@ body.sidebar-right-hidden #sidebar-drag-zone {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 6px;
overflow: hidden;
background: #000;
}
@@ -3073,6 +3071,22 @@ body.sidebar-right-hidden #sidebar-drag-zone {
transform: scale(1.04);
}
.sidebar-video-badges {
position: absolute;
bottom: 6px;
right: 6px;
display: flex;
align-items: center;
gap: 4px;
z-index: 10;
pointer-events: none;
}
.sidebar-video-badges .sidebar-media-format-badge,
.sidebar-video-badges .sidebar-video-badge {
position: static;
}
.sidebar-video-badge {
position: absolute;
bottom: 6px;
@@ -3114,7 +3128,7 @@ body.sidebar-right-hidden #sidebar-drag-zone {
position: absolute;
top: 6px;
left: 6px;
font-size: 0.6em;
font-size: 0.65em;
font-weight: 700;
padding: 2px 5px;
border-radius: 3px;
@@ -3124,6 +3138,8 @@ body.sidebar-right-hidden #sidebar-drag-zone {
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.15);
line-height: 1;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
z-index: 10;
}
@@ -3133,14 +3149,15 @@ body.sidebar-right-hidden #sidebar-drag-zone {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #1e1b4b, #312e81);
background: linear-gradient(135deg, rgba(var(--accent-rgb, 153, 255, 0), 0.12), rgba(0, 0, 0, 0.45)), var(--nav-bg, #1e1e1e);
color: var(--accent);
font-size: 2em;
}
.sidebar-media-placeholder.audio {
background: linear-gradient(135deg, #0f172a, #1e293b);
color: #38bdf8;
background: radial-gradient(circle at center, rgba(var(--accent-rgb, 153, 255, 0), 0.22) 0%, rgba(var(--accent-rgb, 153, 255, 0), 0.05) 70%), var(--nav-bg, #1e1e1e);
color: var(--accent);
text-shadow: 0 0 16px rgba(var(--accent-rgb, 153, 255, 0), 0.35);
}
.sidebar-media-placeholder.hidden {
@@ -3332,7 +3349,7 @@ html[theme='95'] .sidebar-video-title {
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: rgba(18, 18, 24, 0.95);
background: var(--nav-bg);
backdrop-filter: blur(8px);
border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
margin-bottom: 6px;
@@ -11496,7 +11513,6 @@ video.sidebar-comment-img.emoji {
font-size: 0.8em;
color: var(--accent);
text-decoration: none;
margin: 4px 0;
}
.sidebar-video-link .yt-title {