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,10 +197,9 @@ 197 197 } 198 198 199 199 .lead { 200 - max-width: 820px;200 + max-width: 760px; 201 201 font-size: 19px; 202 202 line-height: 1.55; 203 - margin-top: 12px; 204 204 } 205 205 206 206 .benefits { ... ... @@ -1222,23 +1222,138 @@ 1222 1222 /* ========== Resources Index ========== */ 1223 1223 1224 1224 .resources-index-page { 1225 - background: #fff; 1224 + padding: @section-padding; 1225 + background: @brand-bg; 1226 1226 1227 - .services-grid { 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; 1228 1228 grid-template-columns: repeat(2, minmax(0, 1fr)); 1243 + gap: 24px; 1244 + 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; 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; 1236 1236 } 1237 1237 } 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 + } 1238 1238 } 1239 1239 1240 1240 @media (max-width: 767px) { 1241 1241 .resources-index-page { 1242 1242 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 + } 1243 1243 } 1244 1244 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,34 +1,14 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 3 /* Desktop alignment */ 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 - } 4 +#menuview .navbar-nav { 5 + float: right !important; 26 26 } 27 27 28 28 /* Top-level menu items */ 29 29 30 - #menuview.agnease-menu-item,31 - #menuview.agnease-menu-link {10 +.agnease-menu-item, 11 +.agnease-menu-link { 32 32 > a, 33 33 > .dropdown-toggle { 34 34 color: @brand; ... ... @@ -37,7 +37,6 @@ 37 37 padding-left: 16px; 38 38 padding-right: 16px; 39 39 text-decoration: none; 40 - background: transparent; 41 41 } 42 42 43 43 > a:hover, ... ... @@ -48,7 +48,6 @@ 48 48 color: @brand-strong; 49 49 text-decoration: none; 50 50 outline: none; 51 - background: transparent; 52 52 } 53 53 54 54 .caret { ... ... @@ -69,7 +69,7 @@ 69 69 70 70 /* Dropdown panel */ 71 71 72 - #menuview.agnease-dropdown {50 +.agnease-dropdown { 73 73 min-width: 310px; 74 74 padding: 10px 8px; 75 75 border: 1px solid fade(@brand, 18%); ... ... @@ -88,7 +88,6 @@ 88 88 font-weight: 600; 89 89 line-height: 1.3; 90 90 text-decoration: none; 91 - background: transparent; 92 92 93 93 i { 94 94 width: 20px; ... ... @@ -104,7 +104,6 @@ 104 104 color: @brand-strong; 105 105 text-decoration: none; 106 106 outline: none; 107 - background: transparent; 108 108 109 109 i { 110 110 color: @brand-strong; ... ... @@ -114,7 +114,6 @@ 114 114 115 115 > .active > a { 116 116 color: @brand-strong; 117 - background: transparent; 118 118 119 119 i { 120 120 color: @brand-strong; ... ... @@ -130,23 +130,14 @@ 130 130 /* Mobile */ 131 131 132 132 @media (max-width: 767px) { 133 - #menuview{108 + .site-nav { 134 134 margin-left: 0; 135 - width: 100%; 110 + justify-content: center; 111 + flex-wrap: wrap; 136 136 } 137 137 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 { 114 + .agnease-menu-item, 115 + .agnease-menu-link { 150 150 > a, 151 151 > .dropdown-toggle { 152 152 font-size: 16px; ... ... @@ -155,7 +155,7 @@ 155 155 } 156 156 } 157 157 158 - #menuview.agnease-dropdown {124 + .agnease-dropdown { 159 159 min-width: 0; 160 160 width: 100%; 161 161 padding: 4px 8px 8px 18px;