wompmacho/hugo-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updating background and logic for new background setting.

Browse Source
This commit is contained in:
Michael
2026-06-07 15:01:17 +00:00
Unverified
parent af4b69db1b
commit 711ddfb3d1
7 changed files with 9687 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/custom.css
View File

@@ -5,8 +5,6 @@
margin: 0 auto;
}
/* --- 2. Absolute Isolation Layout --- */
.single-post-wrapper {
display: flex;
@@ -49,49 +47,31 @@ img[src$='#floatleft']{ float:left; margin: 0.7rem; }
img[src$='#floatright']{ float:right; margin: 0.7rem; }
.homepage .content { text-align: left; }
/* Page background with Diffusion Layer */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/images/backgrounds/default.gif');
background-size: cover;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
z-index: -10;
/* Diffusion / Overlay layer */
background-color: rgba(0, 0, 0, 0.6);
background-blend-mode: overlay;
filter: blur(5px); /* This adds the diffusion */
transform: scale(1.05); /* Avoid white edges from blur */
/* Force transparency so global-background shows */
body.has-global-bg,
body.has-global-bg .bg-neutral,
body.has-global-bg .bg-neutral-50,
body.has-global-bg .dark\:bg-neutral-800,
body.has-global-bg .dark\:bg-neutral-900 {
background-color: transparent !important;
}
/* Ensure background sits behind everything */
body {
position: relative;
z-index: 1;
#main-content {
background-color: transparent !important;
}
/* Card background color (Default Dark Web style) */
/* Card styling (Dark Web) */
article.relative.flex.flex-col.h-full.overflow-hidden.rounded-lg.border.border-neutral-300 {
background-image: none !important; /* Revert gif from cards */
background-color: rgba(26, 26, 26, 0.9) !important; /* Dark web color */
background-image: none !important;
background-color: rgba(26, 26, 26, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/* Dark mode adjustment for card background */
.dark article.relative.flex.flex-col.h-full.overflow-hidden.rounded-lg.border.border-neutral-300 {
background-color: rgba(13, 17, 23, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
/* Hide any TOC link that points to an element with the 'no-toc' class */
.toc-right a.no-toc-link,
.toc-inside a.no-toc-link {