Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments (1)
- History
- Information
- Likes

From 28.19 to 28.20 From 28.24 to 28.25

From version 28.20

edited by Agnease
on 2026/07/03 13:06

Change comment: There is no comment for this version

To version 28.24

edited by Agnease
on 2026/07/03 13:15

Change comment: There is no comment for this version

Raw
Rendered

Summary

Objects (1 modified, 0 added, 0 removed)
- XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

code

@@ -251,53 +251,67 @@
  .contrast-band {
    position: relative;
++  overflow: visible;
++  isolation: isolate;
++  padding: 54px 0;
++  border-top: 0;
++  color: #fff;
++  background: transparent;
++}
++
++.contrast-band::before {
++  content: "";
++  position: absolute;
++  top: 0;
++  bottom: 0;
    left: 50%;
--  right: 50%;
    width: 100vw;
--  margin-left: -50vw;
--  margin-right: -50vw;
--  overflow: hidden;
--  padding: 54px 0;
++  transform: translateX(-50%);
++  z-index: -2;
    background:
      radial-gradient(circle at 18% 18%, fade(@brand, 22%) 0%, transparent 28%),
      radial-gradient(circle at 86% 12%, fade(@brand, 16%) 0%, transparent 30%),
      linear-gradient(135deg, @text 0%, @text-soft 100%);
--  color: #fff;
++}
--  &::before {
--    content: "";
--    position: absolute;
--    inset: 0;
--    background:
--      linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
--      linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
--    background-size: 52px 52px;
--    opacity: .38;
--    pointer-events: none;
--  }
++.contrast-band::after {
++  content: "";
++  position: absolute;
++  top: 0;
++  bottom: 0;
++  left: 50%;
++  width: 100vw;
++  transform: translateX(-50%);
++  z-index: -1;
++  background:
++    linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
++    linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
++  background-size: 52px 52px;
++  opacity: .38;
++  pointer-events: none;
++}
--  .container {
--    position: relative;
--    z-index: 1;
--  }
++.contrast-band .container {
++  position: relative;
++  z-index: 1;
++}
--  .contrast-panel {
--    max-width: 1040px;
--    margin: 0 auto;
--    text-align: center;
--  }
++.contrast-panel {
++  max-width: 1040px;
++  margin: 0 auto;
++  text-align: center;
++}
--  h2 {
--    max-width: 860px;
--    margin: 0 auto 12px;
--    color: #fff;
--  }
++.contrast-band h2 {
++  max-width: 860px;
++  margin: 0 auto 12px;
++  color: #fff;
++}
--  .section-intro {
--    max-width: 840px;
--    margin: 0 auto 26px;
--    color: #D9E3EE;
--  }
++.contrast-band .section-intro {
++  max-width: 840px;
++  margin: 0 auto 26px;
++  color: #D9E3EE;
  }
  .contrast-tags {
@@ -307,29 +307,29 @@
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
++}
--  span {
--    display: inline-flex;
--    align-items: center;
--    padding: 8px 13px;
--    border: 1px solid fade(#fff, 18%);
--    border-radius: 999px;
--    background: fade(#fff, 8%);
--    color: #F8FAFC;
--    font-size: 13px;
--    font-weight: 700;
--    line-height: 1.2;
++.contrast-tags span {
++  display: inline-flex;
++  align-items: center;
++  padding: 8px 13px;
++  border: 1px solid fade(#fff, 18%);
++  border-radius: 999px;
++  background: fade(#fff, 8%);
++  color: #F8FAFC;
++  font-size: 13px;
++  font-weight: 700;
++  line-height: 1.2;
++}
--    &::before {
--      content: "";
--      width: 7px;
--      height: 7px;
--      margin-right: 8px;
--      border-radius: 50%;
--      background: @brand;
--      box-shadow: 0 0 0 4px fade(@brand, 18%);
--    }
--  }
++.contrast-tags span::before {
++  content: "";
++  width: 7px;
++  height: 7px;
++  margin-right: 8px;
++  border-radius: 50%;
++  background: @brand;
++  box-shadow: 0 0 0 4px fade(@brand, 18%);
  }
  .contrast-support {
@@ -508,80 +508,6 @@
    }
  }
--.industry-trust-section {
--  background:
--    radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
--
--  .industry-trust-panel {
--    max-width: 1040px;
--    margin: 0 auto;
--    padding: 30px 28px;
--    border: 1px solid fade(@brand, 16%);
--    border-radius: @radius;
--    background:
--      radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%);
--    box-shadow: @shadow-sm;
--    text-align: center;
--  }
--
--  h2 {
--    margin-bottom: 12px;
--  }
--
--  .section-intro {
--    margin-bottom: 20px;
--    max-width: 820px;
--  }
--
--  .industry-tags {
--    max-width: 880px;
--    margin: 0 auto;
--    display: flex;
--    flex-wrap: wrap;
--    justify-content: center;
--    gap: 10px;
--  }
--
--  .industry-tags span {
--    display: inline-flex;
--    align-items: center;
--    padding: 7px 12px;
--    border: 1px solid fade(@brand, 20%);
--    border-radius: 999px;
--    background: #fff;
--    color: @text;
--    font-size: 13px;
--    font-weight: 600;
--    line-height: 1.2;
--    box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
--  }
--
--  .industry-support {
--    max-width: 820px;
--    margin: 22px auto 0;
--    color: @muted;
--    font-size: 16px;
--    line-height: 1.6;
--  }
--}
--
--@media (max-width: 640px) {
--  .industry-trust-section {
--    .industry-trust-panel {
--      padding: 24px 18px;
--    }
--
--    .industry-tags {
--      gap: 8px;
--    }
--
--    .industry-tags span {
--      font-size: 12px;
--      padding: 6px 10px;
--    }
--  }
--}
--
  /* ========== Services ========== */
  .services {