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,38 +251,28 @@ 251 251 252 252 .contrast-band { 253 253 position: relative; 254 - overflow: visible; 255 - isolation: isolate; 254 + overflow: hidden; 256 256 padding: 54px 0; 257 257 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: calc(100vw - 1px); 269 - transform: translateX(-50%); 270 - z-index: -2; 271 271 background: 272 272 radial-gradient(circle at 18% 18%, fade(@brand, 22%) 0%, transparent 28%), 273 273 radial-gradient(circle at 86% 12%, fade(@brand, 16%) 0%, transparent 30%), 274 274 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); 275 275 } 276 276 277 -.contrast-band:: after {272 +.contrast-band::before { 278 278 content: ""; 279 279 position: absolute; 280 - top: 0; 281 - bottom: 0; 282 - left: 50%; 283 - width: calc(100vw - 1px); 284 - transform: translateX(-50%); 285 - z-index: -1; 275 + inset: 0; 286 286 background: 287 287 linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px), 288 288 linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);