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,23 +1222,138 @@ 1222 1222 /* ========== Resources Index ========== */ 1223 1223 1224 1224 .resources-index-page { 1225 - background: #fff; 1225 + padding: @section-padding; 1226 + background: @brand-bg; 1226 1226 1227 - .services-grid { 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; 1228 1228 grid-template-columns: repeat(2, minmax(0, 1fr)); 1244 + gap: 24px; 1245 + margin-bottom: 36px; 1229 1229 } 1230 -} 1231 1231 1232 -@media (max-width: 980px) { 1233 - .resources-index-page { 1234 - .services-grid { 1235 - grid-template-columns: 1fr; 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; 1236 1236 } 1237 1237 } 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 + } 1238 1238 } 1239 1239 1240 1240 @media (max-width: 767px) { 1241 1241 .resources-index-page { 1242 1242 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 + } 1243 1243 } 1244 1244 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,8 +1,14 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 + 3 +/* Desktop alignment */ 4 +#menuview .navbar-nav { 5 + float: right !important; 6 +} 7 + 2 2 /* Top-level menu items */ 3 3 4 - #menuview.agnease-menu-item,5 - #menuview.agnease-menu-link {10 +.agnease-menu-item, 11 +.agnease-menu-link { 6 6 > a, 7 7 > .dropdown-toggle { 8 8 color: @brand; ... ... @@ -11,7 +11,6 @@ 11 11 padding-left: 16px; 12 12 padding-right: 16px; 13 13 text-decoration: none; 14 - background: transparent; 15 15 } 16 16 17 17 > a:hover, ... ... @@ -22,7 +22,6 @@ 22 22 color: @brand-strong; 23 23 text-decoration: none; 24 24 outline: none; 25 - background: transparent; 26 26 } 27 27 28 28 .caret { ... ... @@ -43,7 +43,7 @@ 43 43 44 44 /* Dropdown panel */ 45 45 46 - #menuview.agnease-dropdown {50 +.agnease-dropdown { 47 47 min-width: 310px; 48 48 padding: 10px 8px; 49 49 border: 1px solid fade(@brand, 18%); ... ... @@ -62,7 +62,6 @@ 62 62 font-weight: 600; 63 63 line-height: 1.3; 64 64 text-decoration: none; 65 - background: transparent; 66 66 67 67 i { 68 68 width: 20px; ... ... @@ -78,7 +78,6 @@ 78 78 color: @brand-strong; 79 79 text-decoration: none; 80 80 outline: none; 81 - background: transparent; 82 82 83 83 i { 84 84 color: @brand-strong; ... ... @@ -88,7 +88,6 @@ 88 88 89 89 > .active > a { 90 90 color: @brand-strong; 91 - background: transparent; 92 92 93 93 i { 94 94 color: @brand-strong; ... ... @@ -104,33 +104,23 @@ 104 104 /* Mobile */ 105 105 106 106 @media (max-width: 767px) { 107 - #menuview{108 + .site-nav { 108 108 margin-left: 0; 109 - width: 100%; 110 + justify-content: center; 111 + flex-wrap: wrap; 110 110 } 111 111 112 - #menuview .navbar-nav { 113 - float: none; 114 - margin: 0; 115 - width: 100%; 116 - text-align: center; 114 + .agnease-menu-item, 115 + .agnease-menu-link { 116 + > a, 117 + > .dropdown-toggle { 118 + font-size: 16px; 119 + padding-top: 9px; 120 + padding-bottom: 9px; 121 + } 117 117 } 118 118 119 - #menuview .navbar-nav > li { 120 - float: none; 121 - display: inline-block; 122 - } 123 - 124 - #menuview .navbar-nav > li.agnease-menu-item > a, 125 - #menuview .navbar-nav > li.agnease-menu-link > a, 126 - #menuview .navbar-nav > li.agnease-menu-item > .dropdown-toggle, 127 - #menuview .navbar-nav > li.agnease-menu-link > .dropdown-toggle { 128 - font-size: 16px; 129 - padding: 10px 10px; 130 - text-align: center; 131 - } 132 - 133 - #menuview .agnease-dropdown { 124 + .agnease-dropdown { 134 134 min-width: 0; 135 135 width: 100%; 136 136 padding: 4px 8px 8px 18px; ... ... @@ -138,7 +138,6 @@ 138 138 border-radius: 0; 139 139 box-shadow: none; 140 140 background: transparent; 141 - text-align: left; 142 142 143 143 > li > a { 144 144 padding: 8px 10px;