Changes for page Public Web Site
Last modified by Agnease on 2026/07/07 14:40
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -631,47 +631,48 @@ 631 631 margin-bottom: 0; 632 632 } 633 633 } 634 + .split-copy { 635 + h3, 636 + h4 { 637 + position: relative; 638 + z-index: 1; 639 + margin: 0 0 16px; 640 + color: #fff; 641 + font-size: 24px; 642 + line-height: 1.2; 643 + font-weight: 800; 644 + } 634 634 635 - h3, 636 - h4 { 637 - position: relative; 638 - z-index: 1; 639 - margin: 0 0 16px; 640 - color: #fff; 641 - font-size: 24px; 642 - line-height: 1.2; 643 - font-weight: 800; 644 - } 646 + h2 i, 647 + h3 i, 648 + h4 i { 649 + margin-right: 8px; 650 + color: @brand; 651 + } 645 645 646 - h2 i, 647 - h3 i, 648 - h4 i { 649 - margin-right: 8px; 650 - color: @brand; 651 - } 653 + ul { 654 + position: relative; 655 + z-index: 1; 656 + margin: 18px 0 0; 657 + padding: 0; 658 + list-style: none; 659 + } 652 652 653 - ul { 654 - position: relative; 655 - z-index: 1; 656 - margin: 18px 0 0; 657 - padding: 0; 658 - list-style: none; 659 - } 661 + li { 662 + position: relative; 663 + margin: 10px 0; 664 + padding-left: 28px; 665 + color: #DBE4EF; 666 + line-height: 1.5; 660 660 661 - li { 662 - position: relative; 663 - margin: 10px 0; 664 - padding-left: 28px; 665 - color: #DBE4EF; 666 - line-height: 1.5; 667 - 668 - &::before { 669 - content: "\f00c"; 670 - font-family: FontAwesome; 671 - position: absolute; 672 - left: 0; 673 - top: 1px; 674 - color: @brand; 668 + &::before { 669 + content: "\f00c"; 670 + font-family: FontAwesome; 671 + position: absolute; 672 + left: 0; 673 + top: 1px; 674 + color: @brand; 675 + } 675 675 } 676 676 } 677 677 } ... ... @@ -726,34 +726,6 @@ 726 726 } 727 727 } 728 728 729 -/* ===== Contact page side panel ===== */ 730 - 731 -.contact-side-panel { 732 - padding-top: 10px; 733 -} 734 - 735 -.contact-help-panel { 736 - margin-bottom: 18px; 737 - padding: 30px 28px; 738 -} 739 - 740 -.contact-help-panel h2 { 741 - font-size: 24px; 742 -} 743 - 744 -.contact-process-list li { 745 - min-height: auto; 746 -} 747 - 748 -/* CSS for hidden field to identify requests filled by bots. */ 749 -.contact-hp-wrapper { 750 - position: absolute; 751 - left: -9999px; 752 - width: 1px; 753 - height: 1px; 754 - overflow: hidden; 755 -} 756 - 757 757 /* ========== Resources ========== */ 758 758 759 759 .resource-strip { ... ... @@ -856,7 +856,7 @@ 856 856 /* ========== CTA ========== */ 857 857 858 858 .cta-section { 859 - border:none;832 + padding: 44px 0 56px; 860 860 861 861 .contact-inline { 862 862 margin: 0; ... ... @@ -1229,24 +1229,45 @@ 1229 1229 } 1230 1230 } 1231 1231 1205 +.resource-cta { 1206 + display: flex; 1207 + flex-direction: column; 1208 + align-items: center; 1209 + text-align: center; 1232 1232 1211 + max-width: 820px; 1212 + margin: 42px auto 0; 1213 + padding: 28px 30px; 1214 + border: 1px solid fade(@brand, 20%); 1215 + border-radius: @radius; 1216 + background: @brand-bg; 1233 1233 1218 + h3 { 1219 + margin-top: 0; 1220 + margin-bottom: 10px; 1221 + } 1222 + 1223 + p { 1224 + max-width: 680px; 1225 + margin-left: auto; 1226 + margin-right: auto; 1227 + color: @muted; 1228 + } 1229 + 1230 + .btn { 1231 + margin-top: 8px; 1232 + } 1233 +} 1234 + 1234 1234 .resource-note, 1235 1235 .resource-checklist, 1237 +.resource-cta { 1236 1236 display: flow-root; 1237 1237 } 1238 1238 1239 1239 @media (max-width: 767px) { 1240 - .resource-inline-cta { 1241 - grid-template-columns: 1fr; 1242 - gap: 16px; 1243 - padding: 22px 20px 22px 24px; 1244 - text-align: left; 1245 - 1246 - .btn { 1247 - width: 100%; 1248 - justify-self: stretch; 1249 - } 1242 + .resource-cta { 1243 + padding: 24px 20px; 1250 1250 } 1251 1251 } 1252 1252 ... ... @@ -1753,8 +1753,12 @@ 1753 1753 /* Keep large panels readable, but remove their inner gradients. 1754 1754 .industry-trust-section .industry-trust-panel, 1755 1755 .cta-panel, 1750 +.resource-inline-cta, 1756 1756 .resource-note, 1757 -*/ 1752 +.resource-cta { 1753 + background: #fff !important; 1754 + background-image: none !important; 1755 +} */ 1758 1758 1759 1759 /* ========== Main Page Hero / SaaS Layout ========== */ 1760 1760