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