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); ... ... @@ -1657,10 +1657,38 @@ 1657 1657 background-attachment: fixed; 1658 1658 } 1659 1659 1660 -#mainContentArea { 1661 - padding: 0; 1662 - overflow-x: hidden; 1670 +/* Let the body background show through the XWiki wrappers. 1671 +#mainContentArea, 1672 +.resource-page, 1673 +.resources-index-page { 1674 + background: transparent !important; 1675 + background-image: none !important; 1663 1663 } 1677 +*/ 1678 +/* Remove local decorative backgrounds that compete with the global gradient. 1679 +.hero, 1680 +.hero.hero-centered, 1681 +.trust-strip, 1682 +.industry-trust-section, 1683 +.split-section, 1684 +.resource-strip, 1685 +.homepage-resource-strip, 1686 +.resource-header, 1687 +.product-section-muted, 1688 +.resources-index-page { 1689 + background: transparent !important; 1690 + background-image: none !important; 1691 +} 1692 + */ 1693 +/* Keep large panels readable, but remove their inner gradients. 1694 +.industry-trust-section .industry-trust-panel, 1695 +.cta-panel, 1696 +.resource-inline-cta, 1697 +.resource-note, 1698 +.resource-cta { 1699 + background: #fff !important; 1700 + background-image: none !important; 1701 +} */ 1664 1664 1665 1665 /* ========== Main Page Hero / SaaS Layout ========== */ 1666 1666 ... ... @@ -1841,13 +1841,13 @@ 1841 1841 /* ========== Accessibility / Contrast Improvements ========== */ 1842 1842 1843 1843 /* Make the global background softer and less distracting. */ 1844 - /*body {1882 +body { 1845 1845 background: 1846 1846 radial-gradient(circle at 12% 8%, rgba(0, 147, 125, 0.035) 0, transparent 26%), 1847 1847 radial-gradient(circle at 90% 28%, rgba(7, 24, 45, 0.025) 0, transparent 30%), 1848 1848 linear-gradient(180deg, #fff 0, @brand-bg 42%, #fff 100%) !important; 1849 1849 background-attachment: scroll; 1850 -} */1888 +} 1851 1851 1852 1852 /* Keep the article area readable while preserving the page background around it. */ 1853 1853 #mainContentArea .resource-layout {