Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.17
edited by Agnease
on 2026/07/03 12:58
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
... ... @@ -737,7 +737,7 @@
737 737  
738 738  /* ========== CTA ========== */
739 739  
740 -#mainContentArea .cta-section {
740 +.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 -#mainContentArea .cta-panel {
753 +.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 -}
768 768  
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 -}
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 + }
780 780  
781 -#mainContentArea .cta-panel h2,
782 -#mainContentArea .cta-panel p,
783 -#mainContentArea .cta-panel .btn {
784 - position: relative;
785 - z-index: 1;
786 -}
780 + h2,
781 + p,
782 + .btn {
783 + position: relative;
784 + z-index: 1;
785 + }
787 787  
788 -#mainContentArea .cta-panel h2 {
789 - max-width: 760px;
790 - margin: 0 auto 16px;
791 - color: #fff;
792 -}
787 + h2 {
788 + max-width: 760px;
789 + margin: 0 auto 16px;
790 + color: #fff;
791 + }
793 793  
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 -}
793 + p {
794 + max-width: 760px;
795 + margin: 0 auto 28px;
796 + color: #DBE4EF;
797 + font-size: 16px;
798 + line-height: 1.6;
799 + }
801 801  
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 -}
801 + .btn-primary {
802 + border-color: #fff;
803 + background: #fff;
804 + color: @text;
805 + box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
808 808  
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;
807 + &:hover,
808 + &:focus {
809 + border-color: #fff;
810 + background: #fff;
811 + color: @brand-strong;
812 + text-decoration: none;
813 + }
814 + }
815 815  }
816 816  
817 817  .resource-inline-cta {
... ... @@ -945,13 +945,13 @@
945 945   gap: 14px;
946 946   }
947 947  
948 - #mainContentArea .cta-panel {
948 + .cta-panel {
949 949   padding: 30px 22px;
950 950   border-radius: 20px;
951 - }
952 952  
953 - #mainContentArea .cta-panel .btn-primary {
954 - width: 100%;
952 + .btn-primary {
953 + width: 100%;
954 + }
955 955   }
956 956  }
957 957  
... ... @@ -1908,6 +1908,7 @@
1908 1908  }
1909 1909  
1910 1910  /* Make CTA panels stand out more clearly. */
1911 +#mainContentArea .cta-panel,
1911 1911  #mainContentArea .resource-cta,
1912 1912  #mainContentArea .resource-inline-cta {
1913 1913   background: #fff;