Changes for page Public Web Site
Last modified by Agnease on 2026/07/03 16:14
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -251,28 +251,38 @@ 251 251 252 252 .contrast-band { 253 253 position: relative; 254 - overflow: hidden; 254 + overflow: visible; 255 + isolation: isolate; 255 255 padding: 54px 0; 256 256 border-top: 0; 258 + color: #fff; 259 + background: transparent; 260 +} 261 + 262 +.contrast-band::before { 263 + content: ""; 264 + position: absolute; 265 + top: 0; 266 + bottom: 0; 267 + left: 50%; 268 + width: 100vw; 269 + transform: translateX(-50%); 270 + z-index: -2; 257 257 background: 258 258 radial-gradient(circle at 18% 18%, fade(@brand, 22%) 0%, transparent 28%), 259 259 radial-gradient(circle at 86% 12%, fade(@brand, 16%) 0%, transparent 30%), 260 260 linear-gradient(135deg, @text 0%, @text-soft 100%); 261 - color: #fff; 262 - 263 - /* 264 - * Full-bleed background without changing layout width. 265 - * This extends the dark surface beyond a fixed-width parent 266 - * without using 100vw or negative margins. 267 - */ 268 - box-shadow: 0 0 0 100vmax @text; 269 - clip-path: inset(0 -100vmax); 270 270 } 271 271 272 -.contrast-band:: before {277 +.contrast-band::after { 273 273 content: ""; 274 274 position: absolute; 275 - inset: 0; 280 + top: 0; 281 + bottom: 0; 282 + left: 50%; 283 + width: 100vw; 284 + transform: translateX(-50%); 285 + z-index: -1; 276 276 background: 277 277 linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px), 278 278 linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);