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,6 +1,5 @@ 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; ... ... @@ -8,21 +8,24 @@ 8 8 @text: #2D3A34; 9 9 @muted: #5B6B64; 10 10 @line: #E4ECE9; 11 - 12 - 13 - 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; 14 14 @brand-bg: #F7F9FC; 15 15 @text: #07182D; 16 16 @text-soft: #10243D; 17 17 @muted: #64748B; 18 - 19 19 @line: #E6EBF2; 20 20 @radius: 18px; 21 - 22 22 @shadow-sm: 0 18px 45px rgba(15, 23, 42, .06); 23 23 @shadow: 0 30px 80px rgba(15, 23, 42, .12); 24 -@maxw: 1 240px;25 - /* */26 +@maxw: 1140px; 27 + 26 26 @section-padding: 30px 0; 27 27 @section-padding-mobile: 28px 0; 28 28 ... ... @@ -183,9 +183,6 @@ 183 183 184 184 &.hero-centered { 185 185 text-align: center; 186 - background: 187 - radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%), 188 - radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%); 189 189 display: flex; 190 190 align-items: center; 191 191 justify-content: center; ... ... @@ -259,7 +259,6 @@ 259 259 .trust-strip { 260 260 padding: 18px 0; 261 261 border-top: 1px solid @line; 262 - background: #fff; 263 263 264 264 ul { 265 265 max-width: 960px; ... ... @@ -332,7 +332,6 @@ 332 332 .pathway-card, 333 333 .service-card, 334 334 .resource-card { 335 - background: #fff; 336 336 border: 1px solid @line; 337 337 border-radius: @radius; 338 338 box-shadow: @shadow-sm; ... ... @@ -528,7 +528,6 @@ 528 528 align-items: flex-start; 529 529 gap: 16px; 530 530 padding: 22px; 531 - background: #fff; 532 532 border: 1px solid @line; 533 533 border-radius: @radius; 534 534 box-shadow: @shadow-sm; ... ... @@ -616,7 +616,6 @@ 616 616 position: relative; 617 617 padding: 16px 16px 16px 58px; 618 618 margin-bottom: 12px; 619 - background: #fff; 620 620 border: 1px solid @line; 621 621 border-radius: @radius; 622 622 box-shadow: @shadow-sm; ... ... @@ -767,8 +767,6 @@ 767 767 padding: 32px; 768 768 border-radius: @radius; 769 769 border: 1px solid fade(@brand, 20%); 770 - background: 771 - radial-gradient(34rem 12rem at 50% 0%, @brand-soft 0%, #fff 70%); 772 772 box-shadow: @shadow-sm; 773 773 text-align: center; 774 774 ... ... @@ -1176,7 +1176,6 @@ 1176 1176 1177 1177 .product-card { 1178 1178 position: relative; 1179 - background: #fff; 1180 1180 border: 1px solid @line; 1181 1181 border-radius: @radius; 1182 1182 box-shadow: @shadow-sm; ... ... @@ -1569,7 +1569,6 @@ 1569 1569 /* ========== Resources Index ========== */ 1570 1570 1571 1571 .resources-index-page { 1572 - background: #fff; 1573 1573 1574 1574 .services-grid { 1575 1575 grid-template-columns: repeat(2, minmax(0, 1fr)); ... ... @@ -1605,3 +1605,52 @@ 1605 1605 color: @muted; 1606 1606 } 1607 1607 } 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 +} */