setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

boring meeting

Browse source
This commit is contained in:
sakrecoer 2026-08-07 11:25:43 +02:00
parent ed40e2b45c
commit 2bd4e39226
1 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

34
themes/one-pager/assets/css/style.css
View file

@ -157,7 +157,7 @@ body {
} }
#bannerino { #bannerino {
filter: grayscale(100%);
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;
@ -372,15 +372,13 @@ body {
left: 0; left: 0;
right: 0; right: 0;
z-index: 999; z-index: 999;
background: var(--bg-primary); background: #0000008a;
border-bottom: 3px solid var(--accent-yellow); border-bottom: 3px solid var(--accent-yellow);
opacity: .9;
padding: 0.8rem 2rem; padding: 0.8rem 2rem;
transform: translateY(-100%); transform: translateY(-100%);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease;
box-shadow: 0 4px 20px var(--shadow-color); box-shadow: 0 4px 20px #0000008a;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(10px);
} }
.sticky-nav.visible { .sticky-nav.visible {
@ -528,14 +526,14 @@ body {
.blog-card:hover { .blog-card:hover {
transform: skewX(0deg) translate(-4px, -4px); transform: skewX(0deg) translate(-4px, -4px);
box-shadow: 12px 12px 0 var(--accent-yellow); box-shadow: 12px 12px 0 var(--accent-grey);
} }
.blog-header-image { .blog-header-image {
width: 100%; width: 100%;
height: 220px; height: 220px;
object-fit: cover; object-fit: cover;
border-bottom: 3px solid var(--accent-yellow); border-bottom: 3px solid var(--accent-grey);
filter: grayscale(100%); filter: grayscale(100%);
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -587,7 +585,7 @@ button {
.read-more-toggle { .read-more-toggle {
background: var(--accent-yellow); background: var(--accent-yellow);
color: #0a0a0a !important; /* Force black */ color: #0a0a0a !important; /* Force black */
border: 2px solid var(--accent-grey); border: 2px solid var(--accent-yellow);
padding: 0.6rem 1.5rem; padding: 0.6rem 1.5rem;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-weight: 700; font-weight: 700;
@ -600,7 +598,7 @@ button {
.read-more-toggle:hover { .read-more-toggle:hover {
background: var(--accent-black); background: var(--accent-black);
color: var(--accent-yellow) !important; /* Yellow on hover */ color: var(--bg-primary) !important; /* Yellow on hover */
border-color: var(--accent-yellow); border-color: var(--accent-yellow);
transform: scale(1.05); transform: scale(1.05);
} }
@ -644,7 +642,7 @@ button {
.music-card:hover { .music-card:hover {
transform: skewX(0deg) translate(-4px, -4px); transform: skewX(0deg) translate(-4px, -4px);
box-shadow: 12px 12px 0 var(--accent-yellow); box-shadow: 12px 12px 0 var(--accent-grey);
} }
.music-image { .music-image {
@ -734,7 +732,7 @@ button {
.lyrics-toggle { .lyrics-toggle {
background: var(--accent-yellow); background: var(--accent-yellow);
color: #0a0a0a !important; /* Force black */ color: #0a0a0a !important; /* Force black */
border: 2px solid var(--accent-grey); border: 2px solid var(--accent-yellow);
padding: 0.6rem 1.5rem; padding: 0.6rem 1.5rem;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-weight: 700; font-weight: 700;
@ -761,7 +759,7 @@ button {
margin-top: 1rem; margin-top: 1rem;
padding: 1.5rem; padding: 1.5rem;
background: var(--bg-secondary); background: var(--bg-secondary);
border-left: 4px solid var(--accent-yellow); border-left: 1px solid var(--accent-yellow);
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 400; font-weight: 400;
font-size: 0.9rem; font-size: 0.9rem;
@ -787,7 +785,7 @@ button {
.photo-item:hover { .photo-item:hover {
transform: skewX(0deg) translate(-4px, -4px); transform: skewX(0deg) translate(-4px, -4px);
box-shadow: 12px 12px 0 var(--accent-yellow); box-shadow: 12px 12px 0 var(--accent-grey);
} }
.photo-item img { .photo-item img {
@ -843,14 +841,14 @@ button {
.video-item:hover { .video-item:hover {
transform: skewX(0deg) translate(-4px, -4px); transform: skewX(0deg) translate(-4px, -4px);
box-shadow: 12px 12px 0 var(--accent-yellow); box-shadow: 12px 12px 0 var(--accent-grey);
} }
.video-item video { .video-item video {
width: 100%; width: 100%;
background: var(--accent-black); background: var(--accent-black);
display: block; display: block;
border-bottom: 3px solid var(--accent-yellow); border-bottom: 3px solid var(--accent-grey);
} }
.video-info { .video-info {
@ -1256,8 +1254,8 @@ button {
text-transform: uppercase; text-transform: uppercase;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
filter: drop-shadow(0px 0px 10px var(--accent-yellow)); filter: drop-shadow(0px 0px 20px var(--accent-yellow));
animation: glow 1s infinite alternate; animation: glow 3s infinite alternate;
} }
.refresh-button:hover { .refresh-button:hover {
@ -1276,7 +1274,7 @@ button {
filter: drop-shadow(0px 0px 5px var(--accent-yellow)); filter: drop-shadow(0px 0px 5px var(--accent-yellow));
} }
to { to {
filter: drop-shadow(0px 0px 10px var(--accent-yellow)); filter: drop-shadow(0px 0px 20px var(--accent-yellow));
} }
} }
/* ============ CYBERPUNK FOOTER ============ */ /* ============ CYBERPUNK FOOTER ============ */