Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.14
edited by Agnease
on 2026/07/03 12:42
Change comment: There is no comment for this version
To version 28.15
edited by Agnease
on 2026/07/03 12:54
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -738,7 +738,7 @@
738 738  /* ========== CTA ========== */
739 739  
740 740  .cta-section {
741 - padding: @section-padding;
741 + padding: 44px 0 56px;
742 742  
743 743   .contact-inline {
744 744   margin: 0;
... ... @@ -751,22 +751,67 @@
751 751  }
752 752  
753 753  .cta-panel {
754 - max-width: 860px;
754 + position: relative;
755 + overflow: hidden;
756 + max-width: 1040px;
755 755   margin: 0 auto;
756 - padding: 32px;
757 - border-radius: @radius;
758 - border: 1px solid fade(@brand, 20%);
759 - box-shadow: @shadow-sm;
758 + padding: 48px 40px;
759 + border: 0;
760 + border-radius: 26px;
761 + background:
762 + radial-gradient(circle at 88% 10%, fade(@brand, 24%) 0%, transparent 30%),
763 + linear-gradient(135deg, @text 0%, @text-soft 100%);
764 + color: #fff;
765 + box-shadow: @shadow;
760 760   text-align: center;
761 761  
768 + &::before {
769 + content: "";
770 + position: absolute;
771 + inset: 0;
772 + background:
773 + linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
774 + linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
775 + background-size: 48px 48px;
776 + opacity: .4;
777 + pointer-events: none;
778 + }
779 +
780 + h2,
781 + p,
782 + .btn {
783 + position: relative;
784 + z-index: 1;
785 + }
786 +
762 762   h2 {
763 - margin-top: 0;
788 + max-width: 760px;
789 + margin: 0 auto 16px;
790 + color: #fff;
764 764   }
765 765  
766 766   p {
767 - color: @muted;
768 - line-height: 1.55;
794 + max-width: 760px;
795 + margin: 0 auto 28px;
796 + color: #DBE4EF;
797 + font-size: 16px;
798 + line-height: 1.6;
769 769   }
800 +
801 + .btn-primary {
802 + border-color: #fff;
803 + background: #fff;
804 + color: @text;
805 + box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
806 +
807 + &:hover,
808 + &:focus {
809 + border-color: #fff;
810 + background: #fff;
811 + color: @brand-strong;
812 + text-decoration: none;
813 + }
814 + }
770 770  }
771 771  
772 772  .resource-inline-cta {
... ... @@ -901,7 +901,12 @@
901 901   }
902 902  
903 903   .cta-panel {
904 - padding: 24px 20px;
949 + padding: 30px 22px;
950 + border-radius: 20px;
951 +
952 + .btn-primary {
953 + width: 100%;
954 + }
905 905   }
906 906  }
907 907