Changes for page Public Web Site
Last modified by Agnease on 2026/07/01 17:17
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1,23 +1,30 @@ 1 1 /* ========== Agnease Public Website ========== */ 2 -/* Old look and feel. */ 3 - 2 +/* 4 4 @brand: #00937D; 5 5 @brand-strong: #007B6A; 6 6 @brand-soft: #E7FFF8; 7 - 8 - 6 +@brand-bg: #F4FCFA; 7 +@text: #2D3A34; 8 +@muted: #5B6B64; 9 +@line: #E4ECE9; 10 +@radius: 16px; 11 +@shadow-sm: 0 6px 20px rgba(0, 0, 0, .06); 12 +@shadow: 0 12px 36px rgba(0, 0, 0, .08); 13 +@maxw: 1140px; 14 +*/ 15 +@brand: #00937D; 16 +@brand-strong: #007B6A; 17 +@brand-soft: #E7FFF8; 9 9 @brand-bg: #F7F9FC; 10 10 @text: #07182D; 11 11 @text-soft: #10243D; 12 12 @muted: #64748B; 13 - 14 14 @line: #E6EBF2; 15 15 @radius: 18px; 16 - 17 17 @shadow-sm: 0 18px 45px rgba(15, 23, 42, .06); 18 18 @shadow: 0 30px 80px rgba(15, 23, 42, .12); 19 -@maxw: 1 240px;20 - /* */26 +@maxw: 1140px; 27 + 21 21 @section-padding: 30px 0; 22 22 @section-padding-mobile: 28px 0; 23 23 ... ... @@ -178,9 +178,6 @@ 178 178 179 179 &.hero-centered { 180 180 text-align: center; 181 - background: 182 - radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%), 183 - radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%); 184 184 display: flex; 185 185 align-items: center; 186 186 justify-content: center; ... ... @@ -254,7 +254,6 @@ 254 254 .trust-strip { 255 255 padding: 18px 0; 256 256 border-top: 1px solid @line; 257 - background: #fff; 258 258 259 259 ul { 260 260 max-width: 960px; ... ... @@ -327,7 +327,6 @@ 327 327 .pathway-card, 328 328 .service-card, 329 329 .resource-card { 330 - background: #fff; 331 331 border: 1px solid @line; 332 332 border-radius: @radius; 333 333 box-shadow: @shadow-sm; ... ... @@ -523,7 +523,6 @@ 523 523 align-items: flex-start; 524 524 gap: 16px; 525 525 padding: 22px; 526 - background: #fff; 527 527 border: 1px solid @line; 528 528 border-radius: @radius; 529 529 box-shadow: @shadow-sm; ... ... @@ -611,7 +611,6 @@ 611 611 position: relative; 612 612 padding: 16px 16px 16px 58px; 613 613 margin-bottom: 12px; 614 - background: #fff; 615 615 border: 1px solid @line; 616 616 border-radius: @radius; 617 617 box-shadow: @shadow-sm; ... ... @@ -762,8 +762,6 @@ 762 762 padding: 32px; 763 763 border-radius: @radius; 764 764 border: 1px solid fade(@brand, 20%); 765 - background: 766 - radial-gradient(34rem 12rem at 50% 0%, @brand-soft 0%, #fff 70%); 767 767 box-shadow: @shadow-sm; 768 768 text-align: center; 769 769 ... ... @@ -1171,7 +1171,6 @@ 1171 1171 1172 1172 .product-card { 1173 1173 position: relative; 1174 - background: #fff; 1175 1175 border: 1px solid @line; 1176 1176 border-radius: @radius; 1177 1177 box-shadow: @shadow-sm; ... ... @@ -1564,7 +1564,6 @@ 1564 1564 /* ========== Resources Index ========== */ 1565 1565 1566 1566 .resources-index-page { 1567 - background: #fff; 1568 1568 1569 1569 .services-grid { 1570 1570 grid-template-columns: repeat(2, minmax(0, 1fr)); ... ... @@ -1600,3 +1600,52 @@ 1600 1600 color: @muted; 1601 1601 } 1602 1602 } 1599 + 1600 +/* ========== Global Theme Background ========== */ 1601 + 1602 +html, 1603 +body { 1604 + min-height: 100%; 1605 +} 1606 + 1607 +body { 1608 + color: @text; 1609 + background: 1610 + radial-gradient(circle at 12% 8%, rgba(0, 147, 125, 0.08) 0, transparent 26%), 1611 + radial-gradient(circle at 90% 28%, rgba(7, 24, 45, 0.05) 0, transparent 30%), 1612 + linear-gradient(180deg, #fff 0, @brand-bg 42%, #fff 100%) !important; 1613 + background-attachment: fixed; 1614 +} 1615 + 1616 +/* Let the body background show through the XWiki wrappers. 1617 +#mainContentArea, 1618 +.resource-page, 1619 +.resources-index-page { 1620 + background: transparent !important; 1621 + background-image: none !important; 1622 +} 1623 +*/ 1624 +/* Remove local decorative backgrounds that compete with the global gradient. 1625 +.hero, 1626 +.hero.hero-centered, 1627 +.trust-strip, 1628 +.industry-trust-section, 1629 +.split-section, 1630 +.resource-strip, 1631 +.homepage-resource-strip, 1632 +.resource-header, 1633 +.product-section-muted, 1634 +.resources-index-page { 1635 + background: transparent !important; 1636 + background-image: none !important; 1637 +} 1638 + */ 1639 +/* Keep large panels readable, but remove their inner gradients. 1640 +.industry-trust-section .industry-trust-panel, 1641 +.cta-panel, 1642 +.resource-inline-cta, 1643 +.resource-note, 1644 +.resource-cta { 1645 + background: #fff !important; 1646 + background-image: none !important; 1647 +} */