Changes for page Public Web Site
Last modified by Alex Cotiuga on 2026/07/27 04:27
From version 31.4
edited by Alex Cotiuga
on 2026/07/27 04:27
on 2026/07/27 04:27
Change comment:
There is no comment for this version
To version 29.9
edited by Alex Cotiuga
on 2026/07/03 15:33
on 2026/07/03 15:33
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -249,7 +249,6 @@ 249 249 A short description is enough to define practical next steps. 250 250 </p> 251 251 <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a> 252 - <a class="btn btn-secondary" href="$xwiki.getURL('pricing.WebHome')">View service packages</a> 253 253 </div> 254 254 </div> 255 255 </section>
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -79,7 +79,7 @@ 79 79 80 80 .section-intro { 81 81 max-width: 760px; 82 - margin: 10pxauto 22px;82 + margin: 0 auto 22px; 83 83 text-align: center; 84 84 color: @muted; 85 85 font-size: 16px; ... ... @@ -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 { ... ... @@ -761,7 +761,6 @@ 761 761 } 762 762 763 763 .resource-card { 764 - background-color: #fff; 765 765 padding: 20px; 766 766 767 767 h4 { ... ... @@ -857,7 +857,7 @@ 857 857 /* ========== CTA ========== */ 858 858 859 859 .cta-section { 860 - border:none;832 + padding: 44px 0 56px; 861 861 862 862 .contact-inline { 863 863 margin: 0; ... ... @@ -895,23 +895,20 @@ 895 895 pointer-events: none; 896 896 } 897 897 898 - > h2, 899 - > p, 900 - > form, 901 - > .hero-actions, 902 - > .cta-actions, 903 - > .reviewNotifications { 870 + h2, 871 + p, 872 + .btn { 904 904 position: relative; 905 905 z-index: 1; 906 906 } 907 907 908 - >h2 {877 + h2 { 909 909 max-width: 760px; 910 910 margin: 0 auto 16px; 911 911 color: #fff; 912 912 } 913 913 914 - >p {883 + p { 915 915 max-width: 760px; 916 916 margin: 0 auto 28px; 917 917 color: #DBE4EF; ... ... @@ -959,20 +959,6 @@ 959 959 } 960 960 } 961 961 962 -/* ========== XWiki notifications inside public CTA panels ========== */ 963 - 964 -#mainContentArea { 965 - .cta-panel { 966 - .reviewNotifications { 967 - position: relative; 968 - z-index: 1; 969 - max-width: 920px; 970 - margin: 22px auto 0; 971 - text-align: left; 972 - } 973 - } 974 -} 975 - 976 976 @media (max-width: 760px) { 977 977 section[id] { 978 978 scroll-margin-top: 132px; ... ... @@ -1145,7 +1145,7 @@ 1145 1145 1146 1146 .resource-note { 1147 1147 border-left: 4px solid @brand; 1148 - background: #fff;1103 + background: @brand-bg; 1149 1149 padding: 16px 18px; 1150 1150 margin: 22px 0; 1151 1151 border-radius: 0 @radius @radius 0; ... ... @@ -1277,43 +1277,9 @@ 1277 1277 } 1278 1278 } 1279 1279 1280 -.resource-inline-cta { 1281 - display: flex; 1282 - align-items: center; 1283 - justify-content: space-between; 1284 - gap: 22px; 1285 - margin: 30px 0; 1286 - padding: 20px 22px; 1287 - border: 1px solid @line; 1288 - border-left: 4px solid @brand; 1289 - border-radius: @radius; 1290 - background: #fff; 1291 - box-shadow: @shadow-sm; 1292 - 1293 - p { 1294 - margin: 0; 1295 - color: @muted; 1296 - line-height: 1.55; 1297 - } 1298 - 1299 - strong { 1300 - display: block; 1301 - margin-bottom: 4px; 1302 - color: @text; 1303 - font-size: 17px; 1304 - line-height: 1.3; 1305 - } 1306 - 1307 - .btn { 1308 - flex-shrink: 0; 1309 - white-space: nowrap; 1310 - } 1311 -} 1312 - 1313 1313 .resource-note, 1314 1314 .resource-checklist, 1315 -.resource-cta, 1316 -.resource-inline-cta { 1237 +.resource-cta { 1317 1317 display: flow-root; 1318 1318 } 1319 1319 ... ... @@ -1323,22 +1323,6 @@ 1323 1323 } 1324 1324 } 1325 1325 1326 -@media (max-width: 767px) { 1327 - .resource-inline-cta { 1328 - display: block; 1329 - 1330 - p { 1331 - margin-bottom: 14px; 1332 - } 1333 - 1334 - .btn { 1335 - display: block; 1336 - width: 100%; 1337 - white-space: normal; 1338 - } 1339 - } 1340 -} 1341 - 1342 1342 @media (max-width: 900px) { 1343 1343 .resource-layout { 1344 1344 padding-top: 22px; ... ... @@ -1472,6 +1472,17 @@ 1472 1472 } 1473 1473 } 1474 1474 1380 +.product-card-contact { 1381 + color: @brand; 1382 + font-weight: 700; 1383 + text-decoration: underline; 1384 + 1385 + &:hover, 1386 + &:focus { 1387 + color: @brand-strong; 1388 + } 1389 +} 1390 + 1475 1475 @media (max-width: 640px) { 1476 1476 .product-card { 1477 1477 grid-template-columns: 1fr;