Changes for page Public Web Site
Last modified by Agnease on 2026/07/07 14:40
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1229,74 +1229,45 @@ 1229 1229 } 1230 1230 } 1231 1231 1232 -.resource-inline-cta { 1232 +.resource-cta { 1233 + display: flex; 1234 + flex-direction: column; 1235 + align-items: center; 1236 + text-align: center; 1233 1233 1238 + max-width: 820px; 1239 + margin: 42px auto 0; 1240 + padding: 28px 30px; 1241 + border: 1px solid fade(@brand, 20%); 1242 + border-radius: @radius; 1243 + background: @brand-bg; 1234 1234 1235 - &:before { 1236 - content: ""; 1237 - position: absolute; 1238 - top: 0; 1239 - bottom: 0; 1240 - left: 0; 1241 - width: 5px; 1242 - background: linear-gradient(180deg, @brand 0%, @brand-strong 100%); 1245 + h3 { 1246 + margin-top: 0; 1247 + margin-bottom: 10px; 1243 1243 } 1244 1244 1245 1245 p { 1246 - position:relative;1247 - z-index:1;1248 - margin: 0;1251 + max-width: 680px; 1252 + margin-left: auto; 1253 + margin-right: auto; 1249 1249 color: @muted; 1250 - font-size: 15px; 1251 - line-height: 1.6; 1252 1252 } 1253 1253 1254 - strong { 1255 - display: block; 1256 - margin-bottom: 4px; 1257 - color: @text; 1258 - font-size: 17px; 1259 - line-height: 1.35; 1260 - } 1261 - 1262 1262 .btn { 1263 - position: relative; 1264 - z-index: 1; 1265 - flex-shrink: 0; 1266 - white-space: nowrap; 1258 + margin-top: 8px; 1267 1267 } 1268 - 1269 - .btn-secondary { 1270 - border-color: @text; 1271 - background: @text; 1272 - color: #fff; 1273 - 1274 - &:hover, 1275 - &:focus { 1276 - border-color: @brand-strong; 1277 - background: @brand-strong; 1278 - color: #fff; 1279 - text-decoration: none; 1280 - } 1281 - } 1282 1282 } 1283 1283 1284 1284 .resource-note, 1285 1285 .resource-checklist, 1264 +.resource-cta { 1286 1286 display: flow-root; 1287 1287 } 1288 1288 1289 1289 @media (max-width: 767px) { 1290 - .resource-inline-cta { 1291 - grid-template-columns: 1fr; 1292 - gap: 16px; 1293 - padding: 22px 20px 22px 24px; 1294 - text-align: left; 1295 - 1296 - .btn { 1297 - width: 100%; 1298 - justify-self: stretch; 1299 - } 1269 + .resource-cta { 1270 + padding: 24px 20px; 1300 1300 } 1301 1301 } 1302 1302 ... ... @@ -1803,8 +1803,12 @@ 1803 1803 /* Keep large panels readable, but remove their inner gradients. 1804 1804 .industry-trust-section .industry-trust-panel, 1805 1805 .cta-panel, 1777 +.resource-inline-cta, 1806 1806 .resource-note, 1807 -*/ 1779 +.resource-cta { 1780 + background: #fff !important; 1781 + background-image: none !important; 1782 +} */ 1808 1808 1809 1809 /* ========== Main Page Hero / SaaS Layout ========== */ 1810 1810