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