Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 11.4
edited by Agnease
on 2026/05/22 08:32
Change comment: There is no comment for this version
To version 11.6
edited by Agnease
on 2026/05/22 08:35
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -34,7 +34,7 @@
34 34  }
35 35  
36 36  section {
37 - padding: 30px 0;
37 + padding: @section-padding;
38 38   border-top: 1px solid @line;
39 39  
40 40   &:first-of-type {
... ... @@ -299,7 +299,7 @@
299 299  .services-grid {
300 300   grid-template-columns: repeat(3, minmax(0, 1fr));
301 301   max-width: 1040px;
302 - margin-top: 26px;
302 + margin-top: 22px;
303 303  }
304 304  
305 305  .resource-grid {
... ... @@ -623,7 +623,7 @@
623 623  
624 624   .resource-grid {
625 625   max-width: 1040px;
626 - margin: 26px auto 0;
626 + margin: 22px auto 0;
627 627   display: grid;
628 628   grid-template-columns: repeat(2, minmax(0, 1fr));
629 629   grid-gap: 22px;
... ... @@ -689,7 +689,7 @@
689 689  /* ========== CTA ========== */
690 690  
691 691  .cta-section {
692 - padding: 32px 0 24px;
692 + padding: @section-padding;
693 693  
694 694   .contact-inline {
695 695   margin: 0;
... ... @@ -788,7 +788,7 @@
788 788  
789 789  @media (max-width: 640px) {
790 790   section {
791 - padding: 34px 0;
791 + padding: @section-padding-mobile;
792 792   }
793 793  
794 794   .widgets,
... ... @@ -813,14 +813,15 @@
813 813   padding: 24px 20px;
814 814   }
815 815  }
816 +
816 816  /* ========== Resource / Article Pages ========== */
817 817  
818 818  .resource-page {
819 - padding-top: 34px;
820 + padding-top: 0;
820 820  }
821 821  
822 822  .resource-header {
823 - padding: 40px 0 30px;
824 + padding: @section-padding;
824 824   border-top: none;
825 825   background:
826 826   radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%),
... ... @@ -973,10 +973,11 @@
973 973   position: static;
974 974   }
975 975  }
977 +
976 976  /* ========== Products / Extensions Pages ========== */
977 977  
978 978  .product-index-section {
979 - padding: 52px 0 56px;
981 + padding: @section-padding;
980 980  
981 981   h2 {
982 982   margin-bottom: 10px;
... ... @@ -985,7 +985,7 @@
985 985  
986 986  .product-card-grid {
987 987   max-width: 840px;
988 - margin: 28px auto 0;
990 + margin: 22px auto 0;
989 989   display: grid;
990 990   grid-template-columns: 1fr;
991 991   grid-gap: 18px;
... ... @@ -1120,7 +1120,7 @@
1120 1120   grid-template-columns: repeat(3, minmax(0, 1fr));
1121 1121   grid-gap: 18px;
1122 1122   max-width: 1040px;
1123 - margin: 26px auto 0;
1125 + margin: 22px auto 0;
1124 1124  }
1125 1125  
1126 1126  .product-feature {
... ... @@ -1223,141 +1223,142 @@
1223 1223   padding: 20px;
1224 1224   }
1225 1225  }
1228 +
1226 1226  /* ========== Resources Index ========== */
1227 1227  
1228 1228  .resources-index-page {
1229 - padding: 56px 0 72px;
1232 + padding: @section-padding;
1230 1230   background: @brand-bg;
1231 -}
1232 1232  
1233 -.resources-intro {
1234 - max-width: 820px;
1235 - margin: 0 auto 32px;
1236 - text-align: center;
1237 -}
1235 + .resources-intro {
1236 + max-width: 820px;
1237 + margin: 0 auto 32px;
1238 + text-align: center;
1238 1238  
1239 -.resources-intro p {
1240 - color: @muted;
1241 - font-size: 17px;
1242 - line-height: 1.7;
1243 - margin: 0;
1244 -}
1240 + p {
1241 + color: @muted;
1242 + font-size: 17px;
1243 + line-height: 1.7;
1244 + margin: 0;
1245 + }
1246 + }
1245 1245  
1246 -.resources-grid {
1247 - display: grid;
1248 - grid-template-columns: repeat(2, minmax(0, 1fr));
1249 - gap: 24px;
1250 - margin-bottom: 36px;
1251 -}
1248 + .resources-grid {
1249 + display: grid;
1250 + grid-template-columns: repeat(2, minmax(0, 1fr));
1251 + gap: 24px;
1252 + margin-bottom: 36px;
1253 + }
1252 1252  
1253 -.resource-card {
1254 - display: flex;
1255 - gap: 18px;
1256 - background: #fff;
1257 - border: 1px solid @line;
1258 - border-radius: @radius;
1259 - box-shadow: @shadow-sm;
1260 - padding: 24px;
1261 -}
1255 + .resource-card {
1256 + display: flex;
1257 + gap: 18px;
1258 + background: #fff;
1259 + border: 1px solid @line;
1260 + border-radius: @radius;
1261 + box-shadow: @shadow-sm;
1262 + padding: 24px;
1263 + }
1262 1262  
1263 -.resource-card-icon {
1264 - flex: 0 0 46px;
1265 - width: 46px;
1266 - height: 46px;
1267 - border-radius: 14px;
1268 - background: @brand-soft;
1269 - color: @brand-strong;
1270 - display: flex;
1271 - align-items: center;
1272 - justify-content: center;
1273 - font-size: 20px;
1274 -}
1265 + .resource-card-icon {
1266 + flex: 0 0 46px;
1267 + width: 46px;
1268 + height: 46px;
1269 + border-radius: 14px;
1270 + background: @brand-soft;
1271 + color: @brand-strong;
1272 + display: flex;
1273 + align-items: center;
1274 + justify-content: center;
1275 + font-size: 20px;
1276 + }
1275 1275  
1276 -.resource-card-label {
1277 - color: @brand-strong;
1278 - font-size: 13px;
1279 - font-weight: 700;
1280 - text-transform: uppercase;
1281 - letter-spacing: .04em;
1282 - margin-bottom: 8px;
1283 -}
1278 + .resource-card-label {
1279 + color: @brand-strong;
1280 + font-size: 13px;
1281 + font-weight: 700;
1282 + text-transform: uppercase;
1283 + letter-spacing: .04em;
1284 + margin-bottom: 8px;
1285 + }
1284 1284  
1285 -.resource-card h2 {
1286 - font-size: 22px;
1287 - line-height: 1.25;
1288 - margin: 0 0 12px;
1289 -}
1287 + .resource-card h2 {
1288 + font-size: 22px;
1289 + line-height: 1.25;
1290 + margin: 0 0 12px;
1291 + }
1290 1290  
1291 -.resource-card h2 a {
1292 - color: @text;
1293 - text-decoration: none;
1294 -}
1293 + .resource-card h2 a {
1294 + color: @text;
1295 + text-decoration: none;
1295 1295  
1296 -.resource-card h2 a:hover {
1297 - color: @brand-strong;
1298 - text-decoration: none;
1299 -}
1297 + &:hover {
1298 + color: @brand-strong;
1299 + text-decoration: none;
1300 + }
1301 + }
1300 1300  
1301 -.resource-card p {
1302 - color: @muted;
1303 - font-size: 15px;
1304 - line-height: 1.65;
1305 - margin: 0 0 16px;
1306 -}
1303 + .resource-card p {
1304 + color: @muted;
1305 + font-size: 15px;
1306 + line-height: 1.65;
1307 + margin: 0 0 16px;
1308 + }
1307 1307  
1308 -.resource-card-link {
1309 - color: @brand-strong;
1310 - font-weight: 700;
1311 - text-decoration: none;
1312 -}
1310 + .resource-card-link {
1311 + color: @brand-strong;
1312 + font-weight: 700;
1313 + text-decoration: none;
1313 1313  
1314 -.resource-card-link:hover {
1315 - color: @brand;
1316 - text-decoration: none;
1317 -}
1315 + &:hover {
1316 + color: @brand;
1317 + text-decoration: none;
1318 + }
1319 + }
1318 1318  
1319 -.resources-next {
1320 - max-width: 820px;
1321 - margin: 0 auto 32px;
1322 - text-align: center;
1323 -}
1321 + .resources-next {
1322 + max-width: 820px;
1323 + margin: 0 auto 32px;
1324 + text-align: center;
1324 1324  
1325 -.resources-next h2 {
1326 - font-size: 26px;
1327 - margin: 0 0 10px;
1328 -}
1326 + h2 {
1327 + font-size: 26px;
1328 + margin: 0 0 10px;
1329 + }
1329 1329  
1330 -.resources-next p {
1331 - color: @muted;
1332 - font-size: 16px;
1333 - line-height: 1.7;
1334 - margin: 0;
1331 + p {
1332 + color: @muted;
1333 + font-size: 16px;
1334 + line-height: 1.7;
1335 + margin: 0;
1336 + }
1337 + }
1335 1335  }
1336 1336  
1337 1337  @media (max-width: 767px) {
1338 1338   .resources-index-page {
1339 - padding: 36px 0 52px;
1340 - }
1342 + padding: @section-padding-mobile;
1341 1341  
1342 - .resources-intro {
1343 - text-align: left;
1344 - margin-bottom: 24px;
1345 - }
1344 + .resources-intro {
1345 + text-align: left;
1346 + margin-bottom: 24px;
1347 + }
1346 1346  
1347 - .resources-grid {
1348 - grid-template-columns: 1fr;
1349 - gap: 18px;
1350 - }
1349 + .resources-grid {
1350 + grid-template-columns: 1fr;
1351 + gap: 18px;
1352 + }
1351 1351  
1352 - .resource-card {
1353 - padding: 20px;
1354 - }
1354 + .resource-card {
1355 + padding: 20px;
1356 + }
1355 1355  
1356 - .resource-card h2 {
1357 - font-size: 20px;
1358 - }
1358 + .resource-card h2 {
1359 + font-size: 20px;
1360 + }
1359 1359  
1360 - .resources-next {
1361 - text-align: left;
1362 + .resources-next {
1363 + text-align: left;
1364 + }
1362 1362   }
1363 1363  }