Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 8.3
edited by Agnease
on 2026/05/12 20:25
Change comment: There is no comment for this version
To version 8.6
edited by Agnease
on 2026/05/12 20:29
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -902,58 +902,6 @@
902 902  }
903 903  /* ========== Products / Extensions Pages ========== */
904 904  
905 -.product-index-hero {
906 - padding: 56px 0 48px;
907 - text-align: center;
908 - background:
909 - radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%),
910 - radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
911 - border-top: none;
912 - border-bottom: 1px solid @line;
913 -
914 - h1 {
915 - max-width: 790px;
916 - margin: 0 auto;
917 - line-height: 1.18;
918 - }
919 -
920 - .page-lead {
921 - max-width: 760px;
922 - margin: 14px auto 0;
923 - color: @muted;
924 - text-align: center;
925 - font-size: 19px;
926 - line-height: 1.55;
927 - }
928 -}
929 -
930 -.product-page-kicker,
931 -.product-card-kicker {
932 - display: inline-flex;
933 - align-items: center;
934 - gap: 8px;
935 - color: @brand;
936 - background: fade(@brand, 8%);
937 - border: 1px solid fade(@brand, 18%);
938 - border-radius: 999px;
939 - padding: 6px 12px;
940 - margin-bottom: 14px;
941 - font-size: 13px;
942 - font-weight: 700;
943 -
944 - i {
945 - color: @brand;
946 - }
947 -}
948 -
949 -.product-card-kicker {
950 - margin-bottom: 10px;
951 - padding: 5px 10px;
952 - font-size: 12px;
953 - text-transform: uppercase;
954 - letter-spacing: .04em;
955 -}
956 -
957 957  .product-index-section {
958 958   padding: 52px 0 56px;
959 959  
... ... @@ -1023,6 +1023,14 @@
1023 1023   }
1024 1024  }
1025 1025  
974 +.product-card-kicker {
975 + margin-bottom: 10px;
976 + padding: 5px 10px;
977 + font-size: 12px;
978 + text-transform: uppercase;
979 + letter-spacing: .04em;
980 +}
981 +
1026 1026  .product-highlights {
1027 1027   margin: 14px 0 20px;
1028 1028   padding-left: 18px;
... ... @@ -1034,40 +1034,8 @@
1034 1034   }
1035 1035  }
1036 1036  
1037 -.product-cta-section {
1038 - padding: 0 0 56px;
1039 - border-top: 1px solid @line;
1040 -}
1041 -
1042 -.product-cta-panel {
1043 - max-width: 860px;
1044 - margin: 0 auto;
1045 - padding: 32px;
1046 - border-radius: @radius;
1047 - border: 1px solid fade(@brand, 20%);
1048 - background:
1049 - radial-gradient(34rem 12rem at 50% 0%, @brand-soft 0%, #fff 70%);
1050 - box-shadow: @shadow-sm;
1051 - text-align: center;
1052 -
1053 - h2 {
1054 - margin-top: 0;
1055 - }
1056 -
1057 - p {
1058 - max-width: 680px;
1059 - margin: 0 auto 18px;
1060 - color: @muted;
1061 - line-height: 1.55;
1062 - }
1063 -}
1064 -
1065 1065  /* ========== Individual Product Pages ========== */
1066 1066  
1067 -.product-hero {
1068 - min-height: 330px;
1069 -}
1070 -
1071 1071  .product-layout {
1072 1072   display: grid;
1073 1073   grid-template-columns: 1.1fr .9fr;
... ... @@ -1209,19 +1209,6 @@
1209 1209   radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
1210 1210  }
1211 1211  
1212 -.product-use-cases {
1213 - ul {
1214 - margin: 0;
1215 - padding-left: 20px;
1216 - color: @muted;
1217 - }
1218 -
1219 - li {
1220 - margin: 8px 0;
1221 - line-height: 1.5;
1222 - }
1223 -}
1224 -
1225 1225  @media (max-width: 980px) {
1226 1226   .product-layout,
1227 1227   .product-feature-grid {
... ... @@ -1234,14 +1234,6 @@
1234 1234  }
1235 1235  
1236 1236  @media (max-width: 640px) {
1237 - .product-index-hero {
1238 - padding: 38px 0 34px;
1239 -
1240 - .page-lead {
1241 - font-size: 17px;
1242 - }
1243 - }
1244 -
1245 1245   .product-card {
1246 1246   grid-template-columns: 1fr;
1247 1247   padding: 22px;
... ... @@ -1258,8 +1258,4 @@
1258 1258   .product-gallery-panel {
1259 1259   padding: 20px;
1260 1260   }
1261 -
1262 - .product-cta-panel {
1263 - padding: 24px 20px;
1264 - }
1265 1265  }