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
-
... ... @@ -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 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,14 +1,34 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 3 /* Desktop alignment */ 4 -#menuview .navbar-nav { 5 - float: right !important; 4 + 5 +@media (min-width: 768px) { 6 + #menuview { 7 + margin-left: auto; 8 + } 9 + 10 + #menuview .navbar-collapse { 11 + padding-left: 0; 12 + padding-right: 0; 13 + } 14 + 15 + #menuview .navbar-nav { 16 + float: none; 17 + display: flex; 18 + align-items: center; 19 + justify-content: flex-end; 20 + margin: 0; 21 + } 22 + 23 + #menuview .navbar-nav > li { 24 + float: none; 25 + } 6 6 } 7 7 8 8 /* Top-level menu items */ 9 9 10 -.agnease-menu-item, 11 -.agnease-menu-link { 30 +#menuview .agnease-menu-item, 31 +#menuview .agnease-menu-link { 12 12 > a, 13 13 > .dropdown-toggle { 14 14 color: @brand; ... ... @@ -17,6 +17,7 @@ 17 17 padding-left: 16px; 18 18 padding-right: 16px; 19 19 text-decoration: none; 40 + background: transparent; 20 20 } 21 21 22 22 > a:hover, ... ... @@ -27,6 +27,7 @@ 27 27 color: @brand-strong; 28 28 text-decoration: none; 29 29 outline: none; 51 + background: transparent; 30 30 } 31 31 32 32 .caret { ... ... @@ -47,7 +47,7 @@ 47 47 48 48 /* Dropdown panel */ 49 49 50 -.agnease-dropdown { 72 +#menuview .agnease-dropdown { 51 51 min-width: 310px; 52 52 padding: 10px 8px; 53 53 border: 1px solid fade(@brand, 18%); ... ... @@ -66,6 +66,7 @@ 66 66 font-weight: 600; 67 67 line-height: 1.3; 68 68 text-decoration: none; 91 + background: transparent; 69 69 70 70 i { 71 71 width: 20px; ... ... @@ -81,6 +81,7 @@ 81 81 color: @brand-strong; 82 82 text-decoration: none; 83 83 outline: none; 107 + background: transparent; 84 84 85 85 i { 86 86 color: @brand-strong; ... ... @@ -90,6 +90,7 @@ 90 90 91 91 > .active > a { 92 92 color: @brand-strong; 117 + background: transparent; 93 93 94 94 i { 95 95 color: @brand-strong; ... ... @@ -105,14 +105,23 @@ 105 105 /* Mobile */ 106 106 107 107 @media (max-width: 767px) { 108 - .site-nav {133 + #menuview { 109 109 margin-left: 0; 110 - justify-content: center; 111 - flex-wrap: wrap; 135 + width: 100%; 112 112 } 113 113 114 - .agnease-menu-item, 115 - .agnease-menu-link { 138 + #menuview .navbar-nav { 139 + float: none; 140 + margin: 0; 141 + width: 100%; 142 + } 143 + 144 + #menuview .navbar-nav > li { 145 + float: none; 146 + } 147 + 148 + #menuview .agnease-menu-item, 149 + #menuview .agnease-menu-link { 116 116 > a, 117 117 > .dropdown-toggle { 118 118 font-size: 16px; ... ... @@ -121,7 +121,7 @@ 121 121 } 122 122 } 123 123 124 - .agnease-dropdown { 158 + #menuview .agnease-dropdown { 125 125 min-width: 0; 126 126 width: 100%; 127 127 padding: 4px 8px 8px 18px;