updating cards
This commit is contained in:
@@ -51,31 +51,22 @@ img[src$='#floatright']{ float:right; margin: 0.7rem; }
|
||||
|
||||
|
||||
|
||||
/* Page background with Diffusion Layer */
|
||||
body.has-bg::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 */
|
||||
/* Apply shared background to Project Cards and set card color */
|
||||
article.relative.flex.flex-col.h-full.overflow-hidden.rounded-lg.border.border-neutral-300 {
|
||||
background-image: url('/images/backgrounds/default.gif') !important;
|
||||
background-size: cover !important;
|
||||
background-position: center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
/* Card background color with transparency for readability */
|
||||
background-color: rgba(255, 255, 255, 0.15) !important;
|
||||
background-blend-mode: overlay !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
|
||||
/* Ensure background sits behind everything */
|
||||
body.has-bg {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
/* 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(0, 0, 0, 0.3) !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user