Skip to Content

Changes for page Public Web Site

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

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -737,7 +737,7 @@
737 737  
738 738  /* ========== CTA ========== */
739 739  
740 -.cta-section {
740 +#mainContentArea .cta-section {
741 741   padding: 44px 0 56px;
742 742  
743 743   .contact-inline {
... ... @@ -750,7 +750,7 @@
750 750   }
751 751  }
752 752  
753 -.cta-panel {
753 +#mainContentArea .cta-panel {
754 754   position: relative;
755 755   overflow: hidden;
756 756   max-width: 1040px;
... ... @@ -764,54 +764,54 @@
764 764   color: #fff;
765 765   box-shadow: @shadow;
766 766   text-align: center;
767 +}
767 767  
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 - }
769 +#mainContentArea .cta-panel::before {
770 + content: "";
771 + position: absolute;
772 + inset: 0;
773 + background:
774 + linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
775 + linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
776 + background-size: 48px 48px;
777 + opacity: .4;
778 + pointer-events: none;
779 +}
779 779  
780 - h2,
781 - p,
782 - .btn {
783 - position: relative;
784 - z-index: 1;
785 - }
781 +#mainContentArea .cta-panel h2,
782 +#mainContentArea .cta-panel p,
783 +#mainContentArea .cta-panel .btn {
784 + position: relative;
785 + z-index: 1;
786 +}
786 786  
787 - h2 {
788 - max-width: 760px;
789 - margin: 0 auto 16px;
790 - color: #fff;
791 - }
788 +#mainContentArea .cta-panel h2 {
789 + max-width: 760px;
790 + margin: 0 auto 16px;
791 + color: #fff;
792 +}
792 792  
793 - p {
794 - max-width: 760px;
795 - margin: 0 auto 28px;
796 - color: #DBE4EF;
797 - font-size: 16px;
798 - line-height: 1.6;
799 - }
794 +#mainContentArea .cta-panel p {
795 + max-width: 760px;
796 + margin: 0 auto 28px;
797 + color: #DBE4EF;
798 + font-size: 16px;
799 + line-height: 1.6;
800 +}
800 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);
802 +#mainContentArea .cta-panel .btn-primary {
803 + border-color: #fff;
804 + background: #fff;
805 + color: @text;
806 + box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
807 +}
806 806  
807 - &:hover,
808 - &:focus {
809 - border-color: #fff;
810 - background: #fff;
811 - color: @brand-strong;
812 - text-decoration: none;
813 - }
814 - }
809 +#mainContentArea .cta-panel .btn-primary:hover,
810 +#mainContentArea .cta-panel .btn-primary:focus {
811 + border-color: #fff;
812 + background: #fff;
813 + color: @brand-strong;
814 + text-decoration: none;
815 815  }
816 816  
817 817  .resource-inline-cta {
... ... @@ -945,13 +945,13 @@
945 945   gap: 14px;
946 946   }
947 947  
948 - .cta-panel {
948 + #mainContentArea .cta-panel {
949 949   padding: 30px 22px;
950 950   border-radius: 20px;
951 + }
951 951  
952 - .btn-primary {
953 - width: 100%;
954 - }
953 + #mainContentArea .cta-panel .btn-primary {
954 + width: 100%;
955 955   }
956 956  }
957 957  
... ... @@ -1908,7 +1908,6 @@
1908 1908  }
1909 1909  
1910 1910  /* Make CTA panels stand out more clearly. */
1911 -#mainContentArea .cta-panel,
1912 1912  #mainContentArea .resource-cta,
1913 1913  #mainContentArea .resource-inline-cta {
1914 1914   background: #fff;