Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -5,11 +5,6 @@ 5 5 6 6 <section class="hero hero-centered" aria-labelledby="hero-title"> 7 7 <div class="container hero-inner"> 8 - <div class="hero-kicker"> 9 - <i class="fa fa-shield" aria-hidden="true"></i> 10 - Your trusted partner for XWiki services 11 - </div> 12 - 13 13 <h1 id="hero-title">Professional XWiki engineering and support</h1> 14 14 15 15 <p class="lead">
- 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 { ... ... @@ -233,13 +233,6 @@ 233 233 font-weight: 700; 234 234 } 235 235 236 -.hero-support { 237 - max-width: 760px; 238 - margin: 14px auto 0; 239 - color: @muted; 240 - line-height: 1.55; 241 -} 242 - 243 243 .hero-actions, 244 244 #hero-cta { 245 245 display: flex; ... ... @@ -1228,138 +1228,23 @@ 1228 1228 /* ========== Resources Index ========== */ 1229 1229 1230 1230 .resources-index-page { 1231 - padding: @section-padding; 1232 - background: @brand-bg; 1225 + background: #fff; 1233 1233 1234 - .resources-intro { 1235 - max-width: 820px; 1236 - margin: 0 auto 32px; 1237 - text-align: center; 1238 - 1239 - p { 1240 - color: @muted; 1241 - font-size: 17px; 1242 - line-height: 1.7; 1243 - margin: 0; 1244 - } 1245 - } 1246 - 1247 - .resources-grid { 1248 - display: grid; 1227 + .services-grid { 1249 1249 grid-template-columns: repeat(2, minmax(0, 1fr)); 1250 - gap: 24px; 1251 - margin-bottom: 36px; 1252 1252 } 1230 +} 1253 1253 1254 - .resource-card { 1255 - display: flex; 1256 - gap: 18px; 1257 - background: #fff; 1258 - border: 1px solid @line; 1259 - border-radius: @radius; 1260 - box-shadow: @shadow-sm; 1261 - padding: 24px; 1262 - } 1263 - 1264 - .resource-card-icon { 1265 - flex: 0 0 46px; 1266 - width: 46px; 1267 - height: 46px; 1268 - border-radius: 14px; 1269 - background: @brand-soft; 1270 - color: @brand-strong; 1271 - display: flex; 1272 - align-items: center; 1273 - justify-content: center; 1274 - font-size: 20px; 1275 - } 1276 - 1277 - .resource-card-label { 1278 - color: @brand-strong; 1279 - font-size: 13px; 1280 - font-weight: 700; 1281 - text-transform: uppercase; 1282 - letter-spacing: .04em; 1283 - margin-bottom: 8px; 1284 - } 1285 - 1286 - .resource-card h2 { 1287 - font-size: 22px; 1288 - line-height: 1.25; 1289 - margin: 0 0 12px; 1290 - } 1291 - 1292 - .resource-card h2 a { 1293 - color: @text; 1294 - text-decoration: none; 1295 - 1296 - &:hover { 1297 - color: @brand-strong; 1298 - text-decoration: none; 1232 +@media (max-width: 980px) { 1233 + .resources-index-page { 1234 + .services-grid { 1235 + grid-template-columns: 1fr; 1299 1299 } 1300 1300 } 1301 - 1302 - .resource-card p { 1303 - color: @muted; 1304 - font-size: 15px; 1305 - line-height: 1.65; 1306 - margin: 0 0 16px; 1307 - } 1308 - 1309 - .resource-card-link { 1310 - color: @brand-strong; 1311 - font-weight: 700; 1312 - text-decoration: none; 1313 - 1314 - &:hover { 1315 - color: @brand; 1316 - text-decoration: none; 1317 - } 1318 - } 1319 - 1320 - .resources-next { 1321 - max-width: 820px; 1322 - margin: 0 auto 32px; 1323 - text-align: center; 1324 - 1325 - h2 { 1326 - font-size: 26px; 1327 - margin: 0 0 10px; 1328 - } 1329 - 1330 - p { 1331 - color: @muted; 1332 - font-size: 16px; 1333 - line-height: 1.7; 1334 - margin: 0; 1335 - } 1336 - } 1337 1337 } 1338 1338 1339 1339 @media (max-width: 767px) { 1340 1340 .resources-index-page { 1341 1341 padding: @section-padding-mobile; 1342 - 1343 - .resources-intro { 1344 - text-align: left; 1345 - margin-bottom: 24px; 1346 - } 1347 - 1348 - .resources-grid { 1349 - grid-template-columns: 1fr; 1350 - gap: 18px; 1351 - } 1352 - 1353 - .resource-card { 1354 - padding: 20px; 1355 - } 1356 - 1357 - .resource-card h2 { 1358 - font-size: 20px; 1359 - } 1360 - 1361 - .resources-next { 1362 - text-align: left; 1363 - } 1364 1364 } 1365 1365 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,14 +1,27 @@ 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: right !important; 17 + margin: 0; 18 + } 6 6 } 7 7 8 8 /* Top-level menu items */ 9 9 10 -.agnease-menu-item, 11 -.agnease-menu-link { 23 +#menuview .agnease-menu-item, 24 +#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; 33 + 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; 44 + background: transparent; 30 30 } 31 31 32 32 .caret { ... ... @@ -47,7 +47,7 @@ 47 47 48 48 /* Dropdown panel */ 49 49 50 -.agnease-dropdown { 65 +#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; 84 + 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; 100 + 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; 110 + 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 {126 + #menuview { 109 109 margin-left: 0; 110 - justify-content: center; 111 - flex-wrap: wrap; 128 + width: 100%; 112 112 } 113 113 114 - .agnease-menu-item, 115 - .agnease-menu-link { 131 + #menuview .navbar-nav { 132 + float: none; 133 + margin: 0; 134 + width: 100%; 135 + } 136 + 137 + #menuview .navbar-nav > li { 138 + float: none; 139 + } 140 + 141 + #menuview .agnease-menu-item, 142 + #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 { 151 + #menuview .agnease-dropdown { 125 125 min-width: 0; 126 126 width: 100%; 127 127 padding: 4px 8px 8px 18px;