Skip to Content

Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/21 12:54
From version 30.10
edited by Alex Cotiuga
on 2026/07/21 12:54
Change comment: There is no comment for this version
To version 29.10
edited by Alex Cotiuga
on 2026/07/03 15:33
Change comment: There is no comment for this version

Summary

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: 10px auto 22px;
82 + margin: 0 auto 22px;
83 83   text-align: center;
84 84   color: @muted;
85 85   font-size: 16px;
... ... @@ -631,7 +631,7 @@
631 631   margin-bottom: 0;
632 632   }
633 633   }
634 -
634 +
635 635   h3,
636 636   h4 {
637 637   position: relative;
... ... @@ -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;
831 + padding: 44px 0 56px;
861 861  
862 862   .contact-inline {
863 863   margin: 0;
... ... @@ -1128,7 +1128,7 @@
1128 1128  
1129 1129  .resource-note {
1130 1130   border-left: 4px solid @brand;
1131 - background: #fff;
1102 + background: @brand-bg;
1132 1132   padding: 16px 18px;
1133 1133   margin: 22px 0;
1134 1134   border-radius: 0 @radius @radius 0;
... ... @@ -1260,43 +1260,9 @@
1260 1260   }
1261 1261  }
1262 1262  
1263 -.resource-inline-cta {
1264 - display: flex;
1265 - align-items: center;
1266 - justify-content: space-between;
1267 - gap: 22px;
1268 - margin: 30px 0;
1269 - padding: 20px 22px;
1270 - border: 1px solid @line;
1271 - border-left: 4px solid @brand;
1272 - border-radius: @radius;
1273 - background: #fff;
1274 - box-shadow: @shadow-sm;
1275 -
1276 - p {
1277 - margin: 0;
1278 - color: @muted;
1279 - line-height: 1.55;
1280 - }
1281 -
1282 - strong {
1283 - display: block;
1284 - margin-bottom: 4px;
1285 - color: @text;
1286 - font-size: 17px;
1287 - line-height: 1.3;
1288 - }
1289 -
1290 - .btn {
1291 - flex-shrink: 0;
1292 - white-space: nowrap;
1293 - }
1294 -}
1295 -
1296 1296  .resource-note,
1297 1297  .resource-checklist,
1298 -.resource-cta,
1299 -.resource-inline-cta {
1236 +.resource-cta {
1300 1300   display: flow-root;
1301 1301  }
1302 1302  
... ... @@ -1306,22 +1306,6 @@
1306 1306   }
1307 1307  }
1308 1308  
1309 -@media (max-width: 767px) {
1310 - .resource-inline-cta {
1311 - display: block;
1312 -
1313 - p {
1314 - margin-bottom: 14px;
1315 - }
1316 -
1317 - .btn {
1318 - display: block;
1319 - width: 100%;
1320 - white-space: normal;
1321 - }
1322 - }
1323 -}
1324 -
1325 1325  @media (max-width: 900px) {
1326 1326   .resource-layout {
1327 1327   padding-top: 22px;
... ... @@ -1455,6 +1455,17 @@
1455 1455   }
1456 1456  }
1457 1457  
1379 +.product-card-contact {
1380 + color: @brand;
1381 + font-weight: 700;
1382 + text-decoration: underline;
1383 +
1384 + &:hover,
1385 + &:focus {
1386 + color: @brand-strong;
1387 + }
1388 +}
1389 +
1458 1458  @media (max-width: 640px) {
1459 1459   .product-card {
1460 1460   grid-template-columns: 1fr;