Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (2 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,138 +1223,23 @@ 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) { 1335 1335 .resources-index-page { 1336 1336 padding: @section-padding-mobile; 1337 - 1338 - .resources-intro { 1339 - text-align: left; 1340 - margin-bottom: 24px; 1341 - } 1342 - 1343 - .resources-grid { 1344 - grid-template-columns: 1fr; 1345 - gap: 18px; 1346 - } 1347 - 1348 - .resource-card { 1349 - padding: 20px; 1350 - } 1351 - 1352 - .resource-card h2 { 1353 - font-size: 20px; 1354 - } 1355 - 1356 - .resources-next { 1357 - text-align: left; 1358 - } 1359 1359 } 1360 1360 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,8 +1,36 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 3 /* Desktop alignment */ 4 -#menuview .navbar-nav { 5 - float: right !important; 4 +/* Desktop alignment */ 5 + 6 +@media (min-width: 768px) { 7 + #menuview { 8 + width: 100%; 9 + } 10 + 11 + #menuview .navbar-collapse { 12 + width: 100%; 13 + padding-left: 0; 14 + padding-right: 0; 15 + } 16 + 17 + #menuview .navbar-nav { 18 + float: none; 19 + display: flex; 20 + justify-content: flex-end; 21 + align-items: center; 22 + width: 100%; 23 + margin: 0; 24 + } 25 + 26 + #menuview .navbar-nav > li { 27 + float: none; 28 + } 29 + 30 + #mainmenu, 31 + #menuview { 32 + flex: 1 1 auto; 33 + } 6 6 } 7 7 8 8 /* Top-level menu items */