59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
/* === SuperSunday Bubbles Patch Overrides (strong) === */
|
|
:root{
|
|
--z-bg: 0;
|
|
--z-bubbles: 2;
|
|
--z-content: 3;
|
|
--z-header: 4;
|
|
}
|
|
|
|
html, body{ height:100%; }
|
|
|
|
body{
|
|
background: #0b1020;
|
|
position: relative;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
body::before{
|
|
content:"";
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: var(--z-bg);
|
|
background: url("/assets/images/backgroundp24p.jpg") center/cover no-repeat fixed;
|
|
background-color: rgba(0,0,0,.55);
|
|
background-blend-mode: multiply;
|
|
}
|
|
|
|
/* Bubble layer sits between bg and content */
|
|
#bubble-layer{
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: var(--z-bubbles);
|
|
pointer-events: none;
|
|
opacity: .6;
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
/* Content above bubbles */
|
|
main, .container, .card, .hero, .section{
|
|
position: relative;
|
|
z-index: var(--z-content);
|
|
}
|
|
|
|
/* Header above all */
|
|
header{
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: var(--z-header);
|
|
backdrop-filter: blur(8px);
|
|
background: linear-gradient(180deg, rgba(6,10,24,.9), rgba(6,10,24,.55));
|
|
border-bottom: 1px solid rgba(255,255,255,.08);
|
|
}
|
|
|
|
/* Avoid accidental stacking contexts */
|
|
.card, .container, main, .hero, .section{
|
|
transform: none !important;
|
|
filter: none !important;
|
|
isolation: auto;
|
|
}
|