Update css/poketube.css

This commit is contained in:
ashley 2025-10-18 21:45:22 +02:00
parent fcaa2db7fa
commit 4d18cd11c0

View File

@ -538,11 +538,13 @@ a.avatar {
grid-area: description; grid-area: description;
font-size: 1rem; font-size: 1rem;
color: var(--text-primary); color: var(--text-primary);
background: var(--div-prim-bg); background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.25);
padding: 16px; padding: 16px;
border-radius: 1.5em; border-radius: 1.5em;
border: var(--div-border-color); backdrop-filter: blur(25px) saturate(200%);
border-style: solid; -webkit-backdrop-filter: blur(25px) saturate(200%);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
} }
.dropdown { .dropdown {
@ -804,16 +806,43 @@ a.new-button:hover {
gap: 6px; gap: 6px;
padding: 16px 0px; padding: 16px 0px;
} }
.pwp a, .fnt {
background: #452f37; .fnt,
border-radius: 6px; .pwp a {
display: flex; background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05));
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 999px;
display: inline-flex;
align-items: center; align-items: center;
gap: 12px; justify-content: center;
padding: 6px 12px; gap: 8px;
color: white; padding: 6px 14px;
color: #fff;
font-weight: 500;
text-decoration: none;
font-size: 0.9rem;
line-height: 1;
backdrop-filter: blur(20px) saturate(200%);
-webkit-backdrop-filter: blur(20px) saturate(200%);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
transition: all 0.25s ease;
cursor: pointer;
} }
.fnt:hover,
.pwp a:hover {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1));
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
transform: translateY(-2px);
}
.fnt:active,
.pwp a:active {
transform: translateY(0);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
}
.hj:checked ~ .flying_cmnt { .hj:checked ~ .flying_cmnt {
display: grid; display: grid;
position: absolute; position: absolute;