Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 13.16
edited by Agnease
on 2026/05/26 11:08
Change comment: There is no comment for this version
To version 13.13
edited by Agnease
on 2026/05/26 10:53
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -698,10 +698,7 @@
698 698  }
699 699  
700 700  .resource-inline-cta {
701 - display: flex;
702 - align-items: center;
703 - justify-content: space-between;
704 - gap: 22px;
701 + display: flow-root;
705 705   margin: 30px 0;
706 706   padding: 20px 22px;
707 707   border: 1px solid fade(@brand, 22%);
... ... @@ -708,9 +708,10 @@
708 708   border-radius: @radius;
709 709   background: @brand-bg;
710 710   box-shadow: @shadow-sm;
708 + max-width: 820px;
711 711  
712 712   p {
713 - margin: 0;
711 + margin: 0 0 14px;
714 714   color: @muted;
715 715   line-height: 1.55;
716 716   }
... ... @@ -720,30 +720,10 @@
720 720   }
721 721  
722 722   .btn {
723 - flex-shrink: 0;
721 + margin-top: 2px;
724 724   }
725 725  }
726 726  
727 -@media (max-width: 767px) {
728 - .resource-inline-cta {
729 - display: block;
730 -
731 - p {
732 - margin-bottom: 14px;
733 - }
734 - }
735 -}
736 -
737 -@media (max-width: 767px) {
738 - .resource-inline-cta {
739 - display: block;
740 -
741 - p {
742 - margin-bottom: 14px;
743 - }
744 - }
745 -}
746 -
747 747  /* ========== Responsive ========== */
748 748  
749 749  @media (max-width: 980px) {
... ... @@ -980,14 +980,8 @@
980 980  }
981 981  
982 982  .resource-cta {
983 - display: flex;
984 - flex-direction: column;
985 - align-items: center;
986 - text-align: center;
987 -
988 - max-width: 820px;
989 - margin: 42px auto 0;
990 - padding: 28px 30px;
961 + margin-top: 36px;
962 + padding: 22px;
991 991   border: 1px solid fade(@brand, 20%);
992 992   border-radius: @radius;
993 993   background: @brand-bg;
... ... @@ -994,19 +994,11 @@
994 994  
995 995   h3 {
996 996   margin-top: 0;
997 - margin-bottom: 10px;
998 998   }
999 999  
1000 1000   p {
1001 - max-width: 680px;
1002 - margin-left: auto;
1003 - margin-right: auto;
1004 1004   color: @muted;
1005 1005   }
1006 -
1007 - .btn {
1008 - margin-top: 8px;
1009 - }
1010 1010  }
1011 1011  
1012 1012  .resource-note,
... ... @@ -1015,12 +1015,6 @@
1015 1015   display: flow-root;
1016 1016  }
1017 1017  
1018 -@media (max-width: 767px) {
1019 - .resource-cta {
1020 - padding: 24px 20px;
1021 - }
1022 -}
1023 -
1024 1024  @media (max-width: 900px) {
1025 1025   .resource-layout {
1026 1026   padding-top: 22px;