Changes for page Public Web Site

Last modified by Agnease on 2026/07/01 17:17

From version 25.14
edited by Agnease
on 2026/06/30 11:07
Change comment: There is no comment for this version
To version 25.30
edited by Agnease
on 2026/06/30 11:35
Change comment: There is no comment for this version

Summary

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: 1240px;
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;
... ... @@ -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  
... ... @@ -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  }
1602 +
1603 +/* ========== Global Theme Background ========== */
1604 +
1605 +html,
1606 +body {
1607 + min-height: 100%;
1608 +}
1609 +
1610 +body {
1611 + color: @text;
1612 + background:
1613 + radial-gradient(circle at 12% 8%, rgba(0, 147, 125, 0.08) 0, transparent 26%),
1614 + radial-gradient(circle at 90% 28%, rgba(7, 24, 45, 0.05) 0, transparent 30%),
1615 + linear-gradient(180deg, #fff 0, @brand-bg 42%, #fff 100%) !important;
1616 + background-attachment: fixed;
1617 +}
1618 +
1619 +/* Let the body background show through the XWiki wrappers.
1620 +#mainContentArea,
1621 +.resource-page,
1622 +.resources-index-page {
1623 + background: transparent !important;
1624 + background-image: none !important;
1625 +}
1626 +*/
1627 +/* Remove local decorative backgrounds that compete with the global gradient.
1628 +.hero,
1629 +.hero.hero-centered,
1630 +.trust-strip,
1631 +.industry-trust-section,
1632 +.split-section,
1633 +.resource-strip,
1634 +.homepage-resource-strip,
1635 +.resource-header,
1636 +.product-section-muted,
1637 +.resources-index-page {
1638 + background: transparent !important;
1639 + background-image: none !important;
1640 +}
1641 + */
1642 +/* Keep large panels readable, but remove their inner gradients.
1643 +.industry-trust-section .industry-trust-panel,
1644 +.cta-panel,
1645 +.resource-inline-cta,
1646 +.resource-note,
1647 +.resource-cta {
1648 + background: #fff !important;
1649 + background-image: none !important;
1650 +} */