Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/06/23 08:37
From version 21.2
edited by Agnease
on 2026/06/23 08:37
Change comment: There is no comment for this version
To version 20.11
edited by Agnease
on 2026/06/08 18:27
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -996,6 +996,45 @@
996 996   }
997 997  }
998 998  
999 +.resource-note.related-resources {
1000 + p {
1001 + margin-bottom: 10px;
1002 + }
1003 +
1004 + ul {
1005 + margin: 0;
1006 + padding-left: 20px;
1007 + }
1008 +
1009 + li {
1010 + margin: 6px 0;
1011 + color: @muted;
1012 + }
1013 +}
1014 +
1015 +.resource-faq-item {
1016 + display: flow-root;
1017 + border-bottom: 1px solid @line;
1018 + padding: 12px 0;
1019 +
1020 + summary {
1021 + cursor: pointer;
1022 + font-weight: 700;
1023 + color: @text;
1024 + line-height: 1.4;
1025 + }
1026 +
1027 + summary:hover,
1028 + summary:focus {
1029 + color: @brand-strong;
1030 + }
1031 +
1032 + p {
1033 + margin: 10px 0 4px;
1034 + color: @muted;
1035 + }
1036 +}
1037 +
999 999  .resource-checklist {
1000 1000   margin: 18px 0 24px;
1001 1001   padding: 0;
... ... @@ -1203,7 +1203,6 @@
1203 1203  
1204 1204  .product-summary-card,
1205 1205  .product-info-card,
1206 -.product-feature,
1207 1207  .product-gallery-panel {
1208 1208   background: #fff;
1209 1209   border: 1px solid @line;
... ... @@ -1249,12 +1249,6 @@
1249 1249   }
1250 1250  }
1251 1251  
1252 -.product-card-note {
1253 - margin: 0 0 12px;
1254 - color: @muted;
1255 - line-height: 1.5;
1256 -}
1257 -
1258 1258  .product-feature-grid {
1259 1259   display: grid;
1260 1260   grid-template-columns: repeat(3, minmax(0, 1fr));
... ... @@ -1264,9 +1264,13 @@
1264 1264  }
1265 1265  
1266 1266  .product-feature {
1299 + background: #fff;
1300 + border: 1px solid @line;
1301 + border-radius: @radius;
1302 + box-shadow: @shadow-sm;
1267 1267   padding: 22px;
1268 1268  
1269 - .card-heading {
1305 + .feature-heading {
1270 1270   display: flex;
1271 1271   align-items: center;
1272 1272   gap: 14px;
... ... @@ -1300,57 +1300,6 @@
1300 1300   }
1301 1301  }
1302 1302  
1303 -.product-gallery-caption {
1304 - max-width: 860px;
1305 - margin: 28px auto 12px;
1306 - color: @muted;
1307 - font-size: 14px;
1308 - line-height: 1.5;
1309 - text-align: center;
1310 -}
1311 -
1312 -/* Keep the default XWiki gallery behavior.
1313 - Only center it and make its corners match the product cards. */
1314 -.gallery.xGallery {
1315 - margin-left: auto !important;
1316 - margin-right: auto !important;
1317 - border-radius: @radius;
1318 - overflow: hidden;
1319 -}
1320 -
1321 -.gallery.xGallery .galleria-container,
1322 -.gallery.xGallery .galleria-stage {
1323 - border-radius: @radius;
1324 - overflow: hidden;
1325 -}
1326 -
1327 -.product-summary-card .process-list {
1328 - margin-top: 16px;
1329 -
1330 - li {
1331 - padding: 12px 14px 12px 50px;
1332 - margin-bottom: 10px;
1333 - box-shadow: none;
1334 - }
1335 -
1336 - li:before {
1337 - left: 14px;
1338 - top: 13px;
1339 - width: 24px;
1340 - height: 24px;
1341 - font-size: 12px;
1342 - }
1343 -
1344 - strong {
1345 - margin-bottom: 2px;
1346 - }
1347 -}
1348 -
1349 -.product-section-muted {
1350 - background:
1351 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
1352 -}
1353 -
1354 1354  .product-gallery-panel {
1355 1355   max-width: 1040px;
1356 1356   margin: 20px auto 0;
... ... @@ -1383,6 +1383,11 @@
1383 1383   justify-content: center;
1384 1384  }
1385 1385  
1371 +.product-section-muted {
1372 + background:
1373 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
1374 +}
1375 +
1386 1386  @media (max-width: 980px) {
1387 1387   .product-layout,
1388 1388   .product-feature-grid {
... ... @@ -1411,16 +1411,8 @@
1411 1411   .product-gallery-panel {
1412 1412   padding: 20px;
1413 1413   }
1414 -
1415 - .product-gallery-caption {
1416 - margin-top: 22px;
1417 - padding: 0 14px;
1418 - }
1419 -
1420 - .product-summary-card .process-list li {
1421 - padding-left: 46px;
1422 - }
1423 1423  }
1405 +
1424 1424  /* ========== Resources Index ========== */
1425 1425  
1426 1426  .resources-index-page {