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,7 +631,7 @@ 631 631 margin-bottom: 0; 632 632 } 633 633 } 634 - .split-copy {634 + 635 635 h3, 636 636 h4 { 637 637 position: relative; ... ... @@ -675,7 +675,6 @@ 675 675 } 676 676 } 677 677 } 678 -} 679 679 680 680 .process-list { 681 681 counter-reset: process; ... ... @@ -727,6 +727,34 @@ 727 727 } 728 728 } 729 729 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 + 730 730 /* ========== Resources ========== */ 731 731 732 732 .resource-strip { ... ... @@ -829,7 +829,7 @@ 829 829 /* ========== CTA ========== */ 830 830 831 831 .cta-section { 832 - padding:44px 0 56px;859 + border: none; 833 833 834 834 .contact-inline { 835 835 margin: 0; ... ... @@ -1202,45 +1202,74 @@ 1202 1202 } 1203 1203 } 1204 1204 1205 -.resource-cta { 1206 - display: flex; 1207 - flex-direction: column; 1208 - align-items: center; 1209 - text-align: center; 1232 +.resource-inline-cta { 1210 1210 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; 1217 1217 1218 - h3 { 1219 - margin-top: 0; 1220 - margin-bottom: 10px; 1235 + &:before { 1236 + content: ""; 1237 + position: absolute; 1238 + top: 0; 1239 + bottom: 0; 1240 + left: 0; 1241 + width: 5px; 1242 + background: linear-gradient(180deg, @brand 0%, @brand-strong 100%); 1221 1221 } 1222 1222 1223 1223 p { 1224 - max-width:680px;1225 - margin-left:auto;1226 - margin -right:auto;1246 + position: relative; 1247 + z-index: 1; 1248 + margin: 0; 1227 1227 color: @muted; 1250 + font-size: 15px; 1251 + line-height: 1.6; 1228 1228 } 1229 1229 1254 + strong { 1255 + display: block; 1256 + margin-bottom: 4px; 1257 + color: @text; 1258 + font-size: 17px; 1259 + line-height: 1.35; 1260 + } 1261 + 1230 1230 .btn { 1231 - margin-top: 8px; 1263 + position: relative; 1264 + z-index: 1; 1265 + flex-shrink: 0; 1266 + white-space: nowrap; 1232 1232 } 1268 + 1269 + .btn-secondary { 1270 + border-color: @text; 1271 + background: @text; 1272 + color: #fff; 1273 + 1274 + &:hover, 1275 + &:focus { 1276 + border-color: @brand-strong; 1277 + background: @brand-strong; 1278 + color: #fff; 1279 + text-decoration: none; 1280 + } 1281 + } 1233 1233 } 1234 1234 1235 1235 .resource-note, 1236 1236 .resource-checklist, 1237 -.resource-cta { 1238 1238 display: flow-root; 1239 1239 } 1240 1240 1241 1241 @media (max-width: 767px) { 1242 - .resource-cta { 1243 - padding: 24px 20px; 1290 + .resource-inline-cta { 1291 + grid-template-columns: 1fr; 1292 + gap: 16px; 1293 + padding: 22px 20px 22px 24px; 1294 + text-align: left; 1295 + 1296 + .btn { 1297 + width: 100%; 1298 + justify-self: stretch; 1299 + } 1244 1244 } 1245 1245 } 1246 1246 ... ... @@ -1747,12 +1747,8 @@ 1747 1747 /* Keep large panels readable, but remove their inner gradients. 1748 1748 .industry-trust-section .industry-trust-panel, 1749 1749 .cta-panel, 1750 -.resource-inline-cta, 1751 1751 .resource-note, 1752 -.resource-cta { 1753 - background: #fff !important; 1754 - background-image: none !important; 1755 -} */ 1807 +*/ 1756 1756 1757 1757 /* ========== Main Page Hero / SaaS Layout ========== */ 1758 1758