Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 11.14
edited by Agnease
on 2026/05/22 08:53
Change comment: There is no comment for this version
To version 12.4
edited by Agnease
on 2026/05/22 10:24
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -197,9 +197,10 @@
197 197   }
198 198  
199 199   .lead {
200 - max-width: 760px;
200 + max-width: 820px;
201 201   font-size: 19px;
202 202   line-height: 1.55;
203 + margin-top: 12px;
203 203   }
204 204  
205 205   .benefits {
... ... @@ -1221,138 +1221,23 @@
1221 1221  /* ========== Resources Index ========== */
1222 1222  
1223 1223  .resources-index-page {
1224 - padding: @section-padding;
1225 - background: @brand-bg;
1225 + background: #fff;
1226 1226  
1227 - .resources-intro {
1228 - max-width: 820px;
1229 - margin: 0 auto 32px;
1230 - text-align: center;
1231 -
1232 - p {
1233 - color: @muted;
1234 - font-size: 17px;
1235 - line-height: 1.7;
1236 - margin: 0;
1237 - }
1238 - }
1239 -
1240 - .resources-grid {
1241 - display: grid;
1227 + .services-grid {
1242 1242   grid-template-columns: repeat(2, minmax(0, 1fr));
1243 - gap: 24px;
1244 - margin-bottom: 36px;
1245 1245   }
1230 +}
1246 1246  
1247 - .resource-card {
1248 - display: flex;
1249 - gap: 18px;
1250 - background: #fff;
1251 - border: 1px solid @line;
1252 - border-radius: @radius;
1253 - box-shadow: @shadow-sm;
1254 - padding: 24px;
1255 - }
1256 -
1257 - .resource-card-icon {
1258 - flex: 0 0 46px;
1259 - width: 46px;
1260 - height: 46px;
1261 - border-radius: 14px;
1262 - background: @brand-soft;
1263 - color: @brand-strong;
1264 - display: flex;
1265 - align-items: center;
1266 - justify-content: center;
1267 - font-size: 20px;
1268 - }
1269 -
1270 - .resource-card-label {
1271 - color: @brand-strong;
1272 - font-size: 13px;
1273 - font-weight: 700;
1274 - text-transform: uppercase;
1275 - letter-spacing: .04em;
1276 - margin-bottom: 8px;
1277 - }
1278 -
1279 - .resource-card h2 {
1280 - font-size: 22px;
1281 - line-height: 1.25;
1282 - margin: 0 0 12px;
1283 - }
1284 -
1285 - .resource-card h2 a {
1286 - color: @text;
1287 - text-decoration: none;
1288 -
1289 - &:hover {
1290 - color: @brand-strong;
1291 - text-decoration: none;
1232 +@media (max-width: 980px) {
1233 + .resources-index-page {
1234 + .services-grid {
1235 + grid-template-columns: 1fr;
1292 1292   }
1293 1293   }
1294 -
1295 - .resource-card p {
1296 - color: @muted;
1297 - font-size: 15px;
1298 - line-height: 1.65;
1299 - margin: 0 0 16px;
1300 - }
1301 -
1302 - .resource-card-link {
1303 - color: @brand-strong;
1304 - font-weight: 700;
1305 - text-decoration: none;
1306 -
1307 - &:hover {
1308 - color: @brand;
1309 - text-decoration: none;
1310 - }
1311 - }
1312 -
1313 - .resources-next {
1314 - max-width: 820px;
1315 - margin: 0 auto 32px;
1316 - text-align: center;
1317 -
1318 - h2 {
1319 - font-size: 26px;
1320 - margin: 0 0 10px;
1321 - }
1322 -
1323 - p {
1324 - color: @muted;
1325 - font-size: 16px;
1326 - line-height: 1.7;
1327 - margin: 0;
1328 - }
1329 - }
1330 1330  }
1331 1331  
1332 1332  @media (max-width: 767px) {
1333 1333   .resources-index-page {
1334 1334   padding: @section-padding-mobile;
1335 -
1336 - .resources-intro {
1337 - text-align: left;
1338 - margin-bottom: 24px;
1339 - }
1340 -
1341 - .resources-grid {
1342 - grid-template-columns: 1fr;
1343 - gap: 18px;
1344 - }
1345 -
1346 - .resource-card {
1347 - padding: 20px;
1348 - }
1349 -
1350 - .resource-card h2 {
1351 - font-size: 20px;
1352 - }
1353 -
1354 - .resources-next {
1355 - text-align: left;
1356 - }
1357 1357   }
1358 1358  }