Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -178,7 +178,7 @@ 178 178 display: flex; 179 179 align-items: center; 180 180 justify-content: center; 181 - min-height: 30 0px;181 + min-height: 330px; 182 182 } 183 183 184 184 .hero-inner { ... ... @@ -191,17 +191,16 @@ 191 191 192 192 h1 { 193 193 max-width: 790px; 194 - margin: 0 auto; 194 + margin-left: auto; 195 + margin-right: auto; 195 195 line-height: 1.18; 196 196 } 197 197 198 198 .lead { 199 199 max-width: 820px; 200 - margin: 12px auto 0; 201 - color: @muted; 202 - text-align: center; 203 203 font-size: 19px; 204 204 line-height: 1.55; 203 + margin-top: 12px; 205 205 } 206 206 207 207 .benefits { ... ... @@ -1223,112 +1223,19 @@ 1223 1223 /* ========== Resources Index ========== */ 1224 1224 1225 1225 .resources-index-page { 1226 - padding: @section-padding; 1227 - background: @brand-bg; 1225 + background: #fff; 1228 1228 1229 - .resources-intro { 1230 - max-width: 820px; 1231 - margin: 0 auto 32px; 1232 - text-align: center; 1233 - 1234 - p { 1235 - color: @muted; 1236 - font-size: 17px; 1237 - line-height: 1.7; 1238 - margin: 0; 1239 - } 1240 - } 1241 - 1242 - .resources-grid { 1243 - display: grid; 1227 + .services-grid { 1244 1244 grid-template-columns: repeat(2, minmax(0, 1fr)); 1245 - gap: 24px; 1246 - margin-bottom: 36px; 1247 1247 } 1230 +} 1248 1248 1249 - .resource-card { 1250 - display: flex; 1251 - gap: 18px; 1252 - background: #fff; 1253 - border: 1px solid @line; 1254 - border-radius: @radius; 1255 - box-shadow: @shadow-sm; 1256 - padding: 24px; 1257 - } 1258 - 1259 - .resource-card-icon { 1260 - flex: 0 0 46px; 1261 - width: 46px; 1262 - height: 46px; 1263 - border-radius: 14px; 1264 - background: @brand-soft; 1265 - color: @brand-strong; 1266 - display: flex; 1267 - align-items: center; 1268 - justify-content: center; 1269 - font-size: 20px; 1270 - } 1271 - 1272 - .resource-card-label { 1273 - color: @brand-strong; 1274 - font-size: 13px; 1275 - font-weight: 700; 1276 - text-transform: uppercase; 1277 - letter-spacing: .04em; 1278 - margin-bottom: 8px; 1279 - } 1280 - 1281 - .resource-card h2 { 1282 - font-size: 22px; 1283 - line-height: 1.25; 1284 - margin: 0 0 12px; 1285 - } 1286 - 1287 - .resource-card h2 a { 1288 - color: @text; 1289 - text-decoration: none; 1290 - 1291 - &:hover { 1292 - color: @brand-strong; 1293 - text-decoration: none; 1232 +@media (max-width: 980px) { 1233 + .resources-index-page { 1234 + .services-grid { 1235 + grid-template-columns: 1fr; 1294 1294 } 1295 1295 } 1296 - 1297 - .resource-card p { 1298 - color: @muted; 1299 - font-size: 15px; 1300 - line-height: 1.65; 1301 - margin: 0 0 16px; 1302 - } 1303 - 1304 - .resource-card-link { 1305 - color: @brand-strong; 1306 - font-weight: 700; 1307 - text-decoration: none; 1308 - 1309 - &:hover { 1310 - color: @brand; 1311 - text-decoration: none; 1312 - } 1313 - } 1314 - 1315 - .resources-next { 1316 - max-width: 820px; 1317 - margin: 0 auto 32px; 1318 - text-align: center; 1319 - 1320 - h2 { 1321 - font-size: 26px; 1322 - margin: 0 0 10px; 1323 - } 1324 - 1325 - p { 1326 - color: @muted; 1327 - font-size: 16px; 1328 - line-height: 1.7; 1329 - margin: 0; 1330 - } 1331 - } 1332 1332 } 1333 1333 1334 1334 @media (max-width: 767px) {