Skip to Content

Changes for page Public Web Site

Last modified by Alex Cotiuga on 2026/07/27 04:27
From version 31.2
edited by Alex Cotiuga
on 2026/07/27 04:11
Change comment: There is no comment for this version
To version 29.5
edited by Alex Cotiuga
on 2026/07/03 15:27
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,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 {
... ... @@ -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;
788 + padding: 44px 0 56px;
861 861  
862 862   .contact-inline {
863 863   margin: 0;
... ... @@ -956,86 +956,6 @@
956 956   }
957 957  }
958 958  
959 -/* ========== XWiki notifications inside public CTA panels ========== */
960 -
961 -#mainContentArea {
962 - .cta-panel {
963 - .reviewNotifications {
964 - position: relative;
965 - z-index: 1;
966 - max-width: 920px;
967 - margin: 22px auto 0;
968 - text-align: left;
969 -
970 - .box {
971 - margin: 0;
972 - padding: 18px 22px;
973 - border-radius: 8px;
974 -
975 - p {
976 - max-width: none;
977 - margin: 0;
978 - font-size: 15px;
979 - line-height: 1.55;
980 - font-weight: 600;
981 - }
982 - }
983 -
984 - .successmessage {
985 - border-color: #D6E9C6;
986 - border-left: 4px solid #3C763D;
987 - background: #DFF0D8;
988 - color: #3C763D;
989 -
990 - p,
991 - .fa,
992 - .icon {
993 - color: #3C763D;
994 - }
995 - }
996 -
997 - .errormessage {
998 - border-color: #EBCCD1;
999 - border-left: 4px solid #A94442;
1000 - background: #F2DEDE;
1001 - color: #A94442;
1002 -
1003 - p,
1004 - .fa,
1005 - .icon {
1006 - color: #A94442;
1007 - }
1008 - }
1009 -
1010 - .warningmessage {
1011 - border-color: #FAEBCC;
1012 - border-left: 4px solid #8A6D3B;
1013 - background: #FCF8E3;
1014 - color: #8A6D3B;
1015 -
1016 - p,
1017 - .fa,
1018 - .icon {
1019 - color: #8A6D3B;
1020 - }
1021 - }
1022 -
1023 - .infomessage {
1024 - border-color: #BCE8F1;
1025 - border-left: 4px solid #31708F;
1026 - background: #D9EDF7;
1027 - color: #31708F;
1028 -
1029 - p,
1030 - .fa,
1031 - .icon {
1032 - color: #31708F;
1033 - }
1034 - }
1035 - }
1036 - }
1037 -}
1038 -
1039 1039  @media (max-width: 760px) {
1040 1040   section[id] {
1041 1041   scroll-margin-top: 132px;
... ... @@ -1099,7 +1099,7 @@
1099 1099   .widget {
1100 1100   padding: 20px;
1101 1101   }
1102 -
950 +
1103 1103   .split-copy {
1104 1104   padding: 30px 22px;
1105 1105   border-radius: 20px;
... ... @@ -1208,7 +1208,7 @@
1208 1208  
1209 1209  .resource-note {
1210 1210   border-left: 4px solid @brand;
1211 - background: #fff;
1059 + background: @brand-bg;
1212 1212   padding: 16px 18px;
1213 1213   margin: 22px 0;
1214 1214   border-radius: 0 @radius @radius 0;
... ... @@ -1340,43 +1340,9 @@
1340 1340   }
1341 1341  }
1342 1342  
1343 -.resource-inline-cta {
1344 - display: flex;
1345 - align-items: center;
1346 - justify-content: space-between;
1347 - gap: 22px;
1348 - margin: 30px 0;
1349 - padding: 20px 22px;
1350 - border: 1px solid @line;
1351 - border-left: 4px solid @brand;
1352 - border-radius: @radius;
1353 - background: #fff;
1354 - box-shadow: @shadow-sm;
1355 -
1356 - p {
1357 - margin: 0;
1358 - color: @muted;
1359 - line-height: 1.55;
1360 - }
1361 -
1362 - strong {
1363 - display: block;
1364 - margin-bottom: 4px;
1365 - color: @text;
1366 - font-size: 17px;
1367 - line-height: 1.3;
1368 - }
1369 -
1370 - .btn {
1371 - flex-shrink: 0;
1372 - white-space: nowrap;
1373 - }
1374 -}
1375 -
1376 1376  .resource-note,
1377 1377  .resource-checklist,
1378 -.resource-cta,
1379 -.resource-inline-cta {
1193 +.resource-cta {
1380 1380   display: flow-root;
1381 1381  }
1382 1382  
... ... @@ -1386,22 +1386,6 @@
1386 1386   }
1387 1387  }
1388 1388  
1389 -@media (max-width: 767px) {
1390 - .resource-inline-cta {
1391 - display: block;
1392 -
1393 - p {
1394 - margin-bottom: 14px;
1395 - }
1396 -
1397 - .btn {
1398 - display: block;
1399 - width: 100%;
1400 - white-space: normal;
1401 - }
1402 - }
1403 -}
1404 -
1405 1405  @media (max-width: 900px) {
1406 1406   .resource-layout {
1407 1407   padding-top: 22px;
... ... @@ -1535,6 +1535,17 @@
1535 1535   }
1536 1536  }
1537 1537  
1336 +.product-card-contact {
1337 + color: @brand;
1338 + font-weight: 700;
1339 + text-decoration: underline;
1340 +
1341 + &:hover,
1342 + &:focus {
1343 + color: @brand-strong;
1344 + }
1345 +}
1346 +
1538 1538  @media (max-width: 640px) {
1539 1539   .product-card {
1540 1540   grid-template-columns: 1fr;