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,49 +631,6 @@ 631 631 margin-bottom: 0; 632 632 } 633 633 } 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 - } 645 - 646 - h2 i, 647 - h3 i, 648 - h4 i { 649 - margin-right: 8px; 650 - color: @brand; 651 - } 652 - 653 - ul { 654 - position: relative; 655 - z-index: 1; 656 - margin: 18px 0 0; 657 - padding: 0; 658 - list-style: none; 659 - } 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; 675 - } 676 - } 677 677 } 678 678 679 679 .process-list { ... ... @@ -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;788 + padding: 44px 0 56px; 860 860 861 861 .contact-inline { 862 862 margin: 0; ... ... @@ -946,12 +946,8 @@ 946 946 grid-template-columns: 1fr; 947 947 } 948 948 949 - .split-copy { 950 - padding: 34px 28px; 951 - 952 - h2 { 953 - text-align: center; 954 - } 878 + .split-copy h2 { 879 + text-align: center; 955 955 } 956 956 } 957 957 ... ... @@ -1019,22 +1019,6 @@ 1019 1019 padding: 20px; 1020 1020 } 1021 1021 1022 - .split-copy { 1023 - padding: 30px 22px; 1024 - border-radius: 20px; 1025 - } 1026 - 1027 - .process-list li { 1028 - padding: 22px 20px 22px 68px; 1029 - 1030 - &:before { 1031 - left: 20px; 1032 - top: 22px; 1033 - width: 32px; 1034 - height: 32px; 1035 - } 1036 - } 1037 - 1038 1038 .services .service { 1039 1039 gap: 14px; 1040 1040 } ... ... @@ -1229,77 +1229,45 @@ 1229 1229 } 1230 1230 } 1231 1231 1232 -.resource-inline-cta { 1233 - position: relative; 1141 +.resource-cta { 1234 1234 display: flex; 1143 + flex-direction: column; 1235 1235 align-items: center; 1236 - justify-content: space-between; 1237 - gap: 22px; 1238 - margin: 32px 0; 1239 - padding: 22px 24px 22px 30px; 1145 + text-align: center; 1146 + 1147 + max-width: 820px; 1148 + margin: 42px auto 0; 1149 + padding: 28px 30px; 1240 1240 border: 1px solid fade(@brand, 20%); 1241 1241 border-radius: @radius; 1242 - background: #fff; 1243 - box-shadow: @shadow-sm; 1244 - overflow: hidden; 1152 + background: @brand-bg; 1245 1245 1154 + h3 { 1155 + margin-top: 0; 1156 + margin-bottom: 10px; 1157 + } 1246 1246 1247 - 1248 1248 p { 1249 - position:relative;1250 - z-index:1;1251 - margin: 0;1160 + max-width: 680px; 1161 + margin-left: auto; 1162 + margin-right: auto; 1252 1252 color: @muted; 1253 - font-size: 15px; 1254 - line-height: 1.6; 1255 1255 } 1256 1256 1257 - strong { 1258 - display: block; 1259 - margin-bottom: 4px; 1260 - color: @text; 1261 - font-size: 17px; 1262 - line-height: 1.35; 1263 - } 1264 - 1265 1265 .btn { 1266 - position: relative; 1267 - z-index: 1; 1268 - flex-shrink: 0; 1269 - white-space: nowrap; 1167 + margin-top: 8px; 1270 1270 } 1271 - 1272 - .btn-secondary { 1273 - border-color: @text; 1274 - background: @text; 1275 - color: #fff; 1276 - 1277 - &:hover, 1278 - &:focus { 1279 - border-color: @brand-strong; 1280 - background: @brand-strong; 1281 - color: #fff; 1282 - text-decoration: none; 1283 - } 1284 - } 1285 1285 } 1286 1286 1287 1287 .resource-note, 1288 1288 .resource-checklist, 1173 +.resource-cta { 1289 1289 display: flow-root; 1290 1290 } 1291 1291 1292 1292 @media (max-width: 767px) { 1293 - .resource-inline-cta { 1294 - grid-template-columns: 1fr; 1295 - gap: 16px; 1296 - padding: 22px 20px 22px 24px; 1297 - text-align: left; 1298 - 1299 - .btn { 1300 - width: 100%; 1301 - justify-self: stretch; 1302 - } 1178 + .resource-cta { 1179 + padding: 24px 20px; 1303 1303 } 1304 1304 } 1305 1305 ... ... @@ -1806,8 +1806,12 @@ 1806 1806 /* Keep large panels readable, but remove their inner gradients. 1807 1807 .industry-trust-section .industry-trust-panel, 1808 1808 .cta-panel, 1686 +.resource-inline-cta, 1809 1809 .resource-note, 1810 -*/ 1688 +.resource-cta { 1689 + background: #fff !important; 1690 + background-image: none !important; 1691 +} */ 1811 1811 1812 1812 /* ========== Main Page Hero / SaaS Layout ========== */ 1813 1813